Browse Source

Merge branch 'feature_20250513_chatBI日周报' into uat(dev)

# Conflicts:
#	src/views/week/dailyDetails.vue
zhujindu 6 months ago
parent
commit
f318f0289a
5 changed files with 617 additions and 446 deletions
  1. 9 0
      src/api/week.js
  2. BIN
      src/assets/dongcha.png
  3. BIN
      src/assets/foldBtn.png
  4. 133 0
      src/views/week/chatBIReport.vue
  5. 475 446
      src/views/week/dailyDetails.vue

+ 9 - 0
src/api/week.js

@@ -25,3 +25,12 @@ export function writeAgainCustomAnswer(data) {
     data,
   });
 }
+
+// 日报洞察分析
+export function reportAnalysis(query) {
+  return request({
+    url: '/mobile/reportMobile/reportAnalysis',
+    method: 'get',
+    params: query,
+  });
+}

BIN
src/assets/dongcha.png


BIN
src/assets/foldBtn.png


+ 133 - 0
src/views/week/chatBIReport.vue

@@ -0,0 +1,133 @@
+<template>
+  <div class="chatBIReport" :style="{ height: openMessageflag ? '' : '200px' }">
+    <div class="header">
+      <div class="reporter">{{ title }}</div>
+      <div class="commitTime">
+        <div class="label">提交时间:</div>
+        <div class="value">{{ commitTime }}</div>
+      </div>
+    </div>
+    <div class="tab">智能洞察<img :src="require('@/assets/dongcha.png')" /></div>
+    <div class="content" v-if="reportAnalysisData">
+      <p class="message" v-html="reportAnalysisData"></p>
+      <div class="foldBtn">
+        <img
+          :class="[openMessageflag ? 'openMessage-img' : '']"
+          :src="require('@/assets/foldBtn.png')"
+          @click="openMessageflag = !openMessageflag" />
+      </div>
+    </div>
+    <div class="mask" v-if="!reportAnalysisData">
+      <van-loading type="spinner" color="#1989fa" />
+    </div>
+  </div>
+</template>
+<script>
+import { reportAnalysis } from '@/api/week';
+export default {
+  props: {
+    title: {
+      type: String,
+      default: '',
+    },
+    commitTime: {
+      type: String,
+      default: '',
+    },
+    reportId: {
+      type: String,
+      default: '',
+    },
+  },
+  data() {
+    return {
+      openMessageflag: false,
+      reportAnalysisData: null,
+    };
+  },
+  created() {
+    this.getReportAnalysis();
+  },
+  methods: {
+    getReportAnalysis() {
+      reportAnalysis({ reportId: this.reportId })
+        .then((res) => {
+          if (res.code == 200) {
+            this.reportAnalysisData = res.msg || '';
+          } else {
+            this.$toast(response.msg);
+          }
+        })
+        .catch((error) => {
+          this.toastLoading().clear();
+          this.$toast(error.msg);
+        });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.chatBIReport {
+  margin: 10px;
+  overflow-y: auto;
+  position: relative;
+  .header {
+    background-color: #fff;
+    padding: 10px 16px;
+    font-size: 16px;
+    margin-bottom: 10px;
+  }
+  .commitTime {
+    display: flex;
+    align-items: center;
+    margin-top: 10px;
+  }
+  .tab {
+    background-color: #fff;
+    font-size: 18px;
+    padding: 10px 16px;
+    display: flex;
+    align-items: center;
+    color: #0057ba;
+    border-bottom: 1px solid #999;
+    img {
+      width: 20px;
+      margin-left: 5px;
+    }
+  }
+  .content {
+    background-color: #fff;
+    .message {
+      padding: 10px 16px;
+      font-size: 16px;
+      white-space: pre-wrap;
+      line-height: 24px;
+      background-color: #fff;
+      margin-top: 0;
+    }
+    .foldBtn {
+      position: sticky;
+      bottom: 0px;
+      text-align: right;
+      margin-right: 10px;
+      img {
+        width: 25px;
+        transform: rotate(180deg);
+      }
+      .openMessage-img {
+        transform: rotate(0deg);
+      }
+    }
+  }
+  .mask {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    background: rgba(255, 255, 255, 0.8);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+}
+</style>

+ 475 - 446
src/views/week/dailyDetails.vue

@@ -20,465 +20,489 @@
       <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"
+          :reportId="$route.query.reportId"></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>
+            <!-- 今日未拜访原因 如果不为空则展示,为空则不展示 -->
+            <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>
-          </van-collapse-item>
-        </van-collapse>
-        <div class="contentContainer">
-          <div v-if="GZQuota">
-            <p class="contentContainerTitle">今日项目跟进数</p>
+            <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">
-              <div class="contentContainerTitle redisplay">
-                <div class="nameTitle">
+          <div class="contentContainer" v-if="reportTarget.reportRemarks != null">
+            <div>
+              <div v-for="(item, index) in reportTarget.reportRemarks" :key="index">
+                <div class="contentContainerTitle redisplay">
+                  <div class="nameTitle">
+                    <template v-if="item.deptName">{{ item.deptName }}-</template
+                    >{{ item.postName }}-{{ item.nickName }}点评
+                  </div>
+                  <div
+                    class="shareBtn"
+                    @click="clickShareFlag(index)"
+                    v-if="reportTarget && source != 'share' && reportTarget.reportPostType == 'fx'">
+                    <van-icon name="share" />
+                  </div>
+                </div>
+                <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
-                  class="shareBtn"
-                  @click="clickShareFlag(index)"
-                  v-if="reportTarget && source != 'share' && reportTarget.reportPostType == 'fx'">
-                  <van-icon name="share" />
-                </div>
-              </div>
-              <div style="padding: 10px 0">
-                <van-field
-                  v-model="item.remarkContent"
-                  rows="4"
-                  autosize
-                  readonly
-                  type="textarea" />
               </div>
             </div>
           </div>
@@ -557,9 +581,10 @@ import performanceSAP from '@/views/componentsTarget/performanceSAP';
 import ZYSAP from '@/views/componentsTarget/ZYSAP';
 import veryGoodPlaceOrder from '@/views/componentsTarget/veryGoodPlaceOrder';
 import share from '@/components/share';
+import chatBIReport from './chatBIReport.vue';
 
 export default {
-  name: 'daily',
+  name: 'dailyDetails',
   components: {
     visitedRealTime,
     createStoreBJ,
@@ -569,6 +594,7 @@ export default {
     ZYSAP,
     veryGoodPlaceOrder,
     share,
+    chatBIReport,
   },
   data() {
     return {
@@ -627,6 +653,7 @@ export default {
       reportRemarksIndex: -1,
       shareImgFlag: false,
       urlList: [],
+      title: '',
       //
     };
   },
@@ -710,6 +737,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') {