Browse Source

chatBI日周报

zhujindu 6 months ago
parent
commit
1b686d10ce
3 changed files with 534 additions and 423 deletions
  1. BIN
      src/assets/foldBtn.png
  2. 84 0
      src/views/week/chatBIReport.vue
  3. 450 423
      src/views/week/dailyDetails.vue

BIN
src/assets/foldBtn.png


File diff suppressed because it is too large
+ 84 - 0
src/views/week/chatBIReport.vue


+ 450 - 423
src/views/week/dailyDetails.vue

@@ -10,439 +10,461 @@
     <div class="lineGrey"></div>
     <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>
-              </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.photos">
-          <div v-for="(item, index) in reportTarget.photos" :key="index">
-            <p style="margin-bottom: 10px; margin-top: 0">{{ item.taskName }}</p>
-            <van-row gutter="10" class="visitIMG1">
-              <van-col
-                span="6"
-                style="padding-bottom: 10px"
-                @click="pviewFn(index, indexImg)"
-                v-for="(itemImg, indexImg) in item.photos"
-                :key="indexImg">
-                <img :src="itemImg.fileUrl" alt="" />
+    <div class="content">
+      <chatBIReport :title="title" :commitTime="reportTarget.commitTime"></chatBIReport>
+      <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>
+                </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.photos">
+            <div v-for="(item, index) in reportTarget.photos" :key="index">
+              <p style="margin-bottom: 10px; margin-top: 0">{{ item.taskName }}</p>
+              <van-row gutter="10" class="visitIMG1">
+                <van-col
+                  span="6"
+                  style="padding-bottom: 10px"
+                  @click="pviewFn(index, indexImg)"
+                  v-for="(itemImg, indexImg) in item.photos"
+                  :key="indexImg">
+                  <img :src="itemImg.fileUrl" alt="" />
+                </van-col>
+              </van-row>
+            </div>
+          </van-collapse-item>
+        </van-collapse>
+        <div class="contentContainer">
+          <div v-if="GZQuota">
+            <p class="contentContainerTitle">今日项目跟进数</p>
+            <div style="padding: 10px 0">
+              <van-field readonly v-model="projectFollowNum" type="digit" />
+            </div>
+            <p class="contentContainerTitle">今日TUC成功报备数量</p>
+            <div style="padding: 10px 0">
+              <van-field readonly v-model="tucReportingSuccessNum" type="digit" />
+            </div>
           </div>
-        </van-collapse-item>
-      </van-collapse>
-      <div class="contentContainer">
-        <div v-if="GZQuota">
-          <p class="contentContainerTitle">今日项目跟进数</p>
+          <!-- 今日未拜访原因 如果不为空则展示,为空则不展示 -->
+          <div v-if="reportTarget.notVisitReason && reportTarget.notVisitReason != ''">
+            <p class="contentContainerTitle">截至日报提交时间,今日拜访0家店的原因</p>
+            <div style="padding: 10px 0">
+              <van-field
+                readonly
+                v-model="reportTarget.notVisitReason"
+                rows="4"
+                autosize
+                type="textarea" />
+            </div>
+          </div>
+          <p class="contentContainerTitle">今日机会与挑战总结</p>
           <div style="padding: 10px 0">
-            <van-field readonly v-model="projectFollowNum" type="digit" />
+            <van-field v-model="Content" rows="4" autosize readonly type="textarea" />
           </div>
-          <p class="contentContainerTitle">今日TUC成功报备数量</p>
+          <p class="contentContainerTitle">明日工作规划</p>
           <div style="padding: 10px 0">
-            <van-field readonly v-model="tucReportingSuccessNum" type="digit" />
+            <van-field v-model="Content2" rows="4" autosize readonly type="textarea" />
           </div>
         </div>
-        <!-- 今日未拜访原因 如果不为空则展示,为空则不展示 -->
-        <div v-if="reportTarget.notVisitReason && reportTarget.notVisitReason != ''">
-          <p class="contentContainerTitle">截至日报提交时间,今日拜访0家店的原因</p>
-          <div style="padding: 10px 0">
-            <van-field
+        <div
+          class="contentContainer"
+          v-if="reportTarget.status > 1 || reportTarget.reportRemarks != null">
+          <p class="texttitle texttitledaily">
+            <span class="opint"></span>
+            <span v-if="reportTarget.status == 1">待审批</span>
+            <span v-if="reportTarget.status == 3">审批完成</span>
+            <span v-if="reportTarget.status == 2">退回重写</span>
+            <span v-if="reportTarget.status == -1">过期未汇报</span>
+            <span v-if="reportTarget.status > 1"><{{ ptitle }}审批></span>
+          </p>
+          <div style="padding: 10px 0" v-if="reportTarget.status > 1">
+            <van-rate
+              v-model="reportTarget.number"
+              :size="25"
               readonly
-              v-model="reportTarget.notVisitReason"
-              rows="4"
-              autosize
-              type="textarea" />
+              color="#ffd21e"
+              void-icon="star"
+              void-color="#eee" /><span class="rateText"
+              >&nbsp;&nbsp;&nbsp;&nbsp;{{ reportTarget.number }}分</span
+            >
+          </div>
+          <p class="contentContainerTitle" v-if="reportTarget.status > 1">评语</p>
+          <div style="padding: 10px 0" v-if="reportTarget.status > 1">
+            <van-field v-model="successContent" rows="4" autosize readonly type="textarea" />
           </div>
         </div>
-        <p class="contentContainerTitle">今日机会与挑战总结</p>
-        <div style="padding: 10px 0">
-          <van-field v-model="Content" rows="4" autosize readonly type="textarea" />
-        </div>
-        <p class="contentContainerTitle">明日工作规划</p>
-        <div style="padding: 10px 0">
-          <van-field v-model="Content2" rows="4" autosize readonly type="textarea" />
-        </div>
-      </div>
-      <div
-        class="contentContainer"
-        v-if="reportTarget.status > 1 || reportTarget.reportRemarks != null">
-        <p class="texttitle texttitledaily">
-          <span class="opint"></span>
-          <span v-if="reportTarget.status == 1">待审批</span>
-          <span v-if="reportTarget.status == 3">审批完成</span>
-          <span v-if="reportTarget.status == 2">退回重写</span>
-          <span v-if="reportTarget.status == -1">过期未汇报</span>
-          <span v-if="reportTarget.status > 1"><{{ ptitle }}审批></span>
-        </p>
-        <div style="padding: 10px 0" v-if="reportTarget.status > 1">
-          <van-rate
-            v-model="reportTarget.number"
-            :size="25"
-            readonly
-            color="#ffd21e"
-            void-icon="star"
-            void-color="#eee" /><span class="rateText"
-            >&nbsp;&nbsp;&nbsp;&nbsp;{{ reportTarget.number }}分</span
-          >
-        </div>
-        <p class="contentContainerTitle" v-if="reportTarget.status > 1">评语</p>
-        <div style="padding: 10px 0" v-if="reportTarget.status > 1">
-          <van-field v-model="successContent" rows="4" autosize readonly type="textarea" />
-        </div>
-      </div>
-      <div class="contentContainer" v-if="reportTarget.reportRemarks != null">
-        <div>
-          <div v-for="(item, index) in reportTarget.reportRemarks" :key="index">
-            <p class="contentContainerTitle">
-              <template v-if="item.deptName">{{ item.deptName }}-</template>{{ item.postName }}-{{
-                item.nickName
-              }}点评
-            </p>
-            <div style="padding: 10px 0">
-              <van-field v-model="item.remarkContent" rows="4" autosize readonly type="textarea" />
+        <div class="contentContainer" v-if="reportTarget.reportRemarks != null">
+          <div>
+            <div v-for="(item, index) in reportTarget.reportRemarks" :key="index">
+              <p class="contentContainerTitle">
+                <template v-if="item.deptName">{{ item.deptName }}-</template>{{ item.postName }}-{{
+                  item.nickName
+                }}点评
+              </p>
+              <div style="padding: 10px 0">
+                <van-field
+                  v-model="item.remarkContent"
+                  rows="4"
+                  autosize
+                  readonly
+                  type="textarea" />
+              </div>
             </div>
           </div>
         </div>
@@ -468,9 +490,10 @@ import ZYPlaceOrder from '@/views/componentsTarget/ZYPlaceOrder';
 import performanceSAP from '@/views/componentsTarget/performanceSAP';
 import ZYSAP from '@/views/componentsTarget/ZYSAP';
 import veryGoodPlaceOrder from '@/views/componentsTarget/veryGoodPlaceOrder';
+import chatBIReport from './chatBIReport.vue';
 
 export default {
-  name: 'daily',
+  name: 'dailyDetails',
   components: {
     visitedRealTime,
     createStoreBJ,
@@ -479,6 +502,7 @@ export default {
     performanceSAP,
     ZYSAP,
     veryGoodPlaceOrder,
+    chatBIReport,
   },
   data() {
     return {
@@ -532,6 +556,7 @@ export default {
       titlejz: '',
       saptitle: '业绩目标SAP(千元)',
       ptitle: '',
+      title: '',
       //
     };
   },
@@ -584,6 +609,8 @@ export default {
         this.GZQuota = false;
         this.YFQuota = res.data.postType == 'YF' ? true : false;
         this.ptitle = res.data.pdeptName + '-' + res.data.ppostName + '-' + res.data.pnickName;
+        this.title =
+          res.data.deptName + '-' + res.data.postName + '-' + res.data.nickName + '的日报';
         if (res.data.postType == 'JZ') {
           this.JZQuota = true;
         } else if (res.data.postType == 'GZ') {