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

src/views/home/ABtarget.vue

@@ -660,106 +660,117 @@
         <van-collapse v-model="activeNames">
           <van-collapse-item name="2" v-if="!JZQuota && !GZdata" title="建店布机">
             <van-row>
-              <!--            <van-col v-if="powerGrade==1" span="24"><span class="leftTitle">昨日新增</span></van-col>-->
-              <!--            <van-col v-if="powerGrade==1" span="24">-->
-              <!--              <p>金牌店点数:<span class="colorbalck">{{ Micrometer(reportTargetAll.goldShopYesterdayAct) }}</span></p>-->
-              <!--            </van-col>-->
-              <!--            <van-col v-if="powerGrade==1" span="24">-->
-              <!--              <p>金牌店布机:<span class="colorbalck">{{ Micrometer(reportTargetAll.goldShopBjYesterdayAct) }}</span></p>-->
-              <!--            </van-col>-->
-              <!--            <van-col v-if="powerGrade==1" span="24">-->
-              <!--              <p>分销店点数:<span class="colorbalck">{{ Micrometer(reportTargetAll.allShopYesterdayAct) }}</span></p>-->
-              <!--            </van-col>-->
-              <van-col span="12"
-                ><p><span class="leftTitle">今年实际</span></p></van-col
-              >
-              <van-col span="12"
-                ><p><span class="rightTitle">今年目标(达成率)</span></p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  金牌店点数:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.goldShopYearAct)
-                  }}</span>
-                </p></van-col
-              >
               <van-col span="12">
                 <p>
-                  金牌店点数:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.goldShopYearTarget)
-                  }}</span
-                  ><span class="colorbalck">({{ reportTargetAll.goldShopYearRate }}%)</span>
+                  <span class="leftTitle">本月实际</span>
                 </p>
               </van-col>
-              <van-col span="12"
-                ><p>
-                  金牌店布机:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.goldShopBjYearAct)
-                  }}</span>
-                </p></van-col
-              >
               <van-col span="12">
                 <p>
-                  金牌店布机:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.goldShopBjYearTarget)
-                  }}</span
-                  ><span class="colorbalck">({{ reportTargetAll.goldShopBjYearRate }}%)</span>
+                  <span class="rightTitle">今年目标(达成率)</span>
                 </p>
               </van-col>
-              <van-col span="12"
-                ><p>
-                  分销店点数:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.allShopYearAct)
+              <van-col span="12">
+                <p>
+                  可控店点数：
+                  <span class="colorbalck">{{
+                    Micrometer(reportTargetAll.controlledShopMonthAct)
                   }}</span>
-                </p></van-col
-              >
+                </p>
+              </van-col>
               <van-col span="12">
                 <p>
-                  分销店点数:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.allShopYearTarget)
-                  }}</span
-                  ><span class="colorbalck">({{ reportTargetAll.allShopYearRate }}%)</span>
+                  可控店点数：
+                  <span class="colorbalck">{{
+                    Micrometer(reportTargetAll.controlledShopYearAct)
+                  }}</span>
+                  <span class="colorbalck">({{ reportTargetAll.controlledShopYearRate }}%)</span>
                 </p>
               </van-col>
-              <!-- <van-col span="12"
-              ><p>调色机上传数:{{ Micrometer(reportTargetAll.tsjUploadYearAct) }}</p></van-col
-            >
-            <van-col span="12">
-              <p>
-                调色机上传数:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.tsjUploadYearTarget)
-                }}</span
-                ><span class="colorbalck">({{ reportTargetAll.tsjUploadYearRate }}%)</span>
-              </p>
-            </van-col> -->
-              <van-col span="24" v-if="powerGrade == 1"
-                ><p>涂料店点数:{{ Micrometer(reportTargetAll.tlShopYearAct) }}</p></van-col
-              >
-              <van-col span="12" v-if="powerGrade != 1"
-                ><p>涂料店点数:{{ Micrometer(reportTargetAll.tlShopYearAct) }}</p></van-col
-              >
-              <van-col span="12" v-if="powerGrade != 1">
+              <van-col span="12">
                 <p>
-                  涂料店点数:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.tlShopYearTarget)
-                  }}</span
-                  ><span class="colorbalck">({{ reportTargetAll.tlShopYearRate }}%)</span>
+                  分销店点数：
+                  <span class="colorbalck">{{ Micrometer(reportTargetAll.allShopMonthAct) }}</span>
                 </p>
               </van-col>
-              <van-col span="24" v-if="powerGrade == 1">
-                <p>厨卫店点数:{{ Micrometer(reportTargetAll.cwShopYearAct) }}</p></van-col
-              >
-              <van-col span="12" v-if="powerGrade != 1">
-                <p>厨卫店点数:{{ Micrometer(reportTargetAll.cwShopYearAct) }}</p></van-col
-              >
-              <van-col span="12" v-if="powerGrade != 1">
+              <van-col span="12">
                 <p>
-                  厨卫店点数:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.cwShopYearTarget)
-                  }}</span
-                  ><span class="colorbalck">({{ reportTargetAll.cwShopYearRate }}%)</span>
+                  分销店点数：
+                  <span class="colorbalck">{{
+                    Micrometer(reportTargetAll.allShopYearTarget)
+                  }}</span>
+                  <span class="colorbalck">({{ reportTargetAll.allShopYearRate }}%)</span>
                 </p>
               </van-col>
+              <div class="colBack">
+                <div class="backLeft back"></div>
+                <div class="backRight back"></div>
+                <van-col span="12">
+                  <p>
+                    金牌店点数：
+                    <span class="colorbalck">{{
+                      Micrometer(reportTargetAll.goldShopMonthAct)
+                    }}</span>
+                  </p>
+                </van-col>
+                <van-col span="12">
+                  <p>
+                    金牌店点数：<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.goldShopYearTarget)
+                    }}</span
+                    ><span class="colorbalck">({{ reportTargetAll.goldShopYearRate }}%)</span>
+                  </p>
+                </van-col>
+                <van-col span="12"
+                  ><p>
+                    金牌店布机：<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.goldShopBjMonthAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12">
+                  <p>
+                    金牌店布机：<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.goldShopBjYearTarget)
+                    }}</span
+                    ><span class="colorbalck">({{ reportTargetAll.goldShopBjYearRate }}%)</span>
+                  </p>
+                </van-col>
+
+                <van-col span="12"
+                  ><p>
+                    同A店点数：<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.tcAShopMonthAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12">
+                  <p>
+                    同A店点数：<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.tcAShopYearAct)
+                    }}</span
+                    ><span class="colorbalck"
+                      >家({{ reportTargetAll.tcAShopYearRate || '-' }})</span
+                    >
+                  </p>
+                </van-col>
+
+                <van-col span="12"
+                  ><p>
+                    同B店点数：<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.tcBShopMonthAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12">
+                  <p>
+                    同B店点数：<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.tcBShopYearAct)
+                    }}</span
+                    ><span class="colorbalck">({{ reportTargetAll.tcBShopYearRate }}%)</span>
+                  </p>
+                </van-col>
+              </div>
             </van-row>
           </van-collapse-item>
           <van-collapse-item name="16" v-if="!JZQuota && !GZdata" title="专业时时丽分销店下单">
@@ -768,14 +779,14 @@
               ><van-col span="12"><span class="rightTitle">本月实际</span></van-col>
               <van-col span="12"
                 ><p>
-                  下单点数:<span class="colorbalck">{{
+                  下单点数：<span class="colorbalck">{{
                     Micrometer(reportTargetAll.professionalSslYes)
                   }}</span>
                 </p></van-col
               >
               <van-col span="12"
                 ><p>
-                  下单点数:<span class="colorbalck">{{
+                  下单点数：<span class="colorbalck">{{
                     Micrometer(reportTargetAll.professionalSslMonth)
                   }}</span>
                 </p></van-col
@@ -783,21 +794,21 @@
               <van-col span="12"><p></p></van-col>
               <van-col span="12"
                 ><p>
-                  下单率 :<span class="colorbalck"
+                  下单率：<span class="colorbalck"
                     >{{ reportTargetAll.professionalSslOrderRateMonth }}%</span
                   >
                 </p></van-col
               >
               <van-col span="12"
                 ><p>
-                  下单数量(桶):<span class="colorbalck">{{
+                  下单数量(桶)：<span class="colorbalck">{{
                     Micrometer(reportTargetAll.professionalSslOrderNumYes)
                   }}</span>
                 </p></van-col
               >
               <van-col span="12"
                 ><p>
-                  下单数量(桶):<span class="colorbalck">{{
+                  下单数量(桶)：<span class="colorbalck">{{
                     Micrometer(reportTargetAll.professionalSslOrderNumMonth)
                   }}</span>
                 </p></van-col
@@ -813,14 +824,14 @@
               ><van-col span="12"><span class="rightTitle">本月实际</span></van-col>
               <van-col span="12"
                 ><p>
-                  下单点数:<span class="colorbalck">{{
+                  下单点数：<span class="colorbalck">{{
                     Micrometer(reportTargetAll.excellentPostYes)
                   }}</span>
                 </p></van-col
               >
               <van-col span="12"
                 ><p>
-                  下单点数:<span class="colorbalck">{{
+                  下单点数：<span class="colorbalck">{{
                     Micrometer(reportTargetAll.excellentPostMonth)
                   }}</span>
                 </p></van-col
@@ -828,21 +839,21 @@
               <van-col span="12"><p></p></van-col>
               <van-col span="12"
                 ><p>
-                  下单率 :<span class="colorbalck"
+                  下单率：<span class="colorbalck"
                     >{{ reportTargetAll.excellentPostOrderRateMonth }}%</span
                   >
                 </p></van-col
               >
               <van-col span="12"
                 ><p>
-                  下单数量(包):<span class="colorbalck">{{
+                  下单数量(包)：<span class="colorbalck">{{
                     Micrometer(reportTargetAll.excellentPostOrderNumYes)
                   }}</span>
                 </p></van-col
               >
               <van-col span="12"
                 ><p>
-                  下单数量(包):<span class="colorbalck">{{
+                  下单数量(包)：<span class="colorbalck">{{
                     Micrometer(reportTargetAll.excellentPostOrderNumMonth)
                   }}</span>
                 </p></van-col
@@ -872,20 +883,22 @@
               <!--            <van-col span="12" v-if="powerGrade>=3"><span class="rightTitle" >TOP70直营家装</span></van-col>-->
               <van-col span="24"
                 ><p>
-                  全年开发数:<span class="colorbalck">{{
+                  全年开发数：<span class="colorbalck">{{
                     Micrometer(reportTargetAll.customerAct)
                   }}</span>
                 </p></van-col
               >
-              <!--            <van-col span="12" v-if="powerGrade>=3"><p>全年目标:<span class="colorbalck">{{reportTargetAll.directCustomerYearTarget}}</span></p></van-col>-->
-              <!--            <van-col span="24"><p>实际:<span class="colorbalck">{{ Micrometer(reportTargetAll.customerAct) }}</span></p></van-col>-->
-              <!--            <van-col span="12" v-if="powerGrade>=3"><p>实际:<span class="colorbalck">{{reportTargetAll.directCustomerAct}}</span></p></van-col>-->
+              <!--            <van-col span="12" v-if="powerGrade>=3"><p>全年目标：<span class="colorbalck">{{reportTargetAll.directCustomerYearTarget}}</span></p></van-col>-->
+              <!--            <van-col span="24"><p>实际：<span class="colorbalck">{{ Micrometer(reportTargetAll.customerAct) }}</span></p></van-col>-->
+              <!--            <van-col span="12" v-if="powerGrade>=3"><p>实际：<span class="colorbalck">{{reportTargetAll.directCustomerAct}}</span></p></van-col>-->
               <van-col span="24"
                 ><p>
-                  全年进度率:<span class="colorbalck">{{ reportTargetAll.customerYearRate }}%</span>
+                  全年进度率：<span class="colorbalck"
+                    >{{ reportTargetAll.customerYearRate }}%</span
+                  >
                 </p></van-col
               >
-              <!--            <van-col span="12" v-if="powerGrade>=3"><p>全年进度率:<span class="colorbalck">{{reportTargetAll.directCustomerYearRate}}%</span></p></van-col>-->
+              <!--            <van-col span="12" v-if="powerGrade>=3"><p>全年进度率：<span class="colorbalck">{{reportTargetAll.directCustomerYearRate}}%</span></p></van-col>-->
             </van-row>
           </van-collapse-item>
           <van-collapse-item
@@ -894,64 +907,84 @@
             title="分销店下单点数">
             <van-row>
               <van-col span="24"><span class="leftTitle">本月进度</span></van-col>
-              <!--            <van-col span="12"><p>实际点数:<span class="colorbalck">{{ Micrometer(reportTargetAll.fxShopMonthAct) }}</span></p></van-col>-->
-              <!--            <van-col span="12"><p>目标(达成率):<span class="colorbalck">{{ reportTargetAll.fxShopMonthTarget }}</span>(<span class="colorbalck">{{ reportTargetAll.fxShopMonthRate }}%</span>)</p></van-col>-->
-              <van-col span="12"
-                ><p>
-                  分销店下单点数:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.fxOrderShopMonthAct)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  分销店下单率:<span class="colorbalck"
-                    >{{ reportTargetAll.fxShopMonthOrderRate }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  金牌店下单点数:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.jpOrderShopMonthAct)
+              <van-col span="12">
+                <p>
+                  可控店点数：
+                  <span class="colorbalck">{{
+                    Micrometer(reportTargetAll.controlledOrderShopMonthAct)
                   }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  金牌店下单率 :<span class="colorbalck"
-                    >{{ reportTargetAll.jpShopMonthOrderRate }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  厨卫店下单点数:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.cwOrderShopMonthAct)
+                </p>
+              </van-col>
+              <van-col span="12">
+                <p>
+                  可控店点数：
+                  <span class="colorbalck">{{
+                    Micrometer(reportTargetAll.controlledShopMonthOrderRate)
                   }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  厨卫店下单率:<span class="colorbalck"
-                    >{{ reportTargetAll.cwShopMonthOrderRate }}%</span
-                  >
-                </p></van-col
-              >
+                </p>
+              </van-col>
               <van-col span="12"
                 ><p>
-                  涂料店下单点数:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.tlOrderShopMonthAct)
+                  分销店下单点数：<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.fxOrderShopMonthAct)
                   }}</span>
                 </p></van-col
               >
               <van-col span="12"
                 ><p>
-                  涂料店下单率:<span class="colorbalck"
-                    >{{ reportTargetAll.tlShopMonthOrderRate }}%</span
+                  分销店下单率：<span class="colorbalck"
+                    >{{ reportTargetAll.fxShopMonthOrderRate }}%</span
                   >
                 </p></van-col
               >
+              <div class="colBack">
+                <div class="backLeft back"></div>
+                <div class="backRight back"></div>
+                <van-col span="12"
+                  ><p>
+                    金牌店下单点数：<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.jpOrderShopMonthAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    金牌店下单率：<span class="colorbalck"
+                      >{{ reportTargetAll.jpShopMonthOrderRate }}%</span
+                    >
+                  </p></van-col
+                >
+
+                <van-col span="12"
+                  ><p>
+                    同A店点数：<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.tcAOrderShopMonthAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12">
+                  <p>
+                    同A店点数：<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.tcAShopMonthOrderRate)
+                    }}</span>
+                  </p>
+                </van-col>
+
+                <van-col span="12"
+                  ><p>
+                    同B店点数：<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.tcBOrderShopMonthAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12">
+                  <p>
+                    同B店点数：<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.tcBShopMonthOrderRate)
+                    }}</span>
+                  </p>
+                </van-col>
+              </div>
             </van-row>
           </van-collapse-item>
           <van-collapse-item v-if="(powerGrade == 1 || JZQuota) && !GZdata" name="7">
@@ -960,60 +993,103 @@
               <div v-if="powerGrade == 1 || JZQuota || GZdata">拜访数据(实时)</div>
             </template>
             <van-row>
-              <van-col v-if="powerGrade == 1 || JZQuota || GZdata" span="12"
-                ><span class="leftTitle">今日拜访</span></van-col
-              >
-              <van-col v-if="powerGrade == 1 || JZQuota || GZdata" span="12"
-                ><span class="rightTitle">本月拜访</span></van-col
-              >
-              <van-col v-if="powerGrade == 1 || JZQuota || GZdata" span="12"
-                ><p>
-                  线内拜访点数:<span class="colorbalck">{{ reportTargetAll.inVisitAct }}</span>
-                </p></van-col
-              >
-              <van-col v-if="powerGrade == 1 || JZQuota || GZdata" span="12"
-                ><p>
-                  线内拜访点数:<span class="colorbalck">{{ reportTargetAll.inVisitActMonth }}</span>
-                </p></van-col
-              >
-              <van-col v-if="powerGrade == 1 || JZQuota || GZdata" span="12"
-                ><p>
-                  计划拜访点数:<span class="colorbalck">{{ reportTargetAll.visitTarget }}</span>
-                </p></van-col
-              >
-              <van-col v-if="powerGrade == 1 || JZQuota || GZdata" span="12"
-                ><p>
-                  计划拜访点数:<span class="colorbalck">{{ reportTargetAll.coverStoreNum }}</span>
-                </p></van-col
-              >
-              <van-col v-if="powerGrade == 1 || JZQuota || GZdata" span="12"
-                ><p>
-                  线内拜访率:<span class="colorbalck">{{ reportTargetAll.inVisitRate }}%</span>
-                </p></van-col
-              >
-              <van-col v-if="powerGrade == 1 || JZQuota || GZdata" span="12"
-                ><p>
-                  线内拜访率:<span class="colorbalck">{{ reportTargetAll.inVisitMonthRate }}%</span>
-                </p></van-col
-              >
-              <van-col v-if="powerGrade == 1 || JZQuota || GZdata" span="12"
+              <van-col v-if="powerGrade == 1 || JZQuota || GZdata" span="12">
+                <span class="leftTitle">今日拜访点数</span>
+              </van-col>
+              <van-col v-if="powerGrade == 1 || JZQuota || GZdata" span="12">
+                <span class="rightTitle">月度拜访点数（拜访率）</span>
+              </van-col>
+              <van-col span="12">
+                <p>
+                  可控店：
+                  <span class="colorbalck">{{
+                    Micrometer(reportTargetAll.controlledShopVisitDayNum)
+                  }}</span>
+                </p>
+              </van-col>
+              <van-col span="12">
+                <p>
+                  <span style="font-weight: 600">本月</span>可控店：
+                  <span class="colorbalck">{{
+                    Micrometer(reportTargetAll.controlledShopVisitMonthNum)
+                  }}</span>
+                  <span class="colorbalck"
+                    >({{ reportTargetAll.controlledShopVisitMonthRate }}%)</span
+                  >
+                </p>
+              </van-col>
+              <van-col span="12"
                 ><p>
-                  整体拜访数:<span class="colorbalck">{{ reportTargetAll.allVisitNum }}</span>
+                  分销店：<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.fxShopVisitDayNum)
+                  }}</span>
                 </p></van-col
               >
-              <van-col v-if="powerGrade == 1 || JZQuota || GZdata" span="12"
+              <van-col span="12"
                 ><p>
-                  整体拜访率:<span class="colorbalck"
-                    >{{ reportTargetAll.allVisitMonthRate }}%</span
-                  >
-                </p></van-col
-              >
-              <!--            <van-col v-if="powerGrade==2&&!JZQuota&&!GZdata" span="24"><p>未分配点数:<span-->
-              <!--                class="colorbalck">{{ reportTargetAll.undistrNum }}</span></p></van-col>-->
-              <!--            <van-col v-if="powerGrade==2&&!JZQuota&&!GZdata" span="24"><p>已覆盖未排线点数:<span-->
-              <!--                class="colorbalck">{{ reportTargetAll.coverNotPlan }}</span></p></van-col>-->
-              <!--            <van-col span="24" v-if="powerGrade==2"><p>未挂接销售门店数:<span class="colorbalck">{{reportTargetAll.customerYearTarget}}%</span></p></van-col>-->
-              <!--            <van-col span="24" v-if="powerGrade==2"><p>已挂接销售,但不在拜访计划中的门店数量:<span class="colorbalck">{{reportTargetAll.customerYearTarget}}%</span></p></van-col>-->
+                  <span style="font-weight: 600">本月</span>
+                  分销店：
+                  <span class="colorbalck">{{
+                    Micrometer(reportTargetAll.fxShopVisitMonthNum)
+                  }}</span>
+                  <span class="colorbalck"> ({{ reportTargetAll.fxShopVisitMonthRate }}%) </span>
+                </p>
+              </van-col>
+              <div class="colBack">
+                <div class="backLeft back"></div>
+                <div class="backRight back"></div>
+                <van-col span="12">
+                  <p>
+                    金牌店：
+                    <span class="colorbalck">{{
+                      Micrometer(reportTargetAll.jpShopVisitDayNum)
+                    }}</span>
+                  </p>
+                </van-col>
+                <van-col span="12">
+                  <p>
+                    <span style="font-weight: 600">本月</span>
+                    金牌店：
+                    <span class="colorbalck">{{
+                      Micrometer(reportTargetAll.jpShopVisitMonthNum)
+                    }}</span>
+                    <span class="colorbalck"> ({{ reportTargetAll.jpShopVisitMonthRate }}%) </span>
+                  </p>
+                </van-col>
+                <van-col span="12">
+                  <p>
+                    同A店：
+                    <span class="colorbalck">{{
+                      Micrometer(reportTargetAll.tcAShopVisitDayNum)
+                    }}</span>
+                  </p>
+                </van-col>
+                <van-col span="12">
+                  <p>
+                    <span style="font-weight: 600">近2月</span>
+                    同A店：
+                    <span class="colorbalck">{{
+                      Micrometer(reportTargetAll.tcAShopVisitMonthNum)
+                    }}</span>
+                    <span class="colorbalck"> ({{ reportTargetAll.tcAShopVisitMonthRate }}%) </span>
+                  </p>
+                </van-col>
+                <van-col span="12">
+                  <p>
+                    同B店：<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.tcBShopVisitDayNum)
+                    }}</span>
+                  </p>
+                </van-col>
+                <van-col span="12">
+                  <p>
+                    <span style="font-weight: 600">近3月</span>同B店：<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.tcBShopVisitMonthNum)
+                    }}</span>
+                    <span class="colorbalck"> ({{ reportTargetAll.tcBShopVisitMonthRate }}%) </span>
+                  </p>
+                </van-col>
+              </div>
             </van-row>
           </van-collapse-item>
           <van-collapse-item v-if="powerGrade == 2" name="8" title="当日门店拜访情况(实时)">
@@ -1794,4 +1870,36 @@ export default {
 .el-table--border .el-table__cell:first-child .cell {
   padding: 0 4px;
 }
+.colBack {
+  width: 100%;
+  height: 100%;
+  display: block;
+  /* overflow: unset; */
+  position: relative;
+  z-index: 2;
+  float: left;
+  z-index: 2;
+  .back {
+    position: absolute;
+    background: rgb(226, 240, 217);
+    height: 100%;
+    display: block;
+    overflow: hidden;
+    /* z-index: 1; */
+    border-radius: 12px;
+    bottom: -4px;
+  }
+  .backLeft {
+    width: 45%;
+    left: -12px;
+  }
+  .backRight {
+    width: 50%;
+    left: calc(50% - 12px);
+  }
+  .van-col {
+    position: relative;
+    z-index: 3;
+  }
+}
 </style>

src/views/home/hintTabPage/index.vue

@@ -5,19 +5,22 @@
         <!-- 拜访（实时） -->
         <van-collapse-item :name="visitCollapse.name">
           <template #title>
-            <div class="itemHeader" @click.stop>
+            <div class="itemHeader">
               <span class="itemTitle">{{ visitCollapse.title }}</span>
-              <el-popover placement="right" trigger="click" popper-class="hintPopover">
-                <div
-                  class="popoverConten"
-                  v-for="(item, index) in visitCollapse.tipsPopoverlabel"
-                  :key="index">
-                  {{ item }}
-                </div>
-                <div slot="reference" class="hintIconBox">
-                  <img class="hintIcon" :src="hintIcon" />
-                </div>
-              </el-popover>
+              <span @click.stop>
+                <el-popover placement="right" trigger="click" popper-class="hintPopover">
+                  <div
+                    class="popoverConten"
+                    v-for="(item, index) in visitCollapse.tipsPopoverlabel"
+                    :key="index">
+                    {{ item }}
+                  </div>
+                  <div slot="reference" class="hintIconBox">
+                    <img class="hintIcon" :src="hintIcon" />
+                  </div>
+                </el-popover>
+              </span>
+              <span class="updateTime">数据更新时间：{{ visitCollapse.latestUpdateTime }}</span>
             </div>
           </template>
           <visitPage
@@ -206,6 +209,7 @@ export default {
         name: '1',
         title: '拜访（实时）',
         collapseLosding: true,
+        latestUpdateTime: '',
         tipsPopoverlabel: [],
         tipsPopoverValue: null,
         contentData: [
@@ -433,13 +437,16 @@ export default {
       this.getPantoneData();
     },
     getVisitCollapseData() {
+      this.visitCollapse.collapseLosding = true;
       selectVisitsRealTime().then((res) => {
         this.visitCollapse.resData = res.data;
         this.visitCollapse.tipsPopoverlabel = res.data.reminderContent;
+        this.visitCollapse.latestUpdateTime = res.data.latestUpdateTime;
         this.visitCollapse.collapseLosding = false;
       });
     },
     getSelectBuildingStore() {
+      this.createStore.collapseLosding = true;
       selectBuildingStore().then((res) => {
         this.createStore.resData = res.data;
         this.createStore.tipsPopoverlabel = res.data.reminderContent;
@@ -454,6 +461,7 @@ export default {
       } else if (this.empLevel == '3') {
         this.report.title = '日报';
       }
+      this.report.reportLosding = true;
       getReportTarget().then((res) => {
         this.report.reportLosding = false;
         this.report.reportData = res.data || {};
@@ -461,6 +469,7 @@ export default {
     },
     getPantoneData() {
       if (this.empLevel == 2 || this.empLevel == 3) {
+        this.pantone.pantoneLosding = true;
         getReportMaterial().then((res) => {
           this.pantone.pantoneLosding = false;
           this.pantone.tip = res.data.tip;
@@ -526,6 +535,9 @@ export default {
       .van-popover__wrapper {
         display: flex;
       }
+      .updateTime {
+        margin-left: 10px;
+      }
     }
     .van-collapse-item {
       margin-bottom: 15px;