update: update

src/views/apps/customerApp/index.vue

@@ -9,11 +9,11 @@
 <template>
   <div class="my-customer-wrap common-set-wrap">
     <nav-crumb :navpath="navpath" @selectBrandId="selectBrandId"> </nav-crumb>
-    <div class="right-content">
+    <div class="right-content" v-loading="loading">
       <div class="right-box" style="min-height: calc(100vh - 112px);">
         <div class="apps-content flex" style="min-height: calc(100vh - 112px);">
           <div class="apps-content-left w-157" style="min-height: calc(100vh - 112px);">
-            <common-detail-left :tabListData="tabListData" :activeSelTab="activeSelTab" @setSelectTab="setSelectTab"> </common-detail-left>
+            <common-detail-left v-if="!loading" :tabListData="tabListData" :activeSelTab="activeSelTab" @setSelectTab="setSelectTab"> </common-detail-left>
           </div>
           <div class="apps-content-right">
             <transition name="fade" mode="out-in">
@@ -35,6 +35,46 @@ import expiredDialog from '@/components/company/expired-dialog.vue';
 import errMsg from '@/common/js/error';
 // import showMsg from '@/common/js/showmsg';
 import { getRequest } from '@/api/api';
+const defaultTabList = [
+  {
+    tabId: '1',
+    tabName: '会员基础设置',
+    icon: 'iconjichushezhi',
+    onlyIconActive: false,
+    children: [
+      {
+        tabId: '11',
+        tabName: '会员展示设置',
+        icon: ''
+      },
+      {
+        tabId: '12',
+        tabName: '会员分组设置',
+        icon: ''
+      },
+      {
+        tabId: '13',
+        tabName: '会员搜索设置',
+        icon: ''
+      },
+      {
+        tabId: '14',
+        tabName: '会员详情设置',
+        icon: ''
+      }
+      // {
+      //   tabId: '15',
+      //   tabName: '会员标签设置',
+      //   icon: ''
+      // }
+    ]
+  },
+  {
+    tabId: '2',
+    tabName: '我的顾客列表',
+    icon: 'icongukeguanliicon'
+  }
+];
 export default {
   name: 'reviewed',
   data() {
@@ -64,46 +104,8 @@ export default {
           path: '/memberShowSet'
         }
       ],
-      tabListData: [
-        {
-          tabId: '1',
-          tabName: '会员基础设置',
-          icon: 'iconjichushezhi',
-          onlyIconActive: false,
-          children: [
-            {
-              tabId: '11',
-              tabName: '会员展示设置',
-              icon: ''
-            },
-            {
-              tabId: '12',
-              tabName: '会员分组设置',
-              icon: ''
-            },
-            {
-              tabId: '13',
-              tabName: '会员搜索设置',
-              icon: ''
-            },
-            {
-              tabId: '14',
-              tabName: '会员详情设置',
-              icon: ''
-            }
-            // {
-            //   tabId: '15',
-            //   tabName: '会员标签设置',
-            //   icon: ''
-            // }
-          ]
-        },
-        {
-          tabId: '2',
-          tabName: '我的顾客列表',
-          icon: 'icongukeguanliicon'
-        }
-      ],
+      defaultTabList,
+      tabListData: Object.assign({}, defaultTabList),
       navName: {
         1: '会员基础设置',
         11: '会员展示设置',
@@ -126,7 +128,8 @@ export default {
       },
       activeBrand: '', // 商户(品牌) id
       activeGroup: '', // 商户(品牌) groupId
-      expiredFlag: false
+      expiredFlag: false,
+      loading: true
     };
   },
   computed: {},
@@ -135,23 +138,22 @@ export default {
       let para = {
         enterpriseId: this.activeBrand
       };
-      getRequest('/haoban-app-customer-web/tag/open-tag', para)
-        .then(res => {
-          if (!!res.data.result) {
-            this.tabListData[0].children.push({
-              tabId: '15',
-              tabName: '会员标签设置',
-              icon: ''
-            });
-          }
-          // errMsg.errorMsg(resData);
-        })
-        .catch(function(error) {
-          this.$message.error({
-            duration: 1000,
-            message: error.message
-          });
+      let list = [].concat(this.defaultTabList);
+      console.log(list);
+      getRequest('/haoban-app-customer-web/tag/open-tag', para).then(res => {
+        this.loading = true;
+        if (!!res.data.result) {
+          list[0].children[4] = {
+            tabId: '15',
+            tabName: '会员标签设置',
+            icon: ''
+          };
+        }
+        this.$nextTick(() => {
+          this.tabListData = [].concat(list);
+          this.loading = false;
         });
+      });
     },
     getExpired() {
       const that = this;