1

electron-vue-template/src/renderer/components/zebra/ZebraDashboard.vue

@@ -7,7 +7,7 @@ type Shop = { id: string; shopName: string }
 
 const accounts = ref<BanmaAccount[]>([])
 const accountId = ref<number>()
-const isCollapsed = ref(false)
+// 收起功能移除
 
 const shopList = ref<Shop[]>([])
 const selectedShops = ref<string[]>([])
@@ -220,10 +220,9 @@ async function removeCurrentAccount() {
 <template>
   <div class="zebra-root">
     <div class="layout">
-      <aside :class="['aside', { collapsed: isCollapsed }]">
+      <aside class="aside">
         <div class="aside-header">
           <span>操作流程</span>
-          <el-button link @click="isCollapsed = !isCollapsed">{{ isCollapsed ? '展开' : '收起' }}</el-button>
         </div>
         <div class="aside-steps">
           <section class="step step-accounts">
@@ -428,7 +427,7 @@ export default {
 .layout { background: #fff; border-radius: 4px; padding: 12px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); height: 100%; display: grid; grid-template-columns: 220px 1fr; gap: 12px; }
 .aside { border: 1px solid #ebeef5; border-radius: 4px; padding: 10px; display: flex; flex-direction: column; transition: width 0.2s ease; }
 .aside.collapsed { width: 56px; overflow: hidden; }
-.aside-header { display: flex; justify-content: space-between; align-items: center; font-weight: 600; color: #606266; margin-bottom: 8px; }
+.aside-header { display: flex; justify-content: flex-start; align-items: center; font-weight: 600; color: #606266; margin-bottom: 8px; }
 .aside-steps { position: relative; }
 .step { display: grid; grid-template-columns: 24px 1fr; gap: 10px; position: relative; padding: 8px 0; }
 .step + .step { border-top: 1px dashed #ebeef5; }