Merge branch 'feature_20260209_质感日报同步首页指标' into release

src/views/home/HomeTarget.vue

@@ -5,25 +5,36 @@
       <div class="container linep">
         <van-collapse v-model="activeNames">
           <div v-for="(homePageItem, index) in homePageIndicatorList" :key="index">
-            <van-collapse-item v-if="homePageItem.labelStyle==1" :name="(index + 1).toString()" :title="homePageItem.name">
+            <van-collapse-item
+              v-if="homePageItem.labelStyle == 1"
+              :name="(index + 1).toString()"
+              :title="homePageItem.name">
               <van-row>
                 <!-- 动态渲染标题栏 -->
-                <div v-for="(periodItem, periodIndex) in homePageItem.children" :key="'title-' + periodIndex">
+                <div
+                  v-for="(periodItem, periodIndex) in homePageItem.children"
+                  :key="'title-' + periodIndex">
                   <van-col span="12">
-                    <span :class="periodIndex % 2 === 0 ? 'leftTitle' : 'rightTitle'">{{ periodItem.name }}</span>
+                    <span :class="periodIndex % 2 === 0 ? 'leftTitle' : 'rightTitle'">{{
+                      periodItem.name
+                    }}</span>
                   </van-col>
                 </div>
 
                 <!-- 动态渲染指标项 -->
                 <div v-if="homePageItem.children.length >= 2">
                   <!-- 遍历第一个周期的所有指标 -->
-                  <div v-for="(metric, metricIndex) in homePageItem.children[0].children" :key="'metric-' + metricIndex">
+                  <div
+                    v-for="(metric, metricIndex) in homePageItem.children[0].children"
+                    :key="'metric-' + metricIndex">
                     <!-- 左侧指标 -->
                     <van-col span="12">
                       <p>
                         {{ metric.name }}:
                         <span class="colorblack">
-                          <template v-if="metric.indicatorUnit === '%'">{{ metric.indicatorValue }}%</template>
+                          <template v-if="metric.indicatorUnit === '%'"
+                            >{{ metric.indicatorValue }}%</template
+                          >
                           <template v-else>
                             {{ Micrometer(metric.indicatorValue) }}
                             {{ metric.indicatorUnit }}
@@ -36,11 +47,18 @@
                       <p>
                         {{ homePageItem.children[1]?.children[metricIndex]?.name || '-' }}:
                         <span class="colorblack">
-                          <template v-if="homePageItem.children[1]?.children[metricIndex]?.indicatorUnit === '%'">
+                          <template
+                            v-if="
+                              homePageItem.children[1]?.children[metricIndex]?.indicatorUnit === '%'
+                            ">
                             {{ homePageItem.children[1]?.children[metricIndex]?.indicatorValue }}%
                           </template>
                           <template v-else>
-                            {{ Micrometer(homePageItem.children[1]?.children[metricIndex]?.indicatorValue) }}
+                            {{
+                              Micrometer(
+                                homePageItem.children[1]?.children[metricIndex]?.indicatorValue,
+                              )
+                            }}
                             {{ homePageItem.children[1]?.children[metricIndex]?.indicatorUnit }}
                           </template>
                         </span>
@@ -50,42 +68,61 @@
                 </div>
               </van-row>
             </van-collapse-item>
-            <van-collapse-item v-if="homePageItem.labelStyle==2" :name="(index + 1).toString()" :title="homePageItem.name">
+            <van-collapse-item
+              v-if="homePageItem.labelStyle == 2"
+              :name="(index + 1).toString()"
+              :title="homePageItem.name">
               <!-- 外层循环：遍历主要类别 -->
-              <van-row v-for="(category, index) in homePageItem.children" :key="index"
+              <van-row
+                v-for="(category, index) in homePageItem.children"
+                :key="index"
                 :style="{ marginTop: index > 0 ? '10px' : '0' }">
                 <van-col span="24">
-                  <span :class="index % 2 === 0 ? 'leftTitle' : 'rightTitle'">{{ category.name }}</span>
+                  <span :class="index % 2 === 0 ? 'leftTitle' : 'rightTitle'">{{
+                    category.name
+                  }}</span>
                 </van-col>
 
                 <!-- 内层循环：遍历各个统计项 -->
                 <div v-for="(item, idx) in category.children" :key="idx">
                   <van-col :span="idx == 0 ? 24 : 12">
                     <p>
-                      {{ item.name }}：<span :style="labelStyle(item.clickable)" @click="onClick(item.clickable)" class="colorbalck">{{ Micrometer(item.indicatorValue) }}{{
-                        item.indicatorUnit }}</span>
+                      {{ item.name }}：<span
+                        :style="labelStyle(item.clickable)"
+                        @click="onClick(item.clickable)"
+                        class="colorbalck"
+                        >{{ Micrometer(item.indicatorValue) }}{{ item.indicatorUnit }}</span
+                      >
                     </p>
                   </van-col>
                 </div>
               </van-row>
             </van-collapse-item>
-            <van-collapse-item v-if="homePageItem.labelStyle==3" :name="(index + 1).toString()" :title="homePageItem.name">
+            <van-collapse-item
+              v-if="homePageItem.labelStyle == 3"
+              :name="(index + 1).toString()"
+              :title="homePageItem.name">
               <!-- 外层循环：遍历主要类别 -->
-              <van-row v-for="(category, index) in homePageItem.children" :key="index"
+              <van-row
+                v-for="(category, index) in homePageItem.children"
+                :key="index"
                 :style="{ marginTop: index == 0 ? '-10px' : '0' }">
                 <!-- 内层循环：遍历各个统计项 -->
                 <div v-for="(item, idx) in category.children" :key="idx">
                   <van-col :span="idx == 0 ? 24 : 12">
                     <p>
-                      {{ item.name }}：<span :style="labelStyle(item.clickable)" @click="onClick(item.clickable)" class="colorbalck">{{ Micrometer(item.indicatorValue) }}{{
-                        item.indicatorUnit }}</span>
+                      {{ item.name }}：<span
+                        :style="labelStyle(item.clickable)"
+                        @click="onClick(item.clickable)"
+                        class="colorbalck"
+                        >{{ Micrometer(item.indicatorValue) }}{{ item.indicatorUnit }}</span
+                      >
                     </p>
                   </van-col>
                 </div>
               </van-row>
             </van-collapse-item>
           </div>
-
         </van-collapse>
       </div>
     </template>
@@ -94,10 +131,7 @@
 
 <script>
 import store from '@/store';
-import {
-  userTodayPlanNum,
-  getReportInfo,
-} from '@/api/index';
+import { userTodayPlanNum, getReportInfo } from '@/api/index';
 export default {
   name: 'home',
   props: {
@@ -197,7 +231,7 @@ export default {
     },
     // 跳转详情
     onClick(val) {
-      if(val==1){
+      if (val == 1) {
         store.dispatch('setActivaTypeStore', 'FuWuShang');
         this.$router.push({ path: '/noVisit' });
       }
@@ -435,7 +469,7 @@ export default {
     font-size: 14px;
   }
 
-  .table-headermdhome th.el-table__cell>.cell {
+  .table-headermdhome th.el-table__cell > .cell {
     white-space: pre;
   }
 
@@ -449,12 +483,12 @@ export default {
     height: 100%;
   }
 
-  .table-headermd th.el-table__cell>.cell {
+  .table-headermd th.el-table__cell > .cell {
     padding: 0 4px;
     text-align: center;
   }
 
-  .table-headermdhometh.el-table__cell:first-child>.cell {
+  .table-headermdhometh.el-table__cell:first-child > .cell {
     text-align: left;
   }
 

src/views/home/index.vue

@@ -3,13 +3,7 @@
     <div class="content">
       <van-nav-bar class="navBar" left-arrow title="门店拜访" @click-left="onClickLeft">
       </van-nav-bar>
-      <van-tabs
-        class="myTab"
-        type="card"
-        v-model="tabVal"
-        color="#0057ba"
-        @click="onClickTabs">
-
+      <van-tabs class="myTab" type="card" v-model="tabVal" color="#0057ba" @click="onClickTabs">
         <van-tab title="提示类" name="-1" v-if="isGZorJZ == 'false' && onlyShowHomeTarget == false">
           <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
             <hintTabPage :tabVal="tabVal" ref="hintTabPage"></hintTabPage>
@@ -117,7 +111,7 @@ export default {
       let postName = this.userInfo.postName;
       if (postName == '质感销售负责人' || postName == '质感销售专员') {
         this.onlyShowHomeTarget = true;
-      }else {
+      } else {
         this.onlyShowHomeTarget = false;
         let postType = this.userInfo.postType;
         // postType：人员类型，JZ（家装）、GZ（公装）、YF（应服）、DIY（DIY）
@@ -128,7 +122,7 @@ export default {
           localStorage.setItem('isGZorJZ', 'false');
           this.isGZorJZ = 'false';
         }
-      } 
+      }
       // 家装或工装不显示提示类tab
       this.$nextTick(() => {
         // 刷新状态
@@ -146,7 +140,7 @@ export default {
           if (this.$refs.Atarget) this.$refs.Atarget.initData();
         } else if (this.tabVal == '1') {
           if (this.$refs.Btarget) this.$refs.Btarget.initData();
-        }else if (this.tabVal == '2') {
+        } else if (this.tabVal == '2') {
           if (this.$refs.HomeTarget) this.$refs.HomeTarget.initData();
         }
       });

src/views/week/daily.vue

@@ -26,383 +26,402 @@
     <div style="height: 4px"></div>
     <!--        主体内容-->
     <div class="container linepAdd">
-      <van-collapse v-model="activeNames" v-if="!YFQuota">
-        <!-- YFQuota:应用服务平台 不显示各项指标 -->
-        <van-collapse-item v-if="!GZQuota" title="拜访数据(实时)" name="7">
-          <visitedRealTime
-            :reportTargetAll="reportTargetAll"
-            :powerGrade="powerGrade"
-            :JZQuota="JZQuota"></visitedRealTime>
-        </van-collapse-item>
-        <van-collapse-item title="建店布机" v-if="!JZQuota && !GZQuota" name="2">
-          <createStoreBJ :reportTargetAll="reportTargetAll"></createStoreBJ>
-        </van-collapse-item>
-        <van-collapse-item v-if="!JZQuota && !GZQuota" name="33" title="下单点数">
-          <placeOrder :reportTargetAll="reportTargetAll"></placeOrder>
-        </van-collapse-item>
-        <van-collapse-item name="16" v-if="!JZQuota && !GZQuota" title="专业时时丽分销店下单">
-          <ZYPlaceOrder :reportTargetAll="reportTargetAll"></ZYPlaceOrder>
-        </van-collapse-item>
-        <van-collapse-item v-if="type != 3 && type != 4" name="1" :title="saptitle">
-          <performanceSAP :reportTargetAll="reportTargetAll" :JZQuota="JZQuota"></performanceSAP>
-        </van-collapse-item>
-        <van-collapse-item v-if="GZQuota" name="43" title="纯态之家SAP(千元)">
-          <van-row style="margin-top: -10px">
-            <van-col span="12"><span class="leftTitle">本月</span></van-col
-            ><van-col span="12"><span class="rightTitle">本季</span></van-col>
-            <van-col span="12"
-              ><p>
-                业绩实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzCtzjMonthAct)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                业绩实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzCtzjQuarterAct)
-                }}</span>
-              </p></van-col
-            >
-            <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzCtzjMonthSuccessRate) }}%</span></p></van-col>-->
-            <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzCtzjQuarterSuccessRate) }}%</span></p></van-col>-->
-            <van-col span="12"
-              ><p>
-                业绩成长率:<span class="colorbalck"
-                  >{{ reportTargetAll.gzCtzjMonthGrowRate }}%</span
-                >
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                业绩成长率:<span class="colorbalck"
-                  >{{ reportTargetAll.gzCtzjQuarterGrowRate }}%</span
-                >
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="GZQuota" name="42" title="商机关联的质感外墙业绩SAP(千元)">
-          <van-row style="margin-top: -10px">
-            <van-col span="12"><span class="leftTitle">本月</span></van-col
-            ><van-col span="12"><span class="rightTitle">本季</span></van-col>
-            <van-col span="12"
-              ><p>
-                业绩实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzZgwqMonthAct)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                业绩实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzZgwqQuarterAct)
-                }}</span>
-              </p></van-col
-            >
-            <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzZgwqMonthSuccessRate) }}%</span></p></van-col>-->
-            <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzZgwqQuarterSuccessRate) }}%</span></p></van-col>-->
-            <van-col span="12"
-              ><p>
-                业绩成长率:<span class="colorbalck"
-                  >{{ reportTargetAll.gzZgwqMonthGrowRate }}%</span
-                >
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                业绩成长率:<span class="colorbalck"
-                  >{{ reportTargetAll.gzZgwqQuarterGrowRate }}%</span
-                >
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="GZQuota" name="41" title="累计出货有效客户">
-          <van-row>
-            <!--            <van-col span="12"><span class="leftTitle">全年开户</span></van-col><van-col span="12"><span class="rightTitle">本月报备</span></van-col>-->
-            <van-col span="12"
-              ><p>
-                全年实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzKhljYearAct)
-                }}</span>
-              </p></van-col
-            >
-            <!--            <van-col span="12" ><p>报备成功数:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzBbMonthSuccessNum) }}</span></p></van-col>-->
-            <!--            <van-col span="12"><p>&nbsp;</p></van-col>-->
-            <van-col span="12"
-              ><p>
-                全年目标:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzKhljYearTarget)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"><p>&nbsp;</p></van-col>
-            <van-col span="12"
-              ><p>
-                目标达成率:<span class="colorbalck"
-                  >{{ Micrometer(reportTargetAll.gzKhljSuccessRate) }}%</span
-                >
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="GZQuota" name="40" title="今日拜访">
-          <van-row>
-            <van-col span="12"
-              ><p>
-                公装客户数:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzVisitCustomerNum)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                工地数:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzVisitGdNum)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                潜在客户数:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzVisitQzCustomerNum)
-                }}</span>
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="!JZQuota && !GZQuota" name="11" title="专业时时丽SAP(千元)">
-          <ZYSAP :reportTargetAll="reportTargetAll"></ZYSAP>
-        </van-collapse-item>
-        <van-collapse-item v-if="!JZQuota && !GZQuota" name="29" title="瓷砖胶SAP(千元)">
-          <van-row>
-            <van-col span="12"><span class="leftTitle">本月业绩</span></van-col
-            ><van-col span="12"><span class="rightTitle">本季业绩</span></van-col>
-            <van-col span="12"
-              ><p>
-                实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.czjSapMonthAct)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.czjSapQuarterAct)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                达成率:<span class="colorbalck">{{ reportTargetAll.czjSapMonthSuccessRate }}%</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                达成率:<span class="colorbalck"
-                  >{{ reportTargetAll.czjSapQuarterSuccessRate }}%</span
-                >
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                成长率:<span class="colorbalck">{{ reportTargetAll.czjSapMonthGrowRate }}%</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                成长率:<span class="colorbalck">{{ reportTargetAll.czjSapQuarterGrowRate }}%</span>
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item name="17" v-if="!JZQuota && !GZQuota" title="超好贴分销店下单">
-          <veryGoodPlaceOrder :reportTargetAll="reportTargetAll"></veryGoodPlaceOrder>
-        </van-collapse-item>
-        <van-collapse-item v-if="JZQuota" name="23" title="展厅上样">
-          <van-row>
-            <van-col span="24"
-              ><p>
-                当月新增店数:<span class="colorbalck">{{
-                  reportTargetAll.exhibitionHallMonthAct
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                全年实际店数:<span class="colorbalck"
-                  >{{ Micrometer(reportTargetAll.exhibitionHallYearAct) }}%</span
-                >
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                全年达成进度率:<span class="colorbalck"
-                  >{{ reportTargetAll.exhibitionHallYearRate }}%</span
-                >
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="JZQuota" name="22" title="基材粉料过账(千元)">
-          <van-row>
-            <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
-            <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
-            <van-col span="12"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerMonth }}</span>
-              </p>
-            </van-col>
-            <van-col span="12"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerQuarter }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单数(包):<span class="colorbalck">{{ reportTargetAll.jcPostOrderNumMonth }}</span>
-              </p>
-            </van-col>
-            <van-col span="12"
-              ><p>
-                下单数(包):<span class="colorbalck">{{
-                  reportTargetAll.jcPostOrderNumQuarter
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.jcPostOrderPriceMonth)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.jcPostOrderPriceQuarter)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateMonth }}%</span>
-              </p>
-            </van-col>
-            <van-col span="12"
-              ><p>
-                下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateQuarter }}%</span>
-              </p></van-col
-            >
-            <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
-            <van-col span="24"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerYear }}</span>
-              </p>
-            </van-col>
-            <van-col span="24"
-              ><p>
-                下单数(包):<span class="colorbalck">{{ reportTargetAll.jcPostOrderNumYear }}</span>
-              </p>
-            </van-col>
-            <van-col span="24"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.jcPostOrderPriceYear)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="24"
-              ><p>
-                下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateYear }}%</span>
-              </p>
-            </van-col>
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="JZQuota" name="21" title="魔术漆过账(千元)">
-          <van-row>
-            <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
-            <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
-            <van-col span="12"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerMonth }}</span>
-              </p>
-            </van-col>
-            <van-col span="12"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerQuarter }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.msqPostOrderPriceMonth)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.msqPostOrderPriceQuarter)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单率:<span class="colorbalck">{{ reportTargetAll.msqPostOrderRateMonth }}%</span>
-              </p>
-            </van-col>
-            <van-col span="12"
-              ><p>
-                下单率:<span class="colorbalck"
-                  >{{ reportTargetAll.msqPostOrderRateQuarter }}%</span
-                >
-              </p></van-col
-            >
-            <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
-            <van-col span="24"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerYear }}</span>
-              </p>
-            </van-col>
-            <van-col span="24"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.msqPostOrderPriceYear)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="24"
-              ><p>
-                下单率:<span class="colorbalck">{{ reportTargetAll.msqPostOrderRateYear }}%</span>
-              </p>
-            </van-col>
-          </van-row>
-        </van-collapse-item>
-        <!-- 生动化陈列 sku -->
-        <div v-if="photoSkuImgSummaryeList && photoSkuImgSummaryeList.length" class="SKUTable">
-          <p style="padding-bottom: 10px; font-size: 14px; color: #1e5398; font-weight: 500">
-            SKU陈列照识别结果
-          </p>
-          <p style="padding-bottom: 10px; font-size: 14px; font-weight: 500">
-            目前识别桶装和战略产品合计106个，后续会增加被识别产品数
-          </p>
-          <el-table
-            :data="photoSkuImgSummaryeList"
-            border
-            class="table-headermd1"
-            style="width: 100%">
-            <el-table-column label="序号" type="index" width="50px" align="center" />
-            <el-table-column label="门店名称（编号）" prop="name" align="center">
-              <template slot-scope="scope">
-                {{ scope.row.storeName }}({{ scope.row.storeCode }})
-              </template>
-            </el-table-column>
-            <el-table-column label="SKU数量" prop="count" width="80px" align="center" />
-          </el-table>
-        </div>
-      </van-collapse>
+      <template v-if="postName == '质感销售负责人' || postName == '质感销售专员'">
+        <target :homePageIndicatorDate="homePageIndicatorList"></target>
+      </template>
+      <template v-else>
+        <van-collapse v-model="activeNames" v-if="!YFQuota">
+          <!-- YFQuota:应用服务平台 不显示各项指标 -->
+          <van-collapse-item v-if="!GZQuota" title="拜访数据(实时)" name="7">
+            <visitedRealTime
+              :reportTargetAll="reportTargetAll"
+              :powerGrade="powerGrade"
+              :JZQuota="JZQuota"></visitedRealTime>
+          </van-collapse-item>
+          <van-collapse-item title="建店布机" v-if="!JZQuota && !GZQuota" name="2">
+            <createStoreBJ :reportTargetAll="reportTargetAll"></createStoreBJ>
+          </van-collapse-item>
+          <van-collapse-item v-if="!JZQuota && !GZQuota" name="33" title="下单点数">
+            <placeOrder :reportTargetAll="reportTargetAll"></placeOrder>
+          </van-collapse-item>
+          <van-collapse-item name="16" v-if="!JZQuota && !GZQuota" title="专业时时丽分销店下单">
+            <ZYPlaceOrder :reportTargetAll="reportTargetAll"></ZYPlaceOrder>
+          </van-collapse-item>
+          <van-collapse-item v-if="type != 3 && type != 4" name="1" :title="saptitle">
+            <performanceSAP :reportTargetAll="reportTargetAll" :JZQuota="JZQuota"></performanceSAP>
+          </van-collapse-item>
+          <van-collapse-item v-if="GZQuota" name="43" title="纯态之家SAP(千元)">
+            <van-row style="margin-top: -10px">
+              <van-col span="12"><span class="leftTitle">本月</span></van-col
+              ><van-col span="12"><span class="rightTitle">本季</span></van-col>
+              <van-col span="12"
+                ><p>
+                  业绩实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzCtzjMonthAct)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  业绩实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzCtzjQuarterAct)
+                  }}</span>
+                </p></van-col
+              >
+              <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzCtzjMonthSuccessRate) }}%</span></p></van-col>-->
+              <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzCtzjQuarterSuccessRate) }}%</span></p></van-col>-->
+              <van-col span="12"
+                ><p>
+                  业绩成长率:<span class="colorbalck"
+                    >{{ reportTargetAll.gzCtzjMonthGrowRate }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  业绩成长率:<span class="colorbalck"
+                    >{{ reportTargetAll.gzCtzjQuarterGrowRate }}%</span
+                  >
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="GZQuota" name="42" title="商机关联的质感外墙业绩SAP(千元)">
+            <van-row style="margin-top: -10px">
+              <van-col span="12"><span class="leftTitle">本月</span></van-col
+              ><van-col span="12"><span class="rightTitle">本季</span></van-col>
+              <van-col span="12"
+                ><p>
+                  业绩实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzZgwqMonthAct)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  业绩实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzZgwqQuarterAct)
+                  }}</span>
+                </p></van-col
+              >
+              <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzZgwqMonthSuccessRate) }}%</span></p></van-col>-->
+              <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzZgwqQuarterSuccessRate) }}%</span></p></van-col>-->
+              <van-col span="12"
+                ><p>
+                  业绩成长率:<span class="colorbalck"
+                    >{{ reportTargetAll.gzZgwqMonthGrowRate }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  业绩成长率:<span class="colorbalck"
+                    >{{ reportTargetAll.gzZgwqQuarterGrowRate }}%</span
+                  >
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="GZQuota" name="41" title="累计出货有效客户">
+            <van-row>
+              <!--            <van-col span="12"><span class="leftTitle">全年开户</span></van-col><van-col span="12"><span class="rightTitle">本月报备</span></van-col>-->
+              <van-col span="12"
+                ><p>
+                  全年实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzKhljYearAct)
+                  }}</span>
+                </p></van-col
+              >
+              <!--            <van-col span="12" ><p>报备成功数:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzBbMonthSuccessNum) }}</span></p></van-col>-->
+              <!--            <van-col span="12"><p>&nbsp;</p></van-col>-->
+              <van-col span="12"
+                ><p>
+                  全年目标:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzKhljYearTarget)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"><p>&nbsp;</p></van-col>
+              <van-col span="12"
+                ><p>
+                  目标达成率:<span class="colorbalck"
+                    >{{ Micrometer(reportTargetAll.gzKhljSuccessRate) }}%</span
+                  >
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="GZQuota" name="40" title="今日拜访">
+            <van-row>
+              <van-col span="12"
+                ><p>
+                  公装客户数:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzVisitCustomerNum)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  工地数:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzVisitGdNum)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  潜在客户数:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzVisitQzCustomerNum)
+                  }}</span>
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="!JZQuota && !GZQuota" name="11" title="专业时时丽SAP(千元)">
+            <ZYSAP :reportTargetAll="reportTargetAll"></ZYSAP>
+          </van-collapse-item>
+          <van-collapse-item v-if="!JZQuota && !GZQuota" name="29" title="瓷砖胶SAP(千元)">
+            <van-row>
+              <van-col span="12"><span class="leftTitle">本月业绩</span></van-col
+              ><van-col span="12"><span class="rightTitle">本季业绩</span></van-col>
+              <van-col span="12"
+                ><p>
+                  实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.czjSapMonthAct)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.czjSapQuarterAct)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  达成率:<span class="colorbalck"
+                    >{{ reportTargetAll.czjSapMonthSuccessRate }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  达成率:<span class="colorbalck"
+                    >{{ reportTargetAll.czjSapQuarterSuccessRate }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  成长率:<span class="colorbalck">{{ reportTargetAll.czjSapMonthGrowRate }}%</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  成长率:<span class="colorbalck"
+                    >{{ reportTargetAll.czjSapQuarterGrowRate }}%</span
+                  >
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item name="17" v-if="!JZQuota && !GZQuota" title="超好贴分销店下单">
+            <veryGoodPlaceOrder :reportTargetAll="reportTargetAll"></veryGoodPlaceOrder>
+          </van-collapse-item>
+          <van-collapse-item v-if="JZQuota" name="23" title="展厅上样">
+            <van-row>
+              <van-col span="24"
+                ><p>
+                  当月新增店数:<span class="colorbalck">{{
+                    reportTargetAll.exhibitionHallMonthAct
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  全年实际店数:<span class="colorbalck"
+                    >{{ Micrometer(reportTargetAll.exhibitionHallYearAct) }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  全年达成进度率:<span class="colorbalck"
+                    >{{ reportTargetAll.exhibitionHallYearRate }}%</span
+                  >
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="JZQuota" name="22" title="基材粉料过账(千元)">
+            <van-row>
+              <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
+              <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
+              <van-col span="12"
+                ><p>
+                  客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerMonth }}</span>
+                </p>
+              </van-col>
+              <van-col span="12"
+                ><p>
+                  客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerQuarter }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单数(包):<span class="colorbalck">{{
+                    reportTargetAll.jcPostOrderNumMonth
+                  }}</span>
+                </p>
+              </van-col>
+              <van-col span="12"
+                ><p>
+                  下单数(包):<span class="colorbalck">{{
+                    reportTargetAll.jcPostOrderNumQuarter
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.jcPostOrderPriceMonth)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.jcPostOrderPriceQuarter)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateMonth }}%</span>
+                </p>
+              </van-col>
+              <van-col span="12"
+                ><p>
+                  下单率:<span class="colorbalck"
+                    >{{ reportTargetAll.jcPostOrderRateQuarter }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
+              <van-col span="24"
+                ><p>
+                  客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerYear }}</span>
+                </p>
+              </van-col>
+              <van-col span="24"
+                ><p>
+                  下单数(包):<span class="colorbalck">{{
+                    reportTargetAll.jcPostOrderNumYear
+                  }}</span>
+                </p>
+              </van-col>
+              <van-col span="24"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.jcPostOrderPriceYear)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="24"
+                ><p>
+                  下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateYear }}%</span>
+                </p>
+              </van-col>
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="JZQuota" name="21" title="魔术漆过账(千元)">
+            <van-row>
+              <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
+              <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
+              <van-col span="12"
+                ><p>
+                  客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerMonth }}</span>
+                </p>
+              </van-col>
+              <van-col span="12"
+                ><p>
+                  客户数:<span class="colorbalck">{{
+                    reportTargetAll.msqPostCustomerQuarter
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.msqPostOrderPriceMonth)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.msqPostOrderPriceQuarter)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单率:<span class="colorbalck"
+                    >{{ reportTargetAll.msqPostOrderRateMonth }}%</span
+                  >
+                </p>
+              </van-col>
+              <van-col span="12"
+                ><p>
+                  下单率:<span class="colorbalck"
+                    >{{ reportTargetAll.msqPostOrderRateQuarter }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
+              <van-col span="24"
+                ><p>
+                  客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerYear }}</span>
+                </p>
+              </van-col>
+              <van-col span="24"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.msqPostOrderPriceYear)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="24"
+                ><p>
+                  下单率:<span class="colorbalck">{{ reportTargetAll.msqPostOrderRateYear }}%</span>
+                </p>
+              </van-col>
+            </van-row>
+          </van-collapse-item>
+          <!-- 生动化陈列 sku -->
+          <div v-if="photoSkuImgSummaryeList && photoSkuImgSummaryeList.length" class="SKUTable">
+            <p style="padding-bottom: 10px; font-size: 14px; color: #1e5398; font-weight: 500">
+              SKU陈列照识别结果
+            </p>
+            <p style="padding-bottom: 10px; font-size: 14px; font-weight: 500">
+              目前识别桶装和战略产品合计106个，后续会增加被识别产品数
+            </p>
+            <el-table
+              :data="photoSkuImgSummaryeList"
+              border
+              class="table-headermd1"
+              style="width: 100%">
+              <el-table-column label="序号" type="index" width="50px" align="center" />
+              <el-table-column label="门店名称（编号）" prop="name" align="center">
+                <template slot-scope="scope">
+                  {{ scope.row.storeName }}({{ scope.row.storeCode }})
+                </template>
+              </el-table-column>
+              <el-table-column label="SKU数量" prop="count" width="80px" align="center" />
+            </el-table>
+          </div>
+        </van-collapse>
+      </template>
       <div class="contentContainer">
         <!-- isHistory 是否为历史汇报：0-新汇报 1-历史汇报 -->
         <reportCustom
@@ -496,6 +515,7 @@ import performanceSAP from '@/views/componentsTarget/performanceSAP';
 import ZYSAP from '@/views/componentsTarget/ZYSAP';
 import veryGoodPlaceOrder from '@/views/componentsTarget/veryGoodPlaceOrder';
 import reportCustom from './reportCustom';
+import target from './target.vue';
 
 export default {
   name: 'daily',
@@ -508,6 +528,7 @@ export default {
     ZYSAP,
     veryGoodPlaceOrder,
     reportCustom,
+    target,
   },
   data() {
     return {
@@ -585,11 +606,15 @@ export default {
       titlejz: '',
       notVisitReason: '', //今日拜访0家店的原因；
       photoSkuImgSummaryeList: null,
+      postName: '',
+      homePageIndicatorList: null,
     };
   },
   created() {
     this.powerGrade = localStorage.getItem('powerGrade');
     this.temporaryShow = this.$route.query.temporaryShow;
+    this.postName = localStorage.getItem('postName');
+    this.homePageIndicatorList = null;
     if (this.$route.query.reportId != undefined) {
       this.getDetailById();
     } else {
@@ -599,6 +624,7 @@ export default {
   watch: {
     $route(to, from) {
       this.powerGrade = localStorage.getItem('powerGrade');
+      this.postName = localStorage.getItem('postName');
       if (to.path == '/daily') {
         this.temporaryShow = this.$route.query.temporaryShow;
         if (this.$route.query.reportId != undefined) {
@@ -644,7 +670,7 @@ export default {
     formatter(value) {
       return value.replace(
         /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/gi,
-        ''
+        '',
       );
     },
     getDetailById() {
@@ -667,6 +693,11 @@ export default {
                 window.location.replace(window.location.origin + '/mobile/home');
               });
           } else {
+            if (res.data.postName == '质感销售负责人' || res.data.postName == '质感销售专员') {
+              this.homePageIndicatorList = res.data.homePageIndicatorList;
+            } else {
+              this.homePageIndicatorList = null;
+            }
             localStorage.setItem('powerGrade', res.data.positionId);
             localStorage.setItem('userDeptLevel', res.data.userDeptLevel);
             this.GZQuota = false;
@@ -957,6 +988,11 @@ export default {
         this.GZQuota = false;
         this.JZQuota = false;
         this.YFQuota = res.data.postType == 'YF' ? true : false;
+        if (res.data.postName == '质感销售负责人' || res.data.postName == '质感销售专员') {
+          this.homePageIndicatorList = res.data.homePageIndicatorList;
+        } else {
+          this.homePageIndicatorList = null;
+        }
         if (res.data.postType == 'JZ') {
           this.JZQuota = true;
         } else if (res.data.postType == 'GZ') {

src/views/week/dailyApproval.vue

@@ -11,419 +11,440 @@
     <div style="height: 4px"></div>
     <!--        主体内容-->
     <div class="container linep" v-if="reportTargetAll">
-      <van-collapse v-model="activeNames" v-if="!YFQuota">
-        <!-- YFQuota:应用服务平台 不显示各项指标 -->
-        <van-collapse-item v-if="!GZQuota" title="拜访数据(实时)" name="7">
-          <visitedRealTime
-            :reportTargetAll="reportTargetAll"
-            :powerGrade="powerGrade"
-            :JZQuota="JZQuota"></visitedRealTime>
-        </van-collapse-item>
-        <van-collapse-item title="建店布机" v-if="!JZQuota && !GZQuota" name="2">
-          <createStoreBJ :reportTargetAll="reportTargetAll"></createStoreBJ>
-        </van-collapse-item>
-        <van-collapse-item v-if="!JZQuota && !GZQuota" name="33" title="下单点数">
-          <placeOrder :reportTargetAll="reportTargetAll"></placeOrder>
-        </van-collapse-item>
-        <van-collapse-item name="16" v-if="!JZQuota && !GZQuota" title="专业时时丽分销店下单">
-          <ZYPlaceOrder :reportTargetAll="reportTargetAll"></ZYPlaceOrder>
-        </van-collapse-item>
-        <van-collapse-item v-if="type != 3 && type != 4" name="1" :title="saptitle">
-          <performanceSAP :reportTargetAll="reportTargetAll" :JZQuota="JZQuota"></performanceSAP>
-        </van-collapse-item>
-        <van-collapse-item name="17" v-if="!JZQuota && !GZQuota" title="超好贴分销店下单">
-          <veryGoodPlaceOrder :reportTargetAll="reportTargetAll"></veryGoodPlaceOrder>
-        </van-collapse-item>
-        <van-collapse-item v-if="GZQuota" name="43" title="纯态之家SAP(千元)">
-          <van-row style="margin-top: -10px">
-            <van-col span="12"><span class="leftTitle">本月</span></van-col
-            ><van-col span="12"><span class="rightTitle">本季</span></van-col>
-            <van-col span="12"
-              ><p>
-                业绩实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzCtzjMonthAct)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                业绩实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzCtzjQuarterAct)
-                }}</span>
-              </p></van-col
-            >
-            <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzCtzjMonthSuccessRate) }}%</span></p></van-col>-->
-            <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzCtzjQuarterSuccessRate) }}%</span></p></van-col>-->
-            <van-col span="12"
-              ><p>
-                业绩成长率:<span class="colorbalck"
-                  >{{ reportTargetAll.gzCtzjMonthGrowRate }}%</span
-                >
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                业绩成长率:<span class="colorbalck"
-                  >{{ reportTargetAll.gzCtzjQuarterGrowRate }}%</span
-                >
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="GZQuota" name="42" title="商机关联的质感外墙业绩SAP(千元)">
-          <van-row style="margin-top: -10px">
-            <van-col span="12"><span class="leftTitle">本月</span></van-col
-            ><van-col span="12"><span class="rightTitle">本季</span></van-col>
-            <van-col span="12"
-              ><p>
-                业绩实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzZgwqMonthAct)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                业绩实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzZgwqQuarterAct)
-                }}</span>
-              </p></van-col
-            >
-            <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzZgwqMonthSuccessRate) }}%</span></p></van-col>-->
-            <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzZgwqQuarterSuccessRate) }}%</span></p></van-col>-->
-            <van-col span="12"
-              ><p>
-                业绩成长率:<span class="colorbalck"
-                  >{{ reportTargetAll.gzZgwqMonthGrowRate }}%</span
-                >
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                业绩成长率:<span class="colorbalck"
-                  >{{ reportTargetAll.gzZgwqQuarterGrowRate }}%</span
-                >
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="GZQuota" name="41" title="累计出货有效客户">
-          <van-row>
-            <!--            <van-col span="12"><span class="leftTitle">全年开户</span></van-col><van-col span="12"><span class="rightTitle">本月报备</span></van-col>-->
-            <van-col span="12"
-              ><p>
-                全年实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzKhljYearAct)
-                }}</span>
-              </p></van-col
-            >
-            <!--            <van-col span="12" ><p>报备成功数:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzBbMonthSuccessNum) }}</span></p></van-col>-->
-            <!--            <van-col span="12"><p>&nbsp;</p></van-col>-->
-            <van-col span="12"
-              ><p>
-                全年目标:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzKhljYearTarget)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"><p>&nbsp;</p></van-col>
-            <van-col span="12"
-              ><p>
-                目标达成率:<span class="colorbalck"
-                  >{{ Micrometer(reportTargetAll.gzKhljSuccessRate) }}%</span
-                >
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="GZQuota" name="40" title="今日拜访">
-          <van-row>
-            <van-col span="12"
-              ><p>
-                公装客户数:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzVisitCustomerNum)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                工地数:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzVisitGdNum)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                潜在客户数:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzVisitQzCustomerNum)
-                }}</span>
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="!JZQuota && !GZQuota" name="11" title="专业时时丽SAP(千元)">
-          <ZYSAP :reportTargetAll="reportTargetAll"></ZYSAP>
-        </van-collapse-item>
-        <van-collapse-item v-if="!JZQuota && !GZQuota" name="29" title="瓷砖胶SAP(千元)">
-          <van-row>
-            <van-col span="12"><span class="leftTitle">本月业绩</span></van-col
-            ><van-col span="12"><span class="rightTitle">本季业绩</span></van-col>
-            <van-col span="12"
-              ><p>
-                实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.czjSapMonthAct)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.czjSapQuarterAct)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                达成率:<span class="colorbalck">{{ reportTargetAll.czjSapMonthSuccessRate }}%</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                达成率:<span class="colorbalck"
-                  >{{ reportTargetAll.czjSapQuarterSuccessRate }}%</span
-                >
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                成长率:<span class="colorbalck">{{ reportTargetAll.czjSapMonthGrowRate }}%</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                成长率:<span class="colorbalck">{{ reportTargetAll.czjSapQuarterGrowRate }}%</span>
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="JZQuota" name="23" title="展厅上样">
-          <van-row>
-            <van-col span="24"
-              ><p>
-                当月新增店数:<span class="colorbalck">{{
-                  reportTargetAll.exhibitionHallMonthAct
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                全年实际店数:<span class="colorbalck"
-                  >{{ Micrometer(reportTargetAll.exhibitionHallYearAct) }}%</span
-                >
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                全年达成进度率:<span class="colorbalck"
-                  >{{ reportTargetAll.exhibitionHallYearRate }}%</span
-                >
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="JZQuota" name="22" title="基材粉料过账(千元)">
-          <van-row>
-            <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
-            <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
-            <van-col span="12"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerMonth }}</span>
-              </p>
-            </van-col>
-            <van-col span="12"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerQuarter }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单数(包):<span class="colorbalck">{{ reportTargetAll.jcPostOrderNumMonth }}</span>
-              </p>
-            </van-col>
-            <van-col span="12"
-              ><p>
-                下单数(包):<span class="colorbalck">{{
-                  reportTargetAll.jcPostOrderNumQuarter
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.jcPostOrderPriceMonth)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.jcPostOrderPriceQuarter)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateMonth }}%</span>
-              </p>
-            </van-col>
-            <van-col span="12"
-              ><p>
-                下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateQuarter }}%</span>
-              </p></van-col
-            >
-            <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
-            <van-col span="24"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerYear }}</span>
-              </p>
-            </van-col>
-            <van-col span="24"
-              ><p>
-                下单数(包):<span class="colorbalck">{{ reportTargetAll.jcPostOrderNumYear }}</span>
-              </p>
-            </van-col>
-            <van-col span="24"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.jcPostOrderPriceYear)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="24"
-              ><p>
-                下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateYear }}%</span>
-              </p>
-            </van-col>
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="JZQuota" name="21" title="魔术漆过账(千元)">
-          <van-row>
-            <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
-            <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
-            <van-col span="12"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerMonth }}</span>
-              </p>
-            </van-col>
-            <van-col span="12"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerQuarter }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.msqPostOrderPriceMonth)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.msqPostOrderPriceQuarter)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单率:<span class="colorbalck">{{ reportTargetAll.msqPostOrderRateMonth }}%</span>
-              </p>
-            </van-col>
-            <van-col span="12"
-              ><p>
-                下单率:<span class="colorbalck"
-                  >{{ reportTargetAll.msqPostOrderRateQuarter }}%</span
-                >
-              </p></van-col
-            >
-            <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
-            <van-col span="24"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerYear }}</span>
+      <template v-if="postName == '质感销售负责人' || postName == '质感销售专员'">
+        <target :homePageIndicatorDate="homePageIndicatorList"></target>
+      </template>
+      <template v-else>
+        <van-collapse v-model="activeNames" v-if="!YFQuota">
+          <!-- YFQuota:应用服务平台 不显示各项指标 -->
+          <van-collapse-item v-if="!GZQuota" title="拜访数据(实时)" name="7">
+            <visitedRealTime
+              :reportTargetAll="reportTargetAll"
+              :powerGrade="powerGrade"
+              :JZQuota="JZQuota"></visitedRealTime>
+          </van-collapse-item>
+          <van-collapse-item title="建店布机" v-if="!JZQuota && !GZQuota" name="2">
+            <createStoreBJ :reportTargetAll="reportTargetAll"></createStoreBJ>
+          </van-collapse-item>
+          <van-collapse-item v-if="!JZQuota && !GZQuota" name="33" title="下单点数">
+            <placeOrder :reportTargetAll="reportTargetAll"></placeOrder>
+          </van-collapse-item>
+          <van-collapse-item name="16" v-if="!JZQuota && !GZQuota" title="专业时时丽分销店下单">
+            <ZYPlaceOrder :reportTargetAll="reportTargetAll"></ZYPlaceOrder>
+          </van-collapse-item>
+          <van-collapse-item v-if="type != 3 && type != 4" name="1" :title="saptitle">
+            <performanceSAP :reportTargetAll="reportTargetAll" :JZQuota="JZQuota"></performanceSAP>
+          </van-collapse-item>
+          <van-collapse-item name="17" v-if="!JZQuota && !GZQuota" title="超好贴分销店下单">
+            <veryGoodPlaceOrder :reportTargetAll="reportTargetAll"></veryGoodPlaceOrder>
+          </van-collapse-item>
+          <van-collapse-item v-if="GZQuota" name="43" title="纯态之家SAP(千元)">
+            <van-row style="margin-top: -10px">
+              <van-col span="12"><span class="leftTitle">本月</span></van-col
+              ><van-col span="12"><span class="rightTitle">本季</span></van-col>
+              <van-col span="12"
+                ><p>
+                  业绩实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzCtzjMonthAct)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  业绩实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzCtzjQuarterAct)
+                  }}</span>
+                </p></van-col
+              >
+              <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzCtzjMonthSuccessRate) }}%</span></p></van-col>-->
+              <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzCtzjQuarterSuccessRate) }}%</span></p></van-col>-->
+              <van-col span="12"
+                ><p>
+                  业绩成长率:<span class="colorbalck"
+                    >{{ reportTargetAll.gzCtzjMonthGrowRate }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  业绩成长率:<span class="colorbalck"
+                    >{{ reportTargetAll.gzCtzjQuarterGrowRate }}%</span
+                  >
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="GZQuota" name="42" title="商机关联的质感外墙业绩SAP(千元)">
+            <van-row style="margin-top: -10px">
+              <van-col span="12"><span class="leftTitle">本月</span></van-col
+              ><van-col span="12"><span class="rightTitle">本季</span></van-col>
+              <van-col span="12"
+                ><p>
+                  业绩实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzZgwqMonthAct)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  业绩实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzZgwqQuarterAct)
+                  }}</span>
+                </p></van-col
+              >
+              <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzZgwqMonthSuccessRate) }}%</span></p></van-col>-->
+              <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzZgwqQuarterSuccessRate) }}%</span></p></van-col>-->
+              <van-col span="12"
+                ><p>
+                  业绩成长率:<span class="colorbalck"
+                    >{{ reportTargetAll.gzZgwqMonthGrowRate }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  业绩成长率:<span class="colorbalck"
+                    >{{ reportTargetAll.gzZgwqQuarterGrowRate }}%</span
+                  >
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="GZQuota" name="41" title="累计出货有效客户">
+            <van-row>
+              <!--            <van-col span="12"><span class="leftTitle">全年开户</span></van-col><van-col span="12"><span class="rightTitle">本月报备</span></van-col>-->
+              <van-col span="12"
+                ><p>
+                  全年实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzKhljYearAct)
+                  }}</span>
+                </p></van-col
+              >
+              <!--            <van-col span="12" ><p>报备成功数:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzBbMonthSuccessNum) }}</span></p></van-col>-->
+              <!--            <van-col span="12"><p>&nbsp;</p></van-col>-->
+              <van-col span="12"
+                ><p>
+                  全年目标:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzKhljYearTarget)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"><p>&nbsp;</p></van-col>
+              <van-col span="12"
+                ><p>
+                  目标达成率:<span class="colorbalck"
+                    >{{ Micrometer(reportTargetAll.gzKhljSuccessRate) }}%</span
+                  >
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="GZQuota" name="40" title="今日拜访">
+            <van-row>
+              <van-col span="12"
+                ><p>
+                  公装客户数:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzVisitCustomerNum)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  工地数:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzVisitGdNum)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  潜在客户数:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzVisitQzCustomerNum)
+                  }}</span>
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="!JZQuota && !GZQuota" name="11" title="专业时时丽SAP(千元)">
+            <ZYSAP :reportTargetAll="reportTargetAll"></ZYSAP>
+          </van-collapse-item>
+          <van-collapse-item v-if="!JZQuota && !GZQuota" name="29" title="瓷砖胶SAP(千元)">
+            <van-row>
+              <van-col span="12"><span class="leftTitle">本月业绩</span></van-col
+              ><van-col span="12"><span class="rightTitle">本季业绩</span></van-col>
+              <van-col span="12"
+                ><p>
+                  实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.czjSapMonthAct)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.czjSapQuarterAct)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  达成率:<span class="colorbalck"
+                    >{{ reportTargetAll.czjSapMonthSuccessRate }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  达成率:<span class="colorbalck"
+                    >{{ reportTargetAll.czjSapQuarterSuccessRate }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  成长率:<span class="colorbalck">{{ reportTargetAll.czjSapMonthGrowRate }}%</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  成长率:<span class="colorbalck"
+                    >{{ reportTargetAll.czjSapQuarterGrowRate }}%</span
+                  >
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="JZQuota" name="23" title="展厅上样">
+            <van-row>
+              <van-col span="24"
+                ><p>
+                  当月新增店数:<span class="colorbalck">{{
+                    reportTargetAll.exhibitionHallMonthAct
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  全年实际店数:<span class="colorbalck"
+                    >{{ Micrometer(reportTargetAll.exhibitionHallYearAct) }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  全年达成进度率:<span class="colorbalck"
+                    >{{ reportTargetAll.exhibitionHallYearRate }}%</span
+                  >
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="JZQuota" name="22" title="基材粉料过账(千元)">
+            <van-row>
+              <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
+              <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
+              <van-col span="12"
+                ><p>
+                  客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerMonth }}</span>
+                </p>
+              </van-col>
+              <van-col span="12"
+                ><p>
+                  客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerQuarter }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单数(包):<span class="colorbalck">{{
+                    reportTargetAll.jcPostOrderNumMonth
+                  }}</span>
+                </p>
+              </van-col>
+              <van-col span="12"
+                ><p>
+                  下单数(包):<span class="colorbalck">{{
+                    reportTargetAll.jcPostOrderNumQuarter
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.jcPostOrderPriceMonth)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.jcPostOrderPriceQuarter)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateMonth }}%</span>
+                </p>
+              </van-col>
+              <van-col span="12"
+                ><p>
+                  下单率:<span class="colorbalck"
+                    >{{ reportTargetAll.jcPostOrderRateQuarter }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
+              <van-col span="24"
+                ><p>
+                  客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerYear }}</span>
+                </p>
+              </van-col>
+              <van-col span="24"
+                ><p>
+                  下单数(包):<span class="colorbalck">{{
+                    reportTargetAll.jcPostOrderNumYear
+                  }}</span>
+                </p>
+              </van-col>
+              <van-col span="24"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.jcPostOrderPriceYear)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="24"
+                ><p>
+                  下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateYear }}%</span>
+                </p>
+              </van-col>
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="JZQuota" name="21" title="魔术漆过账(千元)">
+            <van-row>
+              <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
+              <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
+              <van-col span="12"
+                ><p>
+                  客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerMonth }}</span>
+                </p>
+              </van-col>
+              <van-col span="12"
+                ><p>
+                  客户数:<span class="colorbalck">{{
+                    reportTargetAll.msqPostCustomerQuarter
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.msqPostOrderPriceMonth)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.msqPostOrderPriceQuarter)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单率:<span class="colorbalck"
+                    >{{ reportTargetAll.msqPostOrderRateMonth }}%</span
+                  >
+                </p>
+              </van-col>
+              <van-col span="12"
+                ><p>
+                  下单率:<span class="colorbalck"
+                    >{{ reportTargetAll.msqPostOrderRateQuarter }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
+              <van-col span="24"
+                ><p>
+                  客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerYear }}</span>
+                </p>
+              </van-col>
+              <van-col span="24"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.msqPostOrderPriceYear)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="24"
+                ><p>
+                  下单率:<span class="colorbalck">{{ reportTargetAll.msqPostOrderRateYear }}%</span>
+                </p>
+              </van-col>
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item title="今日拜访照片" name="10" v-if="reportTarget.photoSummary">
+            <div
+              class="visitIMG1"
+              :style="{
+                overflow: 'hidden',
+                height: visitIMG1Flag ? 'auto' : '170px',
+              }">
+              <template v-for="(item, index) in reportTarget.photoSummary">
+                <van-col span="6" style="padding: 5px" @click="pviewFn(index)" :key="index">
+                  <img :src="item.fileUrl" alt="" />
+                </van-col>
+              </template>
+            </div>
+            <div
+              v-if="reportTarget.photoSummary.length > 8"
+              class="arrowIcon"
+              style="
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                padding: 5px 0;
+                font-size: 14px;
+                color: #969799;
+              "
+              @click="visitIMG1Flag = !visitIMG1Flag">
+              <template v-if="visitIMG1Flag">
+                <span style="margin-right: 5px">折叠</span>
+                <van-icon size="14" :name="require('@/assets/Icon/arrow-up.png')" />
+              </template>
+              <template v-else>
+                <span style="margin-right: 5px">展开</span>
+                <van-icon size="14" :name="require('@/assets/Icon/arrow-down.png')" />
+              </template>
+            </div>
+            <!-- 生动化陈列 sku -->
+            <template
+              v-if="
+                reportTarget.photoSkuImgSummaryeList && reportTarget.photoSkuImgSummaryeList.length
+              ">
+              <p style="padding-bottom: 10px; font-size: 14px; color: #1e5398; font-weight: 500">
+                SKU陈列照识别结果
               </p>
-            </van-col>
-            <van-col span="24"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.msqPostOrderPriceYear)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="24"
-              ><p>
-                下单率:<span class="colorbalck">{{ reportTargetAll.msqPostOrderRateYear }}%</span>
+              <p style="padding-bottom: 10px; font-size: 14px; font-weight: 500">
+                目前识别桶装和战略产品合计106个，后续会增加被识别产品数
               </p>
-            </van-col>
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item title="今日拜访照片" name="10" v-if="reportTarget.photoSummary">
-          <div
-            class="visitIMG1"
-            :style="{
-              overflow: 'hidden',
-              height: visitIMG1Flag ? 'auto' : '170px',
-            }">
-            <template v-for="(item, index) in reportTarget.photoSummary">
-              <van-col span="6" style="padding: 5px" @click="pviewFn(index)" :key="index">
-                <img :src="item.fileUrl" alt="" />
-              </van-col>
+              <el-table
+                :data="reportTarget.photoSkuImgSummaryeList"
+                border
+                class="table-headermd table-headermdhome"
+                style="width: 100%">
+                <el-table-column label="序号" type="index" width="50px" align="center" />
+                <el-table-column label="门店名称（编号）" prop="name" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.name }}({{ scope.row.code }})
+                  </template>
+                </el-table-column>
+                <el-table-column label="SKU数量" prop="count" width="80px" align="center" />
+              </el-table>
             </template>
-          </div>
-          <div
-            v-if="reportTarget.photoSummary.length > 8"
-            class="arrowIcon"
-            style="
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              padding: 5px 0;
-              font-size: 14px;
-              color: #969799;
-            "
-            @click="visitIMG1Flag = !visitIMG1Flag">
-            <template v-if="visitIMG1Flag">
-              <span style="margin-right: 5px">折叠</span>
-              <van-icon size="14" :name="require('@/assets/Icon/arrow-up.png')" />
-            </template>
-            <template v-else>
-              <span style="margin-right: 5px">展开</span>
-              <van-icon size="14" :name="require('@/assets/Icon/arrow-down.png')" />
-            </template>
-          </div>
-          <!-- 生动化陈列 sku -->
-          <template
-            v-if="
-              reportTarget.photoSkuImgSummaryeList && reportTarget.photoSkuImgSummaryeList.length
-            ">
-            <p style="padding-bottom: 10px; font-size: 14px; color: #1e5398; font-weight: 500">
-              SKU陈列照识别结果
-            </p>
-            <p style="padding-bottom: 10px; font-size: 14px; font-weight: 500">
-              目前识别桶装和战略产品合计106个，后续会增加被识别产品数
-            </p>
-            <el-table
-              :data="reportTarget.photoSkuImgSummaryeList"
-              border
-              class="table-headermd table-headermdhome"
-              style="width: 100%">
-              <el-table-column label="序号" type="index" width="50px" align="center" />
-              <el-table-column label="门店名称（编号）" prop="name" align="center">
-                <template slot-scope="scope"> {{ scope.row.name }}({{ scope.row.code }}) </template>
-              </el-table-column>
-              <el-table-column label="SKU数量" prop="count" width="80px" align="center" />
-            </el-table>
-          </template>
-        </van-collapse-item>
-      </van-collapse>
+          </van-collapse-item>
+        </van-collapse>
+      </template>
       <div class="contentContainer">
         <!-- isHistory 是否为历史汇报：0-新汇报 1-历史汇报 -->
         <reportCustom
@@ -526,6 +547,7 @@ import performanceSAP from '@/views/componentsTarget/performanceSAP';
 import ZYSAP from '@/views/componentsTarget/ZYSAP';
 import veryGoodPlaceOrder from '@/views/componentsTarget/veryGoodPlaceOrder';
 import reportCustom from './reportCustom';
+import target from './target.vue';
 export default {
   name: 'daily',
   components: {
@@ -537,6 +559,7 @@ export default {
     ZYSAP,
     veryGoodPlaceOrder,
     reportCustom,
+    target,
   },
   data() {
     return {
@@ -591,6 +614,8 @@ export default {
       YFQuota: false,
       titlejz: '',
       visitIMG1Flag: false,
+      postName: '',
+      homePageIndicatorList: null,
       //
     };
   },
@@ -634,7 +659,7 @@ export default {
     formatter(value) {
       return value.replace(
         /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/gi,
-        ''
+        '',
       );
     },
     reject() {
@@ -714,6 +739,12 @@ export default {
         forbidClick: true,
       });
       getDetailById({ reportId: this.$route.query.reportId }).then((res) => {
+        this.postName = res.data.postName;
+        if (res.data.postName == '质感销售负责人' || res.data.postName == '质感销售专员') {
+          this.homePageIndicatorList = res.data.homePageIndicatorList;
+        } else {
+          this.homePageIndicatorList = null;
+        }
         this.GZQuota = false;
         this.JZQuota = false;
         this.YFQuota = res.data.postType == 'YF' ? true : false;

src/views/week/dailyDetails.vue

@@ -25,428 +25,448 @@
       <div class="lineGrey"></div>
       <!--        主体内容-->
       <div class="container linep">
-        <van-collapse v-model="activeNames" v-if="!YFQuota">
-          <!-- YFQuota:应用服务平台 不显示各项指标 -->
-          <van-collapse-item v-if="!GZQuota" title="拜访数据(实时)" name="7">
-            <visitedRealTime
-              :reportTargetAll="reportTargetAll"
-              :powerGrade="powerGrade"
-              :JZQuota="JZQuota"></visitedRealTime>
-          </van-collapse-item>
-          <van-collapse-item title="建店布机" v-if="!JZQuota && !GZQuota" name="2">
-            <createStoreBJ :reportTargetAll="reportTargetAll"></createStoreBJ>
-          </van-collapse-item>
-          <van-collapse-item v-if="!JZQuota && !GZQuota" name="33" title="下单点数">
-            <placeOrder :reportTargetAll="reportTargetAll"></placeOrder>
-          </van-collapse-item>
-          <van-collapse-item name="16" v-if="!JZQuota && !GZQuota" title="专业时时丽分销店下单">
-            <ZYPlaceOrder :reportTargetAll="reportTargetAll"></ZYPlaceOrder>
-          </van-collapse-item>
-          <van-collapse-item v-if="type != 3 && type != 4" name="1" :title="saptitle">
-            <performanceSAP :reportTargetAll="reportTargetAll" :JZQuota="JZQuota"></performanceSAP>
-          </van-collapse-item>
-          <van-collapse-item v-if="GZQuota" name="43" title="纯态之家SAP(千元)">
-            <van-row style="margin-top: -10px">
-              <van-col span="12"><span class="leftTitle">本月</span></van-col
-              ><van-col span="12"><span class="rightTitle">本季</span></van-col>
-              <van-col span="12"
-                ><p>
-                  业绩实际:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzCtzjMonthAct)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  业绩实际:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzCtzjQuarterAct)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  业绩成长率:<span class="colorbalck"
-                    >{{ reportTargetAll.gzCtzjMonthGrowRate }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  业绩成长率:<span class="colorbalck"
-                    >{{ reportTargetAll.gzCtzjQuarterGrowRate }}%</span
-                  >
-                </p></van-col
-              >
-            </van-row>
-          </van-collapse-item>
-          <van-collapse-item v-if="GZQuota" name="42" title="商机关联的质感外墙业绩SAP(千元)">
-            <van-row style="margin-top: -10px">
-              <van-col span="12"><span class="leftTitle">本月</span></van-col
-              ><van-col span="12"><span class="rightTitle">本季</span></van-col>
-              <van-col span="12"
-                ><p>
-                  业绩实际:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzZgwqMonthAct)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  业绩实际:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzZgwqQuarterAct)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  业绩成长率:<span class="colorbalck"
-                    >{{ reportTargetAll.gzZgwqMonthGrowRate }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  业绩成长率:<span class="colorbalck"
-                    >{{ reportTargetAll.gzZgwqQuarterGrowRate }}%</span
-                  >
-                </p></van-col
-              >
-            </van-row>
-          </van-collapse-item>
-          <van-collapse-item v-if="GZQuota" name="41" title="累计出货有效客户">
-            <van-row>
-              <van-col span="12"
-                ><p>
-                  全年实际:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzKhljYearAct)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  全年目标:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzKhljYearTarget)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"><p>&nbsp;</p></van-col>
-              <van-col span="12"
-                ><p>
-                  目标达成率:<span class="colorbalck"
-                    >{{ Micrometer(reportTargetAll.gzKhljSuccessRate) }}%</span
-                  >
-                </p></van-col
-              >
-            </van-row>
-          </van-collapse-item>
-          <van-collapse-item v-if="GZQuota" name="40" title="今日拜访">
-            <van-row>
-              <van-col span="12"
-                ><p>
-                  公装客户数:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzVisitCustomerNum)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  工地数:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzVisitGdNum)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  潜在客户数:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzVisitQzCustomerNum)
-                  }}</span>
-                </p></van-col
-              >
-            </van-row>
-          </van-collapse-item>
-          <van-collapse-item v-if="!JZQuota && !GZQuota" name="11" title="专业时时丽SAP(千元)">
-            <ZYSAP :reportTargetAll="reportTargetAll"></ZYSAP>
-          </van-collapse-item>
-          <van-collapse-item v-if="!JZQuota && !GZQuota" name="29" title="瓷砖胶SAP(千元)">
-            <van-row>
-              <van-col span="12"><span class="leftTitle">本月业绩</span></van-col
-              ><van-col span="12"><span class="rightTitle">本季业绩</span></van-col>
-              <van-col span="12"
-                ><p>
-                  实际:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.czjSapMonthAct)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  实际:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.czjSapQuarterAct)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  达成率:<span class="colorbalck"
-                    >{{ reportTargetAll.czjSapMonthSuccessRate }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  达成率:<span class="colorbalck"
-                    >{{ reportTargetAll.czjSapQuarterSuccessRate }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  成长率:<span class="colorbalck">{{ reportTargetAll.czjSapMonthGrowRate }}%</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  成长率:<span class="colorbalck"
-                    >{{ reportTargetAll.czjSapQuarterGrowRate }}%</span
-                  >
-                </p></van-col
-              >
-            </van-row>
-          </van-collapse-item>
-          <van-collapse-item name="17" v-if="!JZQuota && !GZQuota" title="超好贴分销店下单">
-            <veryGoodPlaceOrder :reportTargetAll="reportTargetAll"></veryGoodPlaceOrder>
-          </van-collapse-item>
-          <van-collapse-item v-if="JZQuota" name="23" title="展厅上样">
-            <van-row>
-              <van-col span="24"
-                ><p>
-                  当月新增店数:<span class="colorbalck">{{
-                    reportTargetAll.exhibitionHallMonthAct
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  全年实际店数:<span class="colorbalck"
-                    >{{ Micrometer(reportTargetAll.exhibitionHallYearAct) }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  全年达成进度率:<span class="colorbalck"
-                    >{{ reportTargetAll.exhibitionHallYearRate }}%</span
-                  >
-                </p></van-col
-              >
-            </van-row>
-          </van-collapse-item>
-          <van-collapse-item v-if="JZQuota" name="22" title="基材粉料过账(千元)">
-            <van-row>
-              <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
-              <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
-              <van-col span="12"
-                ><p>
-                  客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerMonth }}</span>
-                </p>
-              </van-col>
-              <van-col span="12"
-                ><p>
-                  客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerQuarter }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单数(包):<span class="colorbalck">{{
-                    reportTargetAll.jcPostOrderNumMonth
-                  }}</span>
-                </p>
-              </van-col>
-              <van-col span="12"
-                ><p>
-                  下单数(包):<span class="colorbalck">{{
-                    reportTargetAll.jcPostOrderNumQuarter
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单销售额:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.jcPostOrderPriceMonth)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单销售额:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.jcPostOrderPriceQuarter)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateMonth }}%</span>
-                </p>
-              </van-col>
-              <van-col span="12"
-                ><p>
-                  下单率:<span class="colorbalck"
-                    >{{ reportTargetAll.jcPostOrderRateQuarter }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
-              <van-col span="24"
-                ><p>
-                  客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerYear }}</span>
-                </p>
-              </van-col>
-              <van-col span="24"
-                ><p>
-                  下单数(包):<span class="colorbalck">{{
-                    reportTargetAll.jcPostOrderNumYear
-                  }}</span>
-                </p>
-              </van-col>
-              <van-col span="24"
-                ><p>
-                  下单销售额:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.jcPostOrderPriceYear)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="24"
-                ><p>
-                  下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateYear }}%</span>
-                </p>
-              </van-col>
-            </van-row>
-          </van-collapse-item>
-          <van-collapse-item v-if="JZQuota" name="21" title="魔术漆过账(千元)">
-            <van-row>
-              <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
-              <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
-              <van-col span="12"
-                ><p>
-                  客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerMonth }}</span>
-                </p>
-              </van-col>
-              <van-col span="12"
-                ><p>
-                  客户数:<span class="colorbalck">{{
-                    reportTargetAll.msqPostCustomerQuarter
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单销售额:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.msqPostOrderPriceMonth)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单销售额:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.msqPostOrderPriceQuarter)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单率:<span class="colorbalck"
-                    >{{ reportTargetAll.msqPostOrderRateMonth }}%</span
-                  >
-                </p>
-              </van-col>
-              <van-col span="12"
-                ><p>
-                  下单率:<span class="colorbalck"
-                    >{{ reportTargetAll.msqPostOrderRateQuarter }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
-              <van-col span="24"
-                ><p>
-                  客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerYear }}</span>
+        <template v-if="postName == '质感销售负责人' || postName == '质感销售专员'">
+          <target :homePageIndicatorDate="homePageIndicatorList"></target>
+        </template>
+        <template v-else>
+          <van-collapse v-model="activeNames" v-if="!YFQuota">
+            <!-- YFQuota:应用服务平台 不显示各项指标 -->
+            <van-collapse-item v-if="!GZQuota" title="拜访数据(实时)" name="7">
+              <visitedRealTime
+                :reportTargetAll="reportTargetAll"
+                :powerGrade="powerGrade"
+                :JZQuota="JZQuota"></visitedRealTime>
+            </van-collapse-item>
+            <van-collapse-item title="建店布机" v-if="!JZQuota && !GZQuota" name="2">
+              <createStoreBJ :reportTargetAll="reportTargetAll"></createStoreBJ>
+            </van-collapse-item>
+            <van-collapse-item v-if="!JZQuota && !GZQuota" name="33" title="下单点数">
+              <placeOrder :reportTargetAll="reportTargetAll"></placeOrder>
+            </van-collapse-item>
+            <van-collapse-item name="16" v-if="!JZQuota && !GZQuota" title="专业时时丽分销店下单">
+              <ZYPlaceOrder :reportTargetAll="reportTargetAll"></ZYPlaceOrder>
+            </van-collapse-item>
+            <van-collapse-item v-if="type != 3 && type != 4" name="1" :title="saptitle">
+              <performanceSAP
+                :reportTargetAll="reportTargetAll"
+                :JZQuota="JZQuota"></performanceSAP>
+            </van-collapse-item>
+            <van-collapse-item v-if="GZQuota" name="43" title="纯态之家SAP(千元)">
+              <van-row style="margin-top: -10px">
+                <van-col span="12"><span class="leftTitle">本月</span></van-col
+                ><van-col span="12"><span class="rightTitle">本季</span></van-col>
+                <van-col span="12"
+                  ><p>
+                    业绩实际:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzCtzjMonthAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    业绩实际:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzCtzjQuarterAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    业绩成长率:<span class="colorbalck"
+                      >{{ reportTargetAll.gzCtzjMonthGrowRate }}%</span
+                    >
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    业绩成长率:<span class="colorbalck"
+                      >{{ reportTargetAll.gzCtzjQuarterGrowRate }}%</span
+                    >
+                  </p></van-col
+                >
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item v-if="GZQuota" name="42" title="商机关联的质感外墙业绩SAP(千元)">
+              <van-row style="margin-top: -10px">
+                <van-col span="12"><span class="leftTitle">本月</span></van-col
+                ><van-col span="12"><span class="rightTitle">本季</span></van-col>
+                <van-col span="12"
+                  ><p>
+                    业绩实际:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzZgwqMonthAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    业绩实际:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzZgwqQuarterAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    业绩成长率:<span class="colorbalck"
+                      >{{ reportTargetAll.gzZgwqMonthGrowRate }}%</span
+                    >
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    业绩成长率:<span class="colorbalck"
+                      >{{ reportTargetAll.gzZgwqQuarterGrowRate }}%</span
+                    >
+                  </p></van-col
+                >
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item v-if="GZQuota" name="41" title="累计出货有效客户">
+              <van-row>
+                <van-col span="12"
+                  ><p>
+                    全年实际:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzKhljYearAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    全年目标:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzKhljYearTarget)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"><p>&nbsp;</p></van-col>
+                <van-col span="12"
+                  ><p>
+                    目标达成率:<span class="colorbalck"
+                      >{{ Micrometer(reportTargetAll.gzKhljSuccessRate) }}%</span
+                    >
+                  </p></van-col
+                >
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item v-if="GZQuota" name="40" title="今日拜访">
+              <van-row>
+                <van-col span="12"
+                  ><p>
+                    公装客户数:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzVisitCustomerNum)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    工地数:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzVisitGdNum)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    潜在客户数:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzVisitQzCustomerNum)
+                    }}</span>
+                  </p></van-col
+                >
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item v-if="!JZQuota && !GZQuota" name="11" title="专业时时丽SAP(千元)">
+              <ZYSAP :reportTargetAll="reportTargetAll"></ZYSAP>
+            </van-collapse-item>
+            <van-collapse-item v-if="!JZQuota && !GZQuota" name="29" title="瓷砖胶SAP(千元)">
+              <van-row>
+                <van-col span="12"><span class="leftTitle">本月业绩</span></van-col
+                ><van-col span="12"><span class="rightTitle">本季业绩</span></van-col>
+                <van-col span="12"
+                  ><p>
+                    实际:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.czjSapMonthAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    实际:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.czjSapQuarterAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    达成率:<span class="colorbalck"
+                      >{{ reportTargetAll.czjSapMonthSuccessRate }}%</span
+                    >
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    达成率:<span class="colorbalck"
+                      >{{ reportTargetAll.czjSapQuarterSuccessRate }}%</span
+                    >
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    成长率:<span class="colorbalck"
+                      >{{ reportTargetAll.czjSapMonthGrowRate }}%</span
+                    >
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    成长率:<span class="colorbalck"
+                      >{{ reportTargetAll.czjSapQuarterGrowRate }}%</span
+                    >
+                  </p></van-col
+                >
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item name="17" v-if="!JZQuota && !GZQuota" title="超好贴分销店下单">
+              <veryGoodPlaceOrder :reportTargetAll="reportTargetAll"></veryGoodPlaceOrder>
+            </van-collapse-item>
+            <van-collapse-item v-if="JZQuota" name="23" title="展厅上样">
+              <van-row>
+                <van-col span="24"
+                  ><p>
+                    当月新增店数:<span class="colorbalck">{{
+                      reportTargetAll.exhibitionHallMonthAct
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    全年实际店数:<span class="colorbalck"
+                      >{{ Micrometer(reportTargetAll.exhibitionHallYearAct) }}%</span
+                    >
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    全年达成进度率:<span class="colorbalck"
+                      >{{ reportTargetAll.exhibitionHallYearRate }}%</span
+                    >
+                  </p></van-col
+                >
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item v-if="JZQuota" name="22" title="基材粉料过账(千元)">
+              <van-row>
+                <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
+                <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
+                <van-col span="12"
+                  ><p>
+                    客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerMonth }}</span>
+                  </p>
+                </van-col>
+                <van-col span="12"
+                  ><p>
+                    客户数:<span class="colorbalck">{{
+                      reportTargetAll.jcPostCustomerQuarter
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    下单数(包):<span class="colorbalck">{{
+                      reportTargetAll.jcPostOrderNumMonth
+                    }}</span>
+                  </p>
+                </van-col>
+                <van-col span="12"
+                  ><p>
+                    下单数(包):<span class="colorbalck">{{
+                      reportTargetAll.jcPostOrderNumQuarter
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    下单销售额:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.jcPostOrderPriceMonth)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    下单销售额:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.jcPostOrderPriceQuarter)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    下单率:<span class="colorbalck"
+                      >{{ reportTargetAll.jcPostOrderRateMonth }}%</span
+                    >
+                  </p>
+                </van-col>
+                <van-col span="12"
+                  ><p>
+                    下单率:<span class="colorbalck"
+                      >{{ reportTargetAll.jcPostOrderRateQuarter }}%</span
+                    >
+                  </p></van-col
+                >
+                <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
+                <van-col span="24"
+                  ><p>
+                    客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerYear }}</span>
+                  </p>
+                </van-col>
+                <van-col span="24"
+                  ><p>
+                    下单数(包):<span class="colorbalck">{{
+                      reportTargetAll.jcPostOrderNumYear
+                    }}</span>
+                  </p>
+                </van-col>
+                <van-col span="24"
+                  ><p>
+                    下单销售额:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.jcPostOrderPriceYear)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="24"
+                  ><p>
+                    下单率:<span class="colorbalck"
+                      >{{ reportTargetAll.jcPostOrderRateYear }}%</span
+                    >
+                  </p>
+                </van-col>
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item v-if="JZQuota" name="21" title="魔术漆过账(千元)">
+              <van-row>
+                <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
+                <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
+                <van-col span="12"
+                  ><p>
+                    客户数:<span class="colorbalck">{{
+                      reportTargetAll.msqPostCustomerMonth
+                    }}</span>
+                  </p>
+                </van-col>
+                <van-col span="12"
+                  ><p>
+                    客户数:<span class="colorbalck">{{
+                      reportTargetAll.msqPostCustomerQuarter
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    下单销售额:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.msqPostOrderPriceMonth)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    下单销售额:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.msqPostOrderPriceQuarter)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    下单率:<span class="colorbalck"
+                      >{{ reportTargetAll.msqPostOrderRateMonth }}%</span
+                    >
+                  </p>
+                </van-col>
+                <van-col span="12"
+                  ><p>
+                    下单率:<span class="colorbalck"
+                      >{{ reportTargetAll.msqPostOrderRateQuarter }}%</span
+                    >
+                  </p></van-col
+                >
+                <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
+                <van-col span="24"
+                  ><p>
+                    客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerYear }}</span>
+                  </p>
+                </van-col>
+                <van-col span="24"
+                  ><p>
+                    下单销售额:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.msqPostOrderPriceYear)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="24"
+                  ><p>
+                    下单率:<span class="colorbalck"
+                      >{{ reportTargetAll.msqPostOrderRateYear }}%</span
+                    >
+                  </p>
+                </van-col>
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item title="今日拜访照片" name="10" v-if="reportTarget.photoSummary">
+              <div
+                class="visitIMG1"
+                :style="{
+                  overflow: 'hidden',
+                  height: visitIMG1Flag ? 'auto' : '170px',
+                }">
+                <template v-for="(item, index) in reportTarget.photoSummary">
+                  <van-col span="6" style="padding: 5px" @click="pviewFn(index)" :key="index">
+                    <img :src="item.fileUrl" alt="" />
+                  </van-col>
+                </template>
+              </div>
+              <div
+                v-if="reportTarget.photoSummary.length > 8"
+                class="arrowIcon"
+                style="
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                  padding: 5px 0;
+                  font-size: 14px;
+                  color: #969799;
+                "
+                @click="visitIMG1Flag = !visitIMG1Flag">
+                <template v-if="visitIMG1Flag">
+                  <span style="margin-right: 5px">折叠</span>
+                  <van-icon size="14" :name="require('@/assets/Icon/arrow-up.png')" />
+                </template>
+                <template v-else>
+                  <span style="margin-right: 5px">展开</span>
+                  <van-icon size="14" :name="require('@/assets/Icon/arrow-down.png')" />
+                </template>
+              </div>
+              <!-- 生动化陈列 sku -->
+              <template
+                v-if="
+                  reportTarget.photoSkuImgSummaryeList &&
+                  reportTarget.photoSkuImgSummaryeList.length
+                ">
+                <p style="padding-bottom: 10px; font-size: 14px; color: #1e5398; font-weight: 500">
+                  SKU陈列照识别结果
                 </p>
-              </van-col>
-              <van-col span="24"
-                ><p>
-                  下单销售额:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.msqPostOrderPriceYear)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="24"
-                ><p>
-                  下单率:<span class="colorbalck">{{ reportTargetAll.msqPostOrderRateYear }}%</span>
+                <p style="padding-bottom: 10px; font-size: 14px; font-weight: 500">
+                  目前识别桶装和战略产品合计106个，后续会增加被识别产品数
                 </p>
-              </van-col>
-            </van-row>
-          </van-collapse-item>
-          <van-collapse-item title="今日拜访照片" name="10" v-if="reportTarget.photoSummary">
-            <div
-              class="visitIMG1"
-              :style="{
-                overflow: 'hidden',
-                height: visitIMG1Flag ? 'auto' : '170px',
-              }">
-              <template v-for="(item, index) in reportTarget.photoSummary">
-                <van-col span="6" style="padding: 5px" @click="pviewFn(index)" :key="index">
-                  <img :src="item.fileUrl" alt="" />
-                </van-col>
+                <el-table
+                  :data="reportTarget.photoSkuImgSummaryeList"
+                  border
+                  class="table-headermd table-headermdhome"
+                  style="width: 100%">
+                  <el-table-column label="序号" type="index" width="50px" align="center" />
+                  <el-table-column label="门店名称（编号）" prop="name" align="center">
+                    <template slot-scope="scope">
+                      {{ scope.row.name }}({{ scope.row.code }})
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="SKU数量" prop="count" width="80px" align="center" />
+                </el-table>
               </template>
-            </div>
-            <div
-              v-if="reportTarget.photoSummary.length > 8"
-              class="arrowIcon"
-              style="
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                padding: 5px 0;
-                font-size: 14px;
-                color: #969799;
-              "
-              @click="visitIMG1Flag = !visitIMG1Flag">
-              <template v-if="visitIMG1Flag">
-                <span style="margin-right: 5px">折叠</span>
-                <van-icon size="14" :name="require('@/assets/Icon/arrow-up.png')" />
-              </template>
-              <template v-else>
-                <span style="margin-right: 5px">展开</span>
-                <van-icon size="14" :name="require('@/assets/Icon/arrow-down.png')" />
-              </template>
-            </div>
-            <!-- 生动化陈列 sku -->
-            <template
-              v-if="
-                reportTarget.photoSkuImgSummaryeList && reportTarget.photoSkuImgSummaryeList.length
-              ">
-              <p style="padding-bottom: 10px; font-size: 14px; color: #1e5398; font-weight: 500">
-                SKU陈列照识别结果
-              </p>
-              <p style="padding-bottom: 10px; font-size: 14px; font-weight: 500">
-                目前识别桶装和战略产品合计106个，后续会增加被识别产品数
-              </p>
-              <el-table
-                :data="reportTarget.photoSkuImgSummaryeList"
-                border
-                class="table-headermd table-headermdhome"
-                style="width: 100%">
-                <el-table-column label="序号" type="index" width="50px" align="center" />
-                <el-table-column label="门店名称（编号）" prop="name" align="center">
-                  <template slot-scope="scope">
-                    {{ scope.row.name }}({{ scope.row.code }})
-                  </template>
-                </el-table-column>
-                <el-table-column label="SKU数量" prop="count" width="80px" align="center" />
-              </el-table>
-            </template>
-          </van-collapse-item>
-        </van-collapse>
+            </van-collapse-item>
+          </van-collapse>
+        </template>
         <div class="contentContainer">
           <!-- isHistory 是否为历史汇报：0-新汇报 1-历史汇报 -->
           <reportCustom
@@ -648,6 +668,7 @@ import ZYSAP from '@/views/componentsTarget/ZYSAP';
 import veryGoodPlaceOrder from '@/views/componentsTarget/veryGoodPlaceOrder';
 import share from '@/components/share';
 import reportCustom from './reportCustom';
+import target from './target.vue';
 
 export default {
   name: 'daily',
@@ -661,6 +682,7 @@ export default {
     veryGoodPlaceOrder,
     share,
     reportCustom,
+    target,
   },
   data() {
     return {
@@ -726,6 +748,8 @@ export default {
       shareVisible: true,
       shareReportConfig: null,
       managerRemarkContent: '',
+      postName: '',
+      homePageIndicatorList: null,
     };
   },
   created() {
@@ -877,6 +901,12 @@ export default {
       });
       getDetailById({ reportId: this.$route.query.reportId }).then((res) => {
         loading1.clear();
+        if (res.data.postName == '质感销售负责人' || res.data.postName == '质感销售专员') {
+          this.homePageIndicatorList = res.data.homePageIndicatorList;
+        } else {
+          this.homePageIndicatorList = null;
+        }
+        this.postName = res.data.postName;
         this.reportTargetAll = res.data.reportTargetAll;
         this.reportTarget = res.data;
         this.JZQuota = false;

src/views/week/dailyHistoricalDetails.vue

@@ -38,428 +38,448 @@
         <p style="font-size: 16px; margin: 10px 0" v-if="reportTarget.commitTime">
           提交时间: {{ reportTarget.commitTime }}
         </p>
-        <van-collapse v-model="activeNames" v-if="!YFQuota">
-          <!-- YFQuota:应用服务平台 不显示各项指标 -->
-          <van-collapse-item v-if="!GZQuota" title="拜访数据(实时)" name="7">
-            <visitedRealTime
-              :reportTargetAll="reportTargetAll"
-              :powerGrade="powerGrade"
-              :JZQuota="JZQuota"></visitedRealTime>
-          </van-collapse-item>
-          <van-collapse-item title="建店布机" v-if="!JZQuota && !GZQuota" name="2">
-            <createStoreBJ :reportTargetAll="reportTargetAll"></createStoreBJ>
-          </van-collapse-item>
-          <van-collapse-item v-if="!JZQuota && !GZQuota" name="33" title="下单点数">
-            <placeOrder :reportTargetAll="reportTargetAll"></placeOrder>
-          </van-collapse-item>
-          <van-collapse-item name="16" v-if="!JZQuota && !GZQuota" title="专业时时丽分销店下单">
-            <ZYPlaceOrder :reportTargetAll="reportTargetAll"></ZYPlaceOrder>
-          </van-collapse-item>
-          <van-collapse-item v-if="type != 3 && type != 4" name="1" :title="saptitle">
-            <performanceSAP :reportTargetAll="reportTargetAll" :JZQuota="JZQuota"></performanceSAP>
-          </van-collapse-item>
-          <van-collapse-item v-if="GZQuota" name="43" title="纯态之家SAP(千元)">
-            <van-row style="margin-top: -10px">
-              <van-col span="12"><span class="leftTitle">本月</span></van-col
-              ><van-col span="12"><span class="rightTitle">本季</span></van-col>
-              <van-col span="12"
-                ><p>
-                  业绩实际:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzCtzjMonthAct)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  业绩实际:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzCtzjQuarterAct)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  业绩成长率:<span class="colorbalck"
-                    >{{ reportTargetAll.gzCtzjMonthGrowRate }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  业绩成长率:<span class="colorbalck"
-                    >{{ reportTargetAll.gzCtzjQuarterGrowRate }}%</span
-                  >
-                </p></van-col
-              >
-            </van-row>
-          </van-collapse-item>
-          <van-collapse-item v-if="GZQuota" name="42" title="商机关联的质感外墙业绩SAP(千元)">
-            <van-row style="margin-top: -10px">
-              <van-col span="12"><span class="leftTitle">本月</span></van-col
-              ><van-col span="12"><span class="rightTitle">本季</span></van-col>
-              <van-col span="12"
-                ><p>
-                  业绩实际:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzZgwqMonthAct)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  业绩实际:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzZgwqQuarterAct)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  业绩成长率:<span class="colorbalck"
-                    >{{ reportTargetAll.gzZgwqMonthGrowRate }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  业绩成长率:<span class="colorbalck"
-                    >{{ reportTargetAll.gzZgwqQuarterGrowRate }}%</span
-                  >
-                </p></van-col
-              >
-            </van-row>
-          </van-collapse-item>
-          <van-collapse-item v-if="GZQuota" name="41" title="累计出货有效客户">
-            <van-row>
-              <van-col span="12"
-                ><p>
-                  全年实际:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzKhljYearAct)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  全年目标:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzKhljYearTarget)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"><p>&nbsp;</p></van-col>
-              <van-col span="12"
-                ><p>
-                  目标达成率:<span class="colorbalck"
-                    >{{ Micrometer(reportTargetAll.gzKhljSuccessRate) }}%</span
-                  >
-                </p></van-col
-              >
-            </van-row>
-          </van-collapse-item>
-          <van-collapse-item v-if="GZQuota" name="40" title="今日拜访">
-            <van-row>
-              <van-col span="12"
-                ><p>
-                  公装客户数:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzVisitCustomerNum)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  工地数:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzVisitGdNum)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  潜在客户数:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzVisitQzCustomerNum)
-                  }}</span>
-                </p></van-col
-              >
-            </van-row>
-          </van-collapse-item>
-          <van-collapse-item v-if="!JZQuota && !GZQuota" name="11" title="专业时时丽SAP(千元)">
-            <ZYSAP :reportTargetAll="reportTargetAll"></ZYSAP>
-          </van-collapse-item>
-          <van-collapse-item v-if="!JZQuota && !GZQuota" name="29" title="瓷砖胶SAP(千元)">
-            <van-row>
-              <van-col span="12"><span class="leftTitle">本月业绩</span></van-col
-              ><van-col span="12"><span class="rightTitle">本季业绩</span></van-col>
-              <van-col span="12"
-                ><p>
-                  实际:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.czjSapMonthAct)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  实际:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.czjSapQuarterAct)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  达成率:<span class="colorbalck"
-                    >{{ reportTargetAll.czjSapMonthSuccessRate }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  达成率:<span class="colorbalck"
-                    >{{ reportTargetAll.czjSapQuarterSuccessRate }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  成长率:<span class="colorbalck">{{ reportTargetAll.czjSapMonthGrowRate }}%</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  成长率:<span class="colorbalck"
-                    >{{ reportTargetAll.czjSapQuarterGrowRate }}%</span
-                  >
-                </p></van-col
-              >
-            </van-row>
-          </van-collapse-item>
-          <van-collapse-item name="17" v-if="!JZQuota && !GZQuota" title="超好贴分销店下单">
-            <veryGoodPlaceOrder :reportTargetAll="reportTargetAll"></veryGoodPlaceOrder>
-          </van-collapse-item>
-          <van-collapse-item v-if="JZQuota" name="23" title="展厅上样">
-            <van-row>
-              <van-col span="24"
-                ><p>
-                  当月新增店数:<span class="colorbalck">{{
-                    reportTargetAll.exhibitionHallMonthAct
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  全年实际店数:<span class="colorbalck"
-                    >{{ Micrometer(reportTargetAll.exhibitionHallYearAct) }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  全年达成进度率:<span class="colorbalck"
-                    >{{ reportTargetAll.exhibitionHallYearRate }}%</span
-                  >
-                </p></van-col
-              >
-            </van-row>
-          </van-collapse-item>
-          <van-collapse-item v-if="JZQuota" name="22" title="基材粉料过账(千元)">
-            <van-row>
-              <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
-              <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
-              <van-col span="12"
-                ><p>
-                  客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerMonth }}</span>
-                </p>
-              </van-col>
-              <van-col span="12"
-                ><p>
-                  客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerQuarter }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单数(包):<span class="colorbalck">{{
-                    reportTargetAll.jcPostOrderNumMonth
-                  }}</span>
-                </p>
-              </van-col>
-              <van-col span="12"
-                ><p>
-                  下单数(包):<span class="colorbalck">{{
-                    reportTargetAll.jcPostOrderNumQuarter
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单销售额:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.jcPostOrderPriceMonth)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单销售额:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.jcPostOrderPriceQuarter)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateMonth }}%</span>
-                </p>
-              </van-col>
-              <van-col span="12"
-                ><p>
-                  下单率:<span class="colorbalck"
-                    >{{ reportTargetAll.jcPostOrderRateQuarter }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
-              <van-col span="24"
-                ><p>
-                  客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerYear }}</span>
-                </p>
-              </van-col>
-              <van-col span="24"
-                ><p>
-                  下单数(包):<span class="colorbalck">{{
-                    reportTargetAll.jcPostOrderNumYear
-                  }}</span>
-                </p>
-              </van-col>
-              <van-col span="24"
-                ><p>
-                  下单销售额:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.jcPostOrderPriceYear)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="24"
-                ><p>
-                  下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateYear }}%</span>
-                </p>
-              </van-col>
-            </van-row>
-          </van-collapse-item>
-          <van-collapse-item v-if="JZQuota" name="21" title="魔术漆过账(千元)">
-            <van-row>
-              <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
-              <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
-              <van-col span="12"
-                ><p>
-                  客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerMonth }}</span>
-                </p>
-              </van-col>
-              <van-col span="12"
-                ><p>
-                  客户数:<span class="colorbalck">{{
-                    reportTargetAll.msqPostCustomerQuarter
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单销售额:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.msqPostOrderPriceMonth)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单销售额:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.msqPostOrderPriceQuarter)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单率:<span class="colorbalck"
-                    >{{ reportTargetAll.msqPostOrderRateMonth }}%</span
-                  >
-                </p>
-              </van-col>
-              <van-col span="12"
-                ><p>
-                  下单率:<span class="colorbalck"
-                    >{{ reportTargetAll.msqPostOrderRateQuarter }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
-              <van-col span="24"
-                ><p>
-                  客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerYear }}</span>
+        <template v-if="postName == '质感销售负责人' || postName == '质感销售专员'">
+          <target :homePageIndicatorDate="homePageIndicatorList"></target>
+        </template>
+        <template v-else>
+          <van-collapse v-model="activeNames" v-if="!YFQuota">
+            <!-- YFQuota:应用服务平台 不显示各项指标 -->
+            <van-collapse-item v-if="!GZQuota" title="拜访数据(实时)" name="7">
+              <visitedRealTime
+                :reportTargetAll="reportTargetAll"
+                :powerGrade="powerGrade"
+                :JZQuota="JZQuota"></visitedRealTime>
+            </van-collapse-item>
+            <van-collapse-item title="建店布机" v-if="!JZQuota && !GZQuota" name="2">
+              <createStoreBJ :reportTargetAll="reportTargetAll"></createStoreBJ>
+            </van-collapse-item>
+            <van-collapse-item v-if="!JZQuota && !GZQuota" name="33" title="下单点数">
+              <placeOrder :reportTargetAll="reportTargetAll"></placeOrder>
+            </van-collapse-item>
+            <van-collapse-item name="16" v-if="!JZQuota && !GZQuota" title="专业时时丽分销店下单">
+              <ZYPlaceOrder :reportTargetAll="reportTargetAll"></ZYPlaceOrder>
+            </van-collapse-item>
+            <van-collapse-item v-if="type != 3 && type != 4" name="1" :title="saptitle">
+              <performanceSAP
+                :reportTargetAll="reportTargetAll"
+                :JZQuota="JZQuota"></performanceSAP>
+            </van-collapse-item>
+            <van-collapse-item v-if="GZQuota" name="43" title="纯态之家SAP(千元)">
+              <van-row style="margin-top: -10px">
+                <van-col span="12"><span class="leftTitle">本月</span></van-col
+                ><van-col span="12"><span class="rightTitle">本季</span></van-col>
+                <van-col span="12"
+                  ><p>
+                    业绩实际:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzCtzjMonthAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    业绩实际:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzCtzjQuarterAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    业绩成长率:<span class="colorbalck"
+                      >{{ reportTargetAll.gzCtzjMonthGrowRate }}%</span
+                    >
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    业绩成长率:<span class="colorbalck"
+                      >{{ reportTargetAll.gzCtzjQuarterGrowRate }}%</span
+                    >
+                  </p></van-col
+                >
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item v-if="GZQuota" name="42" title="商机关联的质感外墙业绩SAP(千元)">
+              <van-row style="margin-top: -10px">
+                <van-col span="12"><span class="leftTitle">本月</span></van-col
+                ><van-col span="12"><span class="rightTitle">本季</span></van-col>
+                <van-col span="12"
+                  ><p>
+                    业绩实际:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzZgwqMonthAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    业绩实际:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzZgwqQuarterAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    业绩成长率:<span class="colorbalck"
+                      >{{ reportTargetAll.gzZgwqMonthGrowRate }}%</span
+                    >
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    业绩成长率:<span class="colorbalck"
+                      >{{ reportTargetAll.gzZgwqQuarterGrowRate }}%</span
+                    >
+                  </p></van-col
+                >
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item v-if="GZQuota" name="41" title="累计出货有效客户">
+              <van-row>
+                <van-col span="12"
+                  ><p>
+                    全年实际:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzKhljYearAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    全年目标:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzKhljYearTarget)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"><p>&nbsp;</p></van-col>
+                <van-col span="12"
+                  ><p>
+                    目标达成率:<span class="colorbalck"
+                      >{{ Micrometer(reportTargetAll.gzKhljSuccessRate) }}%</span
+                    >
+                  </p></van-col
+                >
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item v-if="GZQuota" name="40" title="今日拜访">
+              <van-row>
+                <van-col span="12"
+                  ><p>
+                    公装客户数:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzVisitCustomerNum)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    工地数:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzVisitGdNum)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    潜在客户数:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.gzVisitQzCustomerNum)
+                    }}</span>
+                  </p></van-col
+                >
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item v-if="!JZQuota && !GZQuota" name="11" title="专业时时丽SAP(千元)">
+              <ZYSAP :reportTargetAll="reportTargetAll"></ZYSAP>
+            </van-collapse-item>
+            <van-collapse-item v-if="!JZQuota && !GZQuota" name="29" title="瓷砖胶SAP(千元)">
+              <van-row>
+                <van-col span="12"><span class="leftTitle">本月业绩</span></van-col
+                ><van-col span="12"><span class="rightTitle">本季业绩</span></van-col>
+                <van-col span="12"
+                  ><p>
+                    实际:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.czjSapMonthAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    实际:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.czjSapQuarterAct)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    达成率:<span class="colorbalck"
+                      >{{ reportTargetAll.czjSapMonthSuccessRate }}%</span
+                    >
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    达成率:<span class="colorbalck"
+                      >{{ reportTargetAll.czjSapQuarterSuccessRate }}%</span
+                    >
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    成长率:<span class="colorbalck"
+                      >{{ reportTargetAll.czjSapMonthGrowRate }}%</span
+                    >
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    成长率:<span class="colorbalck"
+                      >{{ reportTargetAll.czjSapQuarterGrowRate }}%</span
+                    >
+                  </p></van-col
+                >
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item name="17" v-if="!JZQuota && !GZQuota" title="超好贴分销店下单">
+              <veryGoodPlaceOrder :reportTargetAll="reportTargetAll"></veryGoodPlaceOrder>
+            </van-collapse-item>
+            <van-collapse-item v-if="JZQuota" name="23" title="展厅上样">
+              <van-row>
+                <van-col span="24"
+                  ><p>
+                    当月新增店数:<span class="colorbalck">{{
+                      reportTargetAll.exhibitionHallMonthAct
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    全年实际店数:<span class="colorbalck"
+                      >{{ Micrometer(reportTargetAll.exhibitionHallYearAct) }}%</span
+                    >
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    全年达成进度率:<span class="colorbalck"
+                      >{{ reportTargetAll.exhibitionHallYearRate }}%</span
+                    >
+                  </p></van-col
+                >
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item v-if="JZQuota" name="22" title="基材粉料过账(千元)">
+              <van-row>
+                <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
+                <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
+                <van-col span="12"
+                  ><p>
+                    客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerMonth }}</span>
+                  </p>
+                </van-col>
+                <van-col span="12"
+                  ><p>
+                    客户数:<span class="colorbalck">{{
+                      reportTargetAll.jcPostCustomerQuarter
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    下单数(包):<span class="colorbalck">{{
+                      reportTargetAll.jcPostOrderNumMonth
+                    }}</span>
+                  </p>
+                </van-col>
+                <van-col span="12"
+                  ><p>
+                    下单数(包):<span class="colorbalck">{{
+                      reportTargetAll.jcPostOrderNumQuarter
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    下单销售额:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.jcPostOrderPriceMonth)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    下单销售额:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.jcPostOrderPriceQuarter)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    下单率:<span class="colorbalck"
+                      >{{ reportTargetAll.jcPostOrderRateMonth }}%</span
+                    >
+                  </p>
+                </van-col>
+                <van-col span="12"
+                  ><p>
+                    下单率:<span class="colorbalck"
+                      >{{ reportTargetAll.jcPostOrderRateQuarter }}%</span
+                    >
+                  </p></van-col
+                >
+                <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
+                <van-col span="24"
+                  ><p>
+                    客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerYear }}</span>
+                  </p>
+                </van-col>
+                <van-col span="24"
+                  ><p>
+                    下单数(包):<span class="colorbalck">{{
+                      reportTargetAll.jcPostOrderNumYear
+                    }}</span>
+                  </p>
+                </van-col>
+                <van-col span="24"
+                  ><p>
+                    下单销售额:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.jcPostOrderPriceYear)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="24"
+                  ><p>
+                    下单率:<span class="colorbalck"
+                      >{{ reportTargetAll.jcPostOrderRateYear }}%</span
+                    >
+                  </p>
+                </van-col>
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item v-if="JZQuota" name="21" title="魔术漆过账(千元)">
+              <van-row>
+                <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
+                <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
+                <van-col span="12"
+                  ><p>
+                    客户数:<span class="colorbalck">{{
+                      reportTargetAll.msqPostCustomerMonth
+                    }}</span>
+                  </p>
+                </van-col>
+                <van-col span="12"
+                  ><p>
+                    客户数:<span class="colorbalck">{{
+                      reportTargetAll.msqPostCustomerQuarter
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    下单销售额:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.msqPostOrderPriceMonth)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    下单销售额:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.msqPostOrderPriceQuarter)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="12"
+                  ><p>
+                    下单率:<span class="colorbalck"
+                      >{{ reportTargetAll.msqPostOrderRateMonth }}%</span
+                    >
+                  </p>
+                </van-col>
+                <van-col span="12"
+                  ><p>
+                    下单率:<span class="colorbalck"
+                      >{{ reportTargetAll.msqPostOrderRateQuarter }}%</span
+                    >
+                  </p></van-col
+                >
+                <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
+                <van-col span="24"
+                  ><p>
+                    客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerYear }}</span>
+                  </p>
+                </van-col>
+                <van-col span="24"
+                  ><p>
+                    下单销售额:<span class="colorbalck">{{
+                      Micrometer(reportTargetAll.msqPostOrderPriceYear)
+                    }}</span>
+                  </p></van-col
+                >
+                <van-col span="24"
+                  ><p>
+                    下单率:<span class="colorbalck"
+                      >{{ reportTargetAll.msqPostOrderRateYear }}%</span
+                    >
+                  </p>
+                </van-col>
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item title="今日拜访照片" name="10" v-if="reportTarget.photoSummary">
+              <div
+                class="visitIMG1"
+                :style="{
+                  overflow: 'hidden',
+                  height: visitIMG1Flag ? 'auto' : '170px',
+                }">
+                <template v-for="(item, index) in reportTarget.photoSummary">
+                  <van-col span="6" style="padding: 5px" @click="pviewFn(index)" :key="index">
+                    <img :src="item.fileUrl" alt="" />
+                  </van-col>
+                </template>
+              </div>
+              <div
+                v-if="reportTarget.photoSummary.length > 8"
+                class="arrowIcon"
+                style="
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                  padding: 5px 0;
+                  font-size: 14px;
+                  color: #969799;
+                "
+                @click="visitIMG1Flag = !visitIMG1Flag">
+                <template v-if="visitIMG1Flag">
+                  <span style="margin-right: 5px">折叠</span>
+                  <van-icon size="14" :name="require('@/assets/Icon/arrow-up.png')" />
+                </template>
+                <template v-else>
+                  <span style="margin-right: 5px">展开</span>
+                  <van-icon size="14" :name="require('@/assets/Icon/arrow-down.png')" />
+                </template>
+              </div>
+              <!-- 生动化陈列 sku -->
+              <template
+                v-if="
+                  reportTarget.photoSkuImgSummaryeList &&
+                  reportTarget.photoSkuImgSummaryeList.length
+                ">
+                <p style="padding-bottom: 10px; font-size: 14px; color: #1e5398; font-weight: 500">
+                  SKU陈列照识别结果
                 </p>
-              </van-col>
-              <van-col span="24"
-                ><p>
-                  下单销售额:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.msqPostOrderPriceYear)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="24"
-                ><p>
-                  下单率:<span class="colorbalck">{{ reportTargetAll.msqPostOrderRateYear }}%</span>
+                <p style="padding-bottom: 10px; font-size: 14px; font-weight: 500">
+                  目前识别桶装和战略产品合计106个，后续会增加被识别产品数
                 </p>
-              </van-col>
-            </van-row>
-          </van-collapse-item>
-          <van-collapse-item title="今日拜访照片" name="10" v-if="reportTarget.photoSummary">
-            <div
-              class="visitIMG1"
-              :style="{
-                overflow: 'hidden',
-                height: visitIMG1Flag ? 'auto' : '170px',
-              }">
-              <template v-for="(item, index) in reportTarget.photoSummary">
-                <van-col span="6" style="padding: 5px" @click="pviewFn(index)" :key="index">
-                  <img :src="item.fileUrl" alt="" />
-                </van-col>
+                <el-table
+                  :data="reportTarget.photoSkuImgSummaryeList"
+                  border
+                  class="table-headermd table-headermdhome"
+                  style="width: 100%">
+                  <el-table-column label="序号" type="index" width="50px" align="center" />
+                  <el-table-column label="门店名称（编号）" prop="name" align="center">
+                    <template slot-scope="scope">
+                      {{ scope.row.name }}({{ scope.row.code }})
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="SKU数量" prop="count" width="80px" align="center" />
+                </el-table>
               </template>
-            </div>
-            <div
-              v-if="reportTarget.photoSummary.length > 8"
-              class="arrowIcon"
-              style="
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                padding: 5px 0;
-                font-size: 14px;
-                color: #969799;
-              "
-              @click="visitIMG1Flag = !visitIMG1Flag">
-              <template v-if="visitIMG1Flag">
-                <span style="margin-right: 5px">折叠</span>
-                <van-icon size="14" :name="require('@/assets/Icon/arrow-up.png')" />
-              </template>
-              <template v-else>
-                <span style="margin-right: 5px">展开</span>
-                <van-icon size="14" :name="require('@/assets/Icon/arrow-down.png')" />
-              </template>
-            </div>
-            <!-- 生动化陈列 sku -->
-            <template
-              v-if="
-                reportTarget.photoSkuImgSummaryeList && reportTarget.photoSkuImgSummaryeList.length
-              ">
-              <p style="padding-bottom: 10px; font-size: 14px; color: #1e5398; font-weight: 500">
-                SKU陈列照识别结果
-              </p>
-              <p style="padding-bottom: 10px; font-size: 14px; font-weight: 500">
-                目前识别桶装和战略产品合计106个，后续会增加被识别产品数
-              </p>
-              <el-table
-                :data="reportTarget.photoSkuImgSummaryeList"
-                border
-                class="table-headermd table-headermdhome"
-                style="width: 100%">
-                <el-table-column label="序号" type="index" width="50px" align="center" />
-                <el-table-column label="门店名称（编号）" prop="name" align="center">
-                  <template slot-scope="scope">
-                    {{ scope.row.name }}({{ scope.row.code }})
-                  </template>
-                </el-table-column>
-                <el-table-column label="SKU数量" prop="count" width="80px" align="center" />
-              </el-table>
-            </template>
-          </van-collapse-item>
-        </van-collapse>
+            </van-collapse-item>
+          </van-collapse>
+        </template>
         <div class="contentContainer">
           <!-- isHistory 是否为历史汇报：0-新汇报 1-历史汇报 -->
           <reportCustom
@@ -678,6 +698,7 @@ import ZYSAP from '@/views/componentsTarget/ZYSAP';
 import veryGoodPlaceOrder from '@/views/componentsTarget/veryGoodPlaceOrder';
 import share from '@/components/share';
 import reportCustom from './reportCustom';
+import target from './target.vue';
 
 export default {
   name: 'daily',
@@ -691,6 +712,7 @@ export default {
     veryGoodPlaceOrder,
     share,
     reportCustom,
+    target,
   },
   data() {
     return {
@@ -759,6 +781,8 @@ export default {
       setDailyDetailsBoxFlag: true,
       visitIMG1Flag: false,
       shareReportConfig: null,
+      postName: '',
+      homePageIndicatorList: null,
     };
   },
   watch: {
@@ -868,7 +892,7 @@ export default {
     formatter(value) {
       return value.replace(
         /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/gi,
-        ''
+        '',
       );
     },
     openEnterpriseChat(val) {
@@ -972,6 +996,7 @@ export default {
       getDictOption({}, 'share_report_config').then((res) => {
         this.shareReportConfig = res.data;
       });
+      this.homePageIndicatorList = null;
       getDetailById({ reportId: this.reportId }).then((res) => {
         loading1.clear();
         if (res.code == 500 && this.source == 'share') {
@@ -987,6 +1012,11 @@ export default {
               });
             });
         } else {
+          if (res.data.postName == '质感销售负责人' || res.data.postName == '质感销售专员') {
+            this.homePageIndicatorList = res.data.homePageIndicatorList;
+          }
+          console.log(this.homePageIndicatorList);
+          this.postName = res.data.postName;
           this.GZQuota = false;
           this.JZQuota = false;
           this.YFQuota = res.data.postType == 'YF' ? true : false;
@@ -1022,7 +1052,7 @@ export default {
                   for (let y = 0; y < sfaReportCustomCollections.length; y++) {
                     let custom = this.shareReportConfig.filter(
                       (val) =>
-                        val.dictValue == sfaReportCustomCollections[y].reportCustomCollectionName
+                        val.dictValue == sfaReportCustomCollections[y].reportCustomCollectionName,
                     );
                     if (custom.length) {
                       custom[0].content = sfaReportCustomCollections[y].answerValue;

src/views/week/target.vue

@@ -0,0 +1,495 @@
+<template>
+  <div class="ABtarage">
+    <template>
+      <div class="container linep" style="margin: 0">
+        <van-collapse v-model="activeNames">
+          <div v-for="(homePageItem, index) in homePageIndicatorDate" :key="index">
+            <van-collapse-item
+              v-if="homePageItem.labelStyle == 1"
+              :name="(index + 1).toString()"
+              :title="homePageItem.name">
+              <van-row>
+                <!-- 动态渲染标题栏 -->
+                <div
+                  v-for="(periodItem, periodIndex) in homePageItem.children"
+                  :key="'title-' + periodIndex">
+                  <van-col span="12">
+                    <span :class="periodIndex % 2 === 0 ? 'leftTitle' : 'rightTitle'">{{
+                      periodItem.name
+                    }}</span>
+                  </van-col>
+                </div>
+
+                <!-- 动态渲染指标项 -->
+                <div v-if="homePageItem.children.length >= 2">
+                  <!-- 遍历第一个周期的所有指标 -->
+                  <div
+                    v-for="(metric, metricIndex) in homePageItem.children[0].children"
+                    :key="'metric-' + metricIndex">
+                    <!-- 左侧指标 -->
+                    <van-col span="12">
+                      <p>
+                        {{ metric.name }}:
+                        <span class="colorblack">
+                          <template v-if="metric.indicatorUnit === '%'"
+                            >{{ metric.indicatorValue }}%</template
+                          >
+                          <template v-else>
+                            {{ Micrometer(metric.indicatorValue) }}
+                            {{ metric.indicatorUnit }}
+                          </template>
+                        </span>
+                      </p>
+                    </van-col>
+                    <!-- 对应右侧指标 -->
+                    <van-col span="12">
+                      <p>
+                        {{ homePageItem.children[1]?.children[metricIndex]?.name || '-' }}:
+                        <span class="colorblack">
+                          <template
+                            v-if="
+                              homePageItem.children[1]?.children[metricIndex]?.indicatorUnit === '%'
+                            ">
+                            {{ homePageItem.children[1]?.children[metricIndex]?.indicatorValue }}%
+                          </template>
+                          <template v-else>
+                            {{
+                              Micrometer(
+                                homePageItem.children[1]?.children[metricIndex]?.indicatorValue,
+                              )
+                            }}
+                            {{ homePageItem.children[1]?.children[metricIndex]?.indicatorUnit }}
+                          </template>
+                        </span>
+                      </p>
+                    </van-col>
+                  </div>
+                </div>
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item
+              v-if="homePageItem.labelStyle == 2"
+              :name="(index + 1).toString()"
+              :title="homePageItem.name">
+              <!-- 外层循环：遍历主要类别 -->
+              <van-row
+                v-for="(category, index) in homePageItem.children"
+                :key="index"
+                :style="{ marginTop: index > 0 ? '10px' : '0' }">
+                <van-col span="24">
+                  <span :class="index % 2 === 0 ? 'leftTitle' : 'rightTitle'">{{
+                    category.name
+                  }}</span>
+                </van-col>
+
+                <!-- 内层循环：遍历各个统计项 -->
+                <div v-for="(item, idx) in category.children" :key="idx">
+                  <van-col :span="idx == 0 ? 24 : 12">
+                    <p>
+                      {{ item.name }}：<span
+                        :style="labelStyle(item.clickable)"
+                        @click="onClick(item.clickable)"
+                        class="colorbalck"
+                        >{{ Micrometer(item.indicatorValue) }}{{ item.indicatorUnit }}</span
+                      >
+                    </p>
+                  </van-col>
+                </div>
+              </van-row>
+            </van-collapse-item>
+            <van-collapse-item
+              v-if="homePageItem.labelStyle == 3"
+              :name="(index + 1).toString()"
+              :title="homePageItem.name">
+              <!-- 外层循环：遍历主要类别 -->
+              <van-row
+                v-for="(category, index) in homePageItem.children"
+                :key="index"
+                :style="{ marginTop: index == 0 ? '-10px' : '0' }">
+                <!-- 内层循环：遍历各个统计项 -->
+                <div v-for="(item, idx) in category.children" :key="idx">
+                  <van-col :span="idx == 0 ? 24 : 12">
+                    <p>
+                      {{ item.name }}：<span
+                        :style="labelStyle(item.clickable)"
+                        @click="onClick(item.clickable)"
+                        class="colorbalck"
+                        >{{ Micrometer(item.indicatorValue) }}{{ item.indicatorUnit }}</span
+                      >
+                    </p>
+                  </van-col>
+                </div>
+              </van-row>
+            </van-collapse-item>
+          </div>
+        </van-collapse>
+      </div>
+    </template>
+  </div>
+</template>
+
+<script>
+import store from '@/store';
+export default {
+  name: 'home',
+  props: {
+    homePageIndicatorDate: {
+      type: Array,
+    },
+  },
+  data() {
+    return {
+      shows: true,
+      show: true,
+      num: 0,
+      todayGoal: {},
+      progressWidth: 0,
+      updataTime: '',
+      activeNames: [
+        '1',
+        '2',
+        '3',
+        '4',
+        '5',
+        '6',
+        '7',
+        '8',
+        '10',
+        '11',
+        '12',
+        '16',
+        '17',
+        '20',
+        '21',
+        '22',
+        '23',
+        '24',
+        '25',
+        '26',
+        '27',
+        '28',
+        '29',
+        '30',
+        '31',
+        '32',
+        '33',
+        '34',
+        '35',
+        '36',
+        '37',
+        '38',
+        '39',
+        '40',
+        '41',
+        '42',
+        '43',
+      ],
+      activeNameType: [],
+      powerGradeShow: false,
+      showButton: false,
+      isCommit: null,
+      powerGrade: '2',
+      deptLevel: '',
+      // positionId：等级（1-销售员 2-销售部主管 3-大区主管 4-区域公司总经理 5-DIY公司）
+      reportTargetAll: {},
+      homePageIndicatorList: [],
+      approvalPendingNum: 0,
+      isDiy: false,
+      approvalButton: false,
+      times: 5,
+      timer: null,
+      type: '-1',
+      monthNoVisit: {},
+      flag: true,
+      reportInfoData: {},
+      applyNumber: '',
+      proccessPendingNum: 0,
+      JZQuota: false,
+      GZdata: false,
+    };
+  },
+  methods: {
+    labelStyle(val) {
+      return {
+        'text-decoration': val == 1 ? 'underline' : 'none',
+        color: val == 1 ? '#0057ba' : '#666666',
+      };
+    },
+    // 跳转详情
+    onClick(val) {
+      if (val == 1) {
+        store.dispatch('setActivaTypeStore', 'FuWuShang');
+        this.$router.push({ path: '/noVisit' });
+      }
+    },
+  },
+};
+</script>
+<style scoped>
+.homeTitle {
+  padding: 6px 16px;
+}
+
+.homeTitle .van-icon__image {
+  width: 1.4em;
+  height: auto;
+}
+
+.container {
+  /* margin: 10px; */
+}
+
+.container .van-collapse-item {
+  margin-bottom: 10px;
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+.progressContentlist {
+  font-size: 14px;
+  border-bottom: 1px dashed #f1f1f1;
+  padding: 10px 0;
+}
+
+.linep p {
+  margin: 10px 0 0 0;
+  font-size: 14px;
+  color: #666;
+}
+
+.leftTitle {
+  background-color: #74a4d9;
+  color: #fff;
+  display: inline-block;
+  padding: 0 4px;
+  border-radius: 2px;
+}
+
+.rightTitle {
+  background-color: #e7b4bb;
+  color: #fff;
+  display: inline-block;
+  padding: 0 4px;
+  border-radius: 2px;
+  white-space: nowrap;
+}
+</style>
+<style lang="scss">
+.myTab .van-tabs__nav--card {
+  margin: 0 !important;
+  border-left: 0;
+  border-right: 0;
+}
+
+.myTab .van-tabs__wrap,
+.van-tabs__nav--card {
+  height: 39px;
+}
+
+.myTab .van-tab {
+  line-height: 40px;
+}
+
+.linep .van-collapse-item__content {
+  color: #666;
+}
+
+.linep .van-collapse-item__content {
+  color: #666;
+}
+
+.linep .van-cell__title {
+  color: #1e5398;
+  font-weight: 500;
+  font-size: 16px;
+}
+
+.homeCellIcon {
+  line-height: 34px;
+}
+
+.homeTitle .van-cell__title {
+  color: #444;
+  font-size: 16px;
+  font-weight: bold;
+  padding-left: 4px;
+  line-height: 36px;
+  height: 36px;
+}
+
+.updataTime {
+  color: #999;
+  font-size: 12px;
+  text-align: center;
+}
+
+.homeTitle .van-tag--danger {
+  /* border-radius: 20px; */
+}
+
+.van-dialog__confirm,
+.van-dialog__confirm:active {
+  color: #0057ba;
+}
+
+.tipTitleBox p {
+  margin: 0;
+  line-height: 28px;
+  color: #555;
+}
+
+.tipTitleBox .p {
+  color: #555;
+  font-size: 16px;
+  border-bottom: 1px solid #f5f5f5;
+  margin: 0;
+  margin-bottom: 10px;
+  text-align: center;
+  padding: 14px 0px;
+}
+
+.storeTypeHome .van-collapse-item__content {
+  padding: 0;
+}
+
+.storeTypeHome .storeTypeHomeList .van-cell__title {
+  color: #4a4a4a;
+  font-size: 14px;
+}
+
+.storeTypeHome .monthNoVisit {
+  padding: 10px;
+  margin: 10px;
+  border-radius: 5px;
+  background-color: #ebf4ff;
+}
+
+.storeTypeHome .leftContent {
+  padding-right: 68px;
+  position: relative;
+}
+
+.storeTypeHome .monthNoVisitStatstext {
+  font-size: 12px;
+  background-color: #0057ba;
+  position: absolute;
+  right: 0;
+  top: 6px;
+  padding: 2px 6px 2px 12px;
+  border-bottom-left-radius: 60px;
+  border-top-left-radius: 60px;
+  color: #fff;
+}
+
+.ABtarage {
+  .table-headermd {
+    font-size: 12px;
+    text-align: center;
+    position: initial;
+    width: 98% !important;
+    margin: 0 auto;
+    border-right: 0;
+  }
+
+  .table-headermdhome {
+    font-size: 14px;
+  }
+
+  .table-headermdhome th.el-table__cell > .cell {
+    white-space: pre;
+  }
+
+  .table-headermd .el-table__header,
+  .table-headermd .el-table__body {
+    width: 100% !important;
+  }
+
+  .table-headermdhome.van-cell {
+    padding: 0 6px;
+    height: 100%;
+  }
+
+  .table-headermd th.el-table__cell > .cell {
+    padding: 0 4px;
+    text-align: center;
+  }
+
+  .table-headermdhometh.el-table__cell:first-child > .cell {
+    text-align: left;
+  }
+
+  .table-headermd th.el-table__cell {
+    background-color: #1989fa;
+    color: #fff;
+  }
+
+  .table-headermdhome th.el-table__cell {
+    background-color: #fff;
+    color: #444;
+  }
+
+  .table-headermd .el-table__cell {
+    padding: 4px 0;
+  }
+
+  .table-headermdhome.el-table .cell {
+    padding: 0 4px;
+    text-align: center;
+  }
+
+  .table-headermdhome .tipTitle {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    text-align: center;
+  }
+
+  .table-headermd::before {
+    height: 0;
+  }
+
+  .table-headermd .cell,
+  .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>