update: 菜单框架

src/components/layout/components/change-store.vue

@@ -6,13 +6,15 @@
         <i class="iconfont-hb3 iconxiajiantou change-store-icon"></i>
       </span>
       <el-dropdown-menu slot="dropdown" class="change-store-popper">
-        <el-dropdown-item v-for="el in storeList" :key="el.enterpriseId" :class="['store-item', { actived: el.enterpriseId == activedStoreId }]" :command="el.enterpriseId">
-          <div>
-            <div class="store-name">{{ el.brandName }}</div>
-            <div class="default-store-tag" v-if="el.enterpriseId == defaultStoreId">默认商户</div>
-          </div>
-          <i class="el-icon-check checked" v-if="el.enterpriseId == activedStoreId"></i>
-        </el-dropdown-item>
+        <div class="store-list">
+          <el-dropdown-item v-for="el in storeList" :key="el.enterpriseId" :class="['store-item', { actived: el.enterpriseId == activedStoreId }]" :command="el.enterpriseId">
+            <div>
+              <div class="store-name">{{ el.brandName }}</div>
+              <div class="default-store-tag" v-if="el.enterpriseId == defaultStoreId">默认商户</div>
+            </div>
+            <i class="el-icon-check checked" v-if="el.enterpriseId == activedStoreId"></i>
+          </el-dropdown-item>
+        </div>
         <el-dropdown-item class="change-default-store">
           <div class="change-default-store-btn" @click="onShow">更改默认商户</div>
         </el-dropdown-item>
@@ -66,7 +68,7 @@ export default {
   },
   methods: {
     getStoreList() {
-      getRequest('/haoban-manage3-web/wx-enterprise-list', {}).then(resp => {
+      getRequest('/haoban-manage3-web/wx-enterprise-list', { filteRight: 1 }).then(resp => {
         const { errorCode, result } = resp.data || {};
         if (errorCode != 1) {
           errorMsg.errorMsg(resp.data);
@@ -164,6 +166,10 @@ export default {
   .el-dropdown-menu__item {
     padding: 0;
   }
+  .store-list {
+    max-height: 350px;
+    overflow-y: auto;
+  }
   .store-item {
     display: flex;
     justify-content: space-between;