Quellcode durchsuchen

feature_20260209_质感日报同步首页指标

zhujindu vor 2 Tagen
Ursprung
Commit
874c938a0b
3 geänderte Dateien mit 473 neuen und 417 gelöschten Zeilen
  1. 66 28
      src/views/home/HomeTarget.vue
  2. 5 11
      src/views/home/index.vue
  3. 402 378
      src/views/week/daily.vue

+ 66 - 28
src/views/home/HomeTarget.vue

@@ -1,29 +1,40 @@
 <template>
   <div class="ABtarage">
-    <p class="updataTime">更新时间:{{ updataTime }}</p>
+    <p class="updataTime" v-if="updataTimeFlag">更新时间:{{ updataTime }}</p>
     <template>
-      <div class="container linep">
+      <div class="container linep" :style="{ margin: updataTimeFlag ? '10px' : '0px' }">
         <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: {
@@ -105,6 +139,10 @@ export default {
       type: [String, Number],
       default: '-1',
     },
+    updataTimeFlag: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
@@ -197,7 +235,7 @@ export default {
     },
     // 跳转详情
     onClick(val) {
-      if(val==1){
+      if (val == 1) {
         store.dispatch('setActivaTypeStore', 'FuWuShang');
         this.$router.push({ path: '/noVisit' });
       }
@@ -276,7 +314,7 @@ export default {
 }
 
 .container {
-  margin: 10px;
+  /* margin: 10px; */
 }
 
 .container .van-collapse-item {
@@ -435,7 +473,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 +487,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;
   }
 

+ 5 - 11
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>
@@ -22,7 +16,7 @@
           <ABtarget :tabVal="tabVal" ref="Btarget"></ABtarget>
         </van-tab>
         <van-tab title="首页指标" name="2" v-if="onlyShowHomeTarget == true">
-          <HomeTarget :tabVal="tabVal" ref="HomeTarget"></HomeTarget>
+          <HomeTarget :tabVal="tabVal" ref="HomeTarget" :updataTimeFlag="true"></HomeTarget>
         </van-tab>
       </van-tabs>
       <div class="bottomBtn">
@@ -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();
         }
       });

+ 402 - 378
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 == '质感销售专员'">
+        <HomeTarget :tabVal="2" ref="HomeTarget"></HomeTarget>
+      </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 HomeTarget from '@/views/home/HomeTarget.vue';
 
 export default {
   name: 'daily',
@@ -508,6 +528,7 @@ export default {
     ZYSAP,
     veryGoodPlaceOrder,
     reportCustom,
+    HomeTarget,
   },
   data() {
     return {
@@ -585,11 +606,13 @@ export default {
       titlejz: '',
       notVisitReason: '', //今日拜访0家店的原因;
       photoSkuImgSummaryeList: null,
+      postName: '',
     };
   },
   created() {
     this.powerGrade = localStorage.getItem('powerGrade');
     this.temporaryShow = this.$route.query.temporaryShow;
+    this.postName = localStorage.getItem('postName');
     if (this.$route.query.reportId != undefined) {
       this.getDetailById();
     } else {
@@ -599,6 +622,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 +668,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() {