首页增加提示类tab,B类指标页优化,我的-增加业务员日常工作统计

src/views/home/hintTabPage/hintDetail.vue

@@ -133,7 +133,7 @@ export default {
           label: '同A店',
           childredColumn: [
             {
-              label: '(进2月)',
+              label: '(近2月)',
               prop: 'tongANotVisited',
             },
           ],
@@ -142,7 +142,7 @@ export default {
           label: '同B店',
           childredColumn: [
             {
-              label: '(进2月)',
+              label: '(近2月)',
               prop: 'tongBNotVisited',
             },
           ],

src/views/home/hintTabPage/index.vue

@@ -85,6 +85,9 @@
               <div class="value">{{ report.reportData.commentNum }}个(5个)</div>
               <div class="itemDetail" @click="reportClick('commentNum')">进入点评</div>
             </div>
+            <div class="mask" v-if="report.reportLosding">
+              <van-loading type="spinner" color="#1989fa" />
+            </div>
           </div>
         </van-collapse-item>
         <!-- 色卡 销售员和销售部主管显示-->
@@ -161,6 +164,9 @@
                 </div>
               </div>
             </template>
+            <div class="mask" v-if="pantone.pantoneLosding">
+              <van-loading type="spinner" color="#1989fa" />
+            </div>
           </div>
         </van-collapse-item>
       </van-collapse>
@@ -243,7 +249,7 @@ export default {
             bagColor: '#88abda',
             visitDetail: [
               {
-                leftTable: '进2个月拜访率：',
+                leftTable: '近2个月拜访率：',
                 leftProp: 'visitRateInThePastTwoMonths',
                 leftUnit: '%',
                 leftIsClick: false,
@@ -260,7 +266,7 @@ export default {
             bagColor: '#8f82bc',
             visitDetail: [
               {
-                leftTable: '进3个月拜访率：',
+                leftTable: '近3个月拜访率：',
                 leftProp: 'visitRateInThePastThreeMonths',
                 leftUnit: '%',
                 leftIsClick: false,
@@ -391,11 +397,13 @@ export default {
       },
       report: {
         title: '',
+        reportLosding: true,
         reportData: {},
       },
       pantone: {
         title: '色卡',
         tip: '',
+        pantoneLosding: true,
         pantoneData: {},
       },
     };
@@ -447,12 +455,14 @@ export default {
         this.report.title = '日报';
       }
       getReportTarget().then((res) => {
+        this.report.reportLosding = false;
         this.report.reportData = res.data || {};
       });
     },
     getPantoneData() {
       if (this.empLevel == 2 || this.empLevel == 3) {
         getReportMaterial().then((res) => {
+          this.pantone.pantoneLosding = false;
           this.pantone.tip = res.data.tip;
           this.pantone.pantoneData = res.data;
           delete this.pantone.pantoneData.tip;
@@ -572,6 +582,16 @@ export default {
       }
     }
   }
+  .mask {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    background: rgba(255, 255, 255, 0.8);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
 }
 </style>
 <style lang="scss">

src/views/home/index.vue

@@ -83,7 +83,6 @@ export default {
     .homePage {
       width: 100%;
       height: 100%;
-      padding-bottom: 20px;
       /* overflow-y: auto; */
     }
   }
@@ -106,6 +105,7 @@ export default {
     }
     .van-tabs__content {
       flex: 1;
+      margin-bottom: 50px;
     }
   }
   .myTab .van-tabs__nav--card {