Merge branch 'feature_20250331_日报分享' into uat(dev)

# Conflicts:
#	src/api/index.js

src/api/index.js

@@ -979,3 +979,12 @@ export function getMaterialHistory(query) {
     params: query,
   });
 }
+
+// 根据日报id查询汇报当天拜访照片base64格式
+export function getReportImg(query) {
+  return request({
+    url: '/mobile/reportMobile/getReportImg',
+    method: 'get',
+    params: query,
+  });
+}

src/components/share.vue

@@ -30,7 +30,7 @@
         </template>
         <div class="text">今日拜访照片</div>
         <div class="content-photos">
-          <template v-for="item in reportTarget.photos">
+          <template v-for="item in photosData">
             <template v-for="item1 in item.photos">
               <img
                 :src="'data:image/jpg;base64,' + item1.base64Url"
@@ -42,7 +42,7 @@
           </template>
           <!-- <template v-for="item in photosData">
             <img
-              :src="item"
+              :src="'data:image/jpg;base64,' + item"
               crossorigin="anonymous"
               referrerpolicy="no-referrer"
               alt=""
@@ -62,14 +62,17 @@
         </div>
       </div>
     </div>
-    <div id="html2canvas" ref="html2canvas">
-      <img :src="canvasImageUrl" />
+    <div class="html2canvasBox">
+      <div id="html2canvas" ref="html2canvas">
+        <img :src="canvasImageUrl" />
+      </div>
     </div>
   </div>
 </template>
 <script>
 import html2canvas from 'html2canvas';
 import QRCode from 'qrcodejs2';
+import { getReportImg } from '@/api/index';
 export default {
   name: 'share',
   props: {
@@ -94,6 +97,14 @@ export default {
   mounted() {
     // 二维码
     this.creatQrCode();
+    getReportImg({ reportId: this.reportId }).then((res) => {
+      if (res.data) {
+        this.photosData = res.data;
+        this.$nextTick(async () => {
+          await this.htmlToCanvas();
+        });
+      }
+    });
     // this.toastLoading(0, '生成中...', true);
     // 使用Promise.all确保所有图片加载完成
     // const photos = this.reportTarget.photos;
@@ -178,12 +189,12 @@ export default {
         logging: true,
         allowTaint: false,
         backgroundColor: null,
-        imageTimeout: 30000,
       })
         .then((canvas) => {
           this.toastLoading().clear();
           let imageUrl = canvas.toDataURL('image/png');
           this.canvasImageUrl = imageUrl;
+          this.$emit('setShareImg', true);
         })
         .catch((error) => {
           this.toastLoading().clear();
@@ -200,11 +211,8 @@ export default {
         colorDark: '#000000',
         colorLight: '#ffffff',
         correctLevel: QRCode.CorrectLevel.H,
-        width: 45,
-        height: 45,
-      });
-      this.$nextTick(async () => {
-        await this.htmlToCanvas();
+        width: 50,
+        height: 50,
       });
     },
   },
@@ -214,11 +222,11 @@ export default {
 .share {
   width: 100%;
   height: 100%;
-  overflow: hidden;
+  // overflow: hidden;
   position: fixed;
   top: 0;
-  z-index: 11;
-  // overflow-y: auto;
+  // z-index: -1;
+  overflow-y: auto;
 
   .share-content {
     background: url('../assets/shareBack.png') no-repeat center center;
@@ -342,17 +350,22 @@ export default {
       }
     }
   }
-
-  #html2canvas {
+  .html2canvasBox {
     width: 100%;
     height: 100%;
-    position: absolute;
-    top: 0;
-    z-index: 9;
+    overflow: hidden;
+    // position: absolute;
+    // top: 0;
+    // z-index: 9;
+  }
+  #html2canvas {
+    width: 100%;
+    height: 50%;
     overflow-y: auto;
 
     img {
       width: 100%;
+      height: auto;
     }
   }
 }

src/views/week/dailyApproval.vue

@@ -1,466 +1,488 @@
 <template>
   <div class="dailyApproval">
-    <!--        顶部条-->
-    <div class="navBarTOP">
-      <van-nav-bar class="navBar" title="日报审批" left-arrow @click-left="onClickLeft">
-        <template #right>
-          <div class="shareBtn" @click="isShare = true">
-            <van-icon name="share" />
-          </div>
-        </template>
-      </van-nav-bar>
-    </div>
-    <div class="lineGrey"></div>
-    <div class="lineGrey"></div>
-    <div class="lineGrey"></div>
-    <div class="lineGrey"></div>
-    <div style="height: 4px"></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 name="17" v-if="!JZQuota && !GZQuota" title="超好贴分销店下单">
-          <veryGoodPlaceOrder :reportTargetAll="reportTargetAll"></veryGoodPlaceOrder>
-        </van-collapse-item>
-        <van-collapse-item v-if="GZQuota" name="43" title="纯态之家SAP(千元)">
-          <van-row style="margin-top: -10px">
-            <van-col span="12"><span class="leftTitle">本月</span></van-col
-            ><van-col span="12"><span class="rightTitle">本季</span></van-col>
-            <van-col span="12"
-              ><p>
-                业绩实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzCtzjMonthAct)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                业绩实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzCtzjQuarterAct)
-                }}</span>
-              </p></van-col
-            >
-            <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzCtzjMonthSuccessRate) }}%</span></p></van-col>-->
-            <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzCtzjQuarterSuccessRate) }}%</span></p></van-col>-->
-            <van-col span="12"
-              ><p>
-                业绩成长率:<span class="colorbalck"
-                  >{{ reportTargetAll.gzCtzjMonthGrowRate }}%</span
-                >
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                业绩成长率:<span class="colorbalck"
-                  >{{ reportTargetAll.gzCtzjQuarterGrowRate }}%</span
-                >
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="GZQuota" name="42" title="商机关联的质感外墙业绩SAP(千元)">
-          <van-row style="margin-top: -10px">
-            <van-col span="12"><span class="leftTitle">本月</span></van-col
-            ><van-col span="12"><span class="rightTitle">本季</span></van-col>
-            <van-col span="12"
-              ><p>
-                业绩实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzZgwqMonthAct)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                业绩实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzZgwqQuarterAct)
-                }}</span>
-              </p></van-col
-            >
-            <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzZgwqMonthSuccessRate) }}%</span></p></van-col>-->
-            <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzZgwqQuarterSuccessRate) }}%</span></p></van-col>-->
-            <van-col span="12"
-              ><p>
-                业绩成长率:<span class="colorbalck"
-                  >{{ reportTargetAll.gzZgwqMonthGrowRate }}%</span
-                >
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                业绩成长率:<span class="colorbalck"
-                  >{{ reportTargetAll.gzZgwqQuarterGrowRate }}%</span
-                >
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="GZQuota" name="41" title="公装客户开发">
-          <van-row>
-            <!--            <van-col span="12"><span class="leftTitle">全年开户</span></van-col><van-col span="12"><span class="rightTitle">本月报备</span></van-col>-->
-            <van-col span="12"
-              ><p>
-                全年实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzKhljYearAct)
-                }}</span>
-              </p></van-col
-            >
-            <!--            <van-col span="12" ><p>报备成功数:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzBbMonthSuccessNum) }}</span></p></van-col>-->
-            <!--            <van-col span="12"><p>&nbsp;</p></van-col>-->
-            <van-col span="12"
-              ><p>
-                全年目标:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzKhljYearTarget)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"><p>&nbsp;</p></van-col>
-            <van-col span="12"
-              ><p>
-                目标达成率:<span class="colorbalck"
-                  >{{ Micrometer(reportTargetAll.gzKhljSuccessRate) }}%</span
-                >
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="GZQuota" name="40" title="今日拜访">
-          <van-row>
-            <van-col span="12"
-              ><p>
-                公装客户数:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzVisitCustomerNum)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                工地数:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzVisitGdNum)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                潜在客户数:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.gzVisitQzCustomerNum)
-                }}</span>
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="!JZQuota && !GZQuota" name="11" title="专业时时丽SAP(千元)">
-          <ZYSAP :reportTargetAll="reportTargetAll"></ZYSAP>
-        </van-collapse-item>
-        <van-collapse-item v-if="!JZQuota && !GZQuota" name="29" title="瓷砖胶SAP(千元)">
-          <van-row>
-            <van-col span="12"><span class="leftTitle">本月业绩</span></van-col
-            ><van-col span="12"><span class="rightTitle">本季业绩</span></van-col>
-            <van-col span="12"
-              ><p>
-                实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.czjSapMonthAct)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                实际:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.czjSapQuarterAct)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                达成率:<span class="colorbalck">{{ reportTargetAll.czjSapMonthSuccessRate }}%</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                达成率:<span class="colorbalck"
-                  >{{ reportTargetAll.czjSapQuarterSuccessRate }}%</span
-                >
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                成长率:<span class="colorbalck">{{ reportTargetAll.czjSapMonthGrowRate }}%</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                成长率:<span class="colorbalck">{{ reportTargetAll.czjSapQuarterGrowRate }}%</span>
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="JZQuota" name="23" title="展厅上样">
-          <van-row>
-            <van-col span="24"
-              ><p>
-                当月新增店数:<span class="colorbalck">{{
-                  reportTargetAll.exhibitionHallMonthAct
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                全年实际店数:<span class="colorbalck"
-                  >{{ Micrometer(reportTargetAll.exhibitionHallYearAct) }}%</span
-                >
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                全年达成进度率:<span class="colorbalck"
-                  >{{ reportTargetAll.exhibitionHallYearRate }}%</span
-                >
-              </p></van-col
-            >
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="JZQuota" name="22" title="基材粉料过账(千元)">
-          <van-row>
-            <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
-            <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
-            <van-col span="12"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerMonth }}</span>
-              </p>
-            </van-col>
-            <van-col span="12"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerQuarter }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单数(包):<span class="colorbalck">{{ reportTargetAll.jcPostOrderNumMonth }}</span>
-              </p>
-            </van-col>
-            <van-col span="12"
-              ><p>
-                下单数(包):<span class="colorbalck">{{
-                  reportTargetAll.jcPostOrderNumQuarter
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.jcPostOrderPriceMonth)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.jcPostOrderPriceQuarter)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateMonth }}%</span>
-              </p>
-            </van-col>
-            <van-col span="12"
-              ><p>
-                下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateQuarter }}%</span>
-              </p></van-col
-            >
-            <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
-            <van-col span="24"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerYear }}</span>
-              </p>
-            </van-col>
-            <van-col span="24"
-              ><p>
-                下单数(包):<span class="colorbalck">{{ reportTargetAll.jcPostOrderNumYear }}</span>
-              </p>
-            </van-col>
-            <van-col span="24"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.jcPostOrderPriceYear)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="24"
-              ><p>
-                下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateYear }}%</span>
-              </p>
-            </van-col>
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item v-if="JZQuota" name="21" title="魔术漆过账(千元)">
-          <van-row>
-            <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
-            <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
-            <van-col span="12"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerMonth }}</span>
-              </p>
-            </van-col>
-            <van-col span="12"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerQuarter }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.msqPostOrderPriceMonth)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.msqPostOrderPriceQuarter)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="12"
-              ><p>
-                下单率:<span class="colorbalck">{{ reportTargetAll.msqPostOrderRateMonth }}%</span>
-              </p>
-            </van-col>
-            <van-col span="12"
-              ><p>
-                下单率:<span class="colorbalck"
-                  >{{ reportTargetAll.msqPostOrderRateQuarter }}%</span
-                >
-              </p></van-col
-            >
-            <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
-            <van-col span="24"
-              ><p>
-                客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerYear }}</span>
-              </p>
-            </van-col>
-            <van-col span="24"
-              ><p>
-                下单销售额:<span class="colorbalck">{{
-                  Micrometer(reportTargetAll.msqPostOrderPriceYear)
-                }}</span>
-              </p></van-col
-            >
-            <van-col span="24"
-              ><p>
-                下单率:<span class="colorbalck">{{ reportTargetAll.msqPostOrderRateYear }}%</span>
-              </p>
-            </van-col>
-          </van-row>
-        </van-collapse-item>
-        <van-collapse-item title="今日拜访照片" name="10" v-if="reportTarget.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, item)"
-                v-for="(itemImg, indexImg) in item.photos"
-                :key="indexImg">
-                <img :src="itemImg.fileUrl" alt="" />
+    <template v-if="!setShareFlag">
+      <!--        顶部条-->
+      <div class="navBarTOP">
+        <van-nav-bar class="navBar" title="日报审批" left-arrow @click-left="onClickLeft">
+          <template #right>
+            <div class="shareBtn" @click="isShare = true">
+              <van-icon name="share" />
+            </div>
+          </template>
+        </van-nav-bar>
+      </div>
+      <div class="lineGrey"></div>
+      <div class="lineGrey"></div>
+      <div class="lineGrey"></div>
+      <div class="lineGrey"></div>
+      <div style="height: 4px"></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 name="17" v-if="!JZQuota && !GZQuota" title="超好贴分销店下单">
+            <veryGoodPlaceOrder :reportTargetAll="reportTargetAll"></veryGoodPlaceOrder>
+          </van-collapse-item>
+          <van-collapse-item v-if="GZQuota" name="43" title="纯态之家SAP(千元)">
+            <van-row style="margin-top: -10px">
+              <van-col span="12"><span class="leftTitle">本月</span></van-col
+              ><van-col span="12"><span class="rightTitle">本季</span></van-col>
+              <van-col span="12"
+                ><p>
+                  业绩实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzCtzjMonthAct)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  业绩实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzCtzjQuarterAct)
+                  }}</span>
+                </p></van-col
+              >
+              <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzCtzjMonthSuccessRate) }}%</span></p></van-col>-->
+              <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzCtzjQuarterSuccessRate) }}%</span></p></van-col>-->
+              <van-col span="12"
+                ><p>
+                  业绩成长率:<span class="colorbalck"
+                    >{{ reportTargetAll.gzCtzjMonthGrowRate }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  业绩成长率:<span class="colorbalck"
+                    >{{ reportTargetAll.gzCtzjQuarterGrowRate }}%</span
+                  >
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="GZQuota" name="42" title="商机关联的质感外墙业绩SAP(千元)">
+            <van-row style="margin-top: -10px">
+              <van-col span="12"><span class="leftTitle">本月</span></van-col
+              ><van-col span="12"><span class="rightTitle">本季</span></van-col>
+              <van-col span="12"
+                ><p>
+                  业绩实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzZgwqMonthAct)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  业绩实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzZgwqQuarterAct)
+                  }}</span>
+                </p></van-col
+              >
+              <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzZgwqMonthSuccessRate) }}%</span></p></van-col>-->
+              <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzZgwqQuarterSuccessRate) }}%</span></p></van-col>-->
+              <van-col span="12"
+                ><p>
+                  业绩成长率:<span class="colorbalck"
+                    >{{ reportTargetAll.gzZgwqMonthGrowRate }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  业绩成长率:<span class="colorbalck"
+                    >{{ reportTargetAll.gzZgwqQuarterGrowRate }}%</span
+                  >
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="GZQuota" name="41" title="公装客户开发">
+            <van-row>
+              <!--            <van-col span="12"><span class="leftTitle">全年开户</span></van-col><van-col span="12"><span class="rightTitle">本月报备</span></van-col>-->
+              <van-col span="12"
+                ><p>
+                  全年实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzKhljYearAct)
+                  }}</span>
+                </p></van-col
+              >
+              <!--            <van-col span="12" ><p>报备成功数:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzBbMonthSuccessNum) }}</span></p></van-col>-->
+              <!--            <van-col span="12"><p>&nbsp;</p></van-col>-->
+              <van-col span="12"
+                ><p>
+                  全年目标:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzKhljYearTarget)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"><p>&nbsp;</p></van-col>
+              <van-col span="12"
+                ><p>
+                  目标达成率:<span class="colorbalck"
+                    >{{ Micrometer(reportTargetAll.gzKhljSuccessRate) }}%</span
+                  >
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="GZQuota" name="40" title="今日拜访">
+            <van-row>
+              <van-col span="12"
+                ><p>
+                  公装客户数:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzVisitCustomerNum)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  工地数:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzVisitGdNum)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  潜在客户数:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.gzVisitQzCustomerNum)
+                  }}</span>
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="!JZQuota && !GZQuota" name="11" title="专业时时丽SAP(千元)">
+            <ZYSAP :reportTargetAll="reportTargetAll"></ZYSAP>
+          </van-collapse-item>
+          <van-collapse-item v-if="!JZQuota && !GZQuota" name="29" title="瓷砖胶SAP(千元)">
+            <van-row>
+              <van-col span="12"><span class="leftTitle">本月业绩</span></van-col
+              ><van-col span="12"><span class="rightTitle">本季业绩</span></van-col>
+              <van-col span="12"
+                ><p>
+                  实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.czjSapMonthAct)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  实际:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.czjSapQuarterAct)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  达成率:<span class="colorbalck"
+                    >{{ reportTargetAll.czjSapMonthSuccessRate }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  达成率:<span class="colorbalck"
+                    >{{ reportTargetAll.czjSapQuarterSuccessRate }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  成长率:<span class="colorbalck">{{ reportTargetAll.czjSapMonthGrowRate }}%</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  成长率:<span class="colorbalck"
+                    >{{ reportTargetAll.czjSapQuarterGrowRate }}%</span
+                  >
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="JZQuota" name="23" title="展厅上样">
+            <van-row>
+              <van-col span="24"
+                ><p>
+                  当月新增店数:<span class="colorbalck">{{
+                    reportTargetAll.exhibitionHallMonthAct
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  全年实际店数:<span class="colorbalck"
+                    >{{ Micrometer(reportTargetAll.exhibitionHallYearAct) }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  全年达成进度率:<span class="colorbalck"
+                    >{{ reportTargetAll.exhibitionHallYearRate }}%</span
+                  >
+                </p></van-col
+              >
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="JZQuota" name="22" title="基材粉料过账(千元)">
+            <van-row>
+              <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
+              <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
+              <van-col span="12"
+                ><p>
+                  客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerMonth }}</span>
+                </p>
+              </van-col>
+              <van-col span="12"
+                ><p>
+                  客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerQuarter }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单数(包):<span class="colorbalck">{{
+                    reportTargetAll.jcPostOrderNumMonth
+                  }}</span>
+                </p>
+              </van-col>
+              <van-col span="12"
+                ><p>
+                  下单数(包):<span class="colorbalck">{{
+                    reportTargetAll.jcPostOrderNumQuarter
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.jcPostOrderPriceMonth)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.jcPostOrderPriceQuarter)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateMonth }}%</span>
+                </p>
+              </van-col>
+              <van-col span="12"
+                ><p>
+                  下单率:<span class="colorbalck"
+                    >{{ reportTargetAll.jcPostOrderRateQuarter }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
+              <van-col span="24"
+                ><p>
+                  客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerYear }}</span>
+                </p>
+              </van-col>
+              <van-col span="24"
+                ><p>
+                  下单数(包):<span class="colorbalck">{{
+                    reportTargetAll.jcPostOrderNumYear
+                  }}</span>
+                </p>
+              </van-col>
+              <van-col span="24"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.jcPostOrderPriceYear)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="24"
+                ><p>
+                  下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateYear }}%</span>
+                </p>
               </van-col>
             </van-row>
+          </van-collapse-item>
+          <van-collapse-item v-if="JZQuota" name="21" title="魔术漆过账(千元)">
+            <van-row>
+              <van-col span="12"><span class="leftTitle">本月实际</span></van-col>
+              <van-col span="12"><span class="rightTitle">本季实际</span></van-col>
+              <van-col span="12"
+                ><p>
+                  客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerMonth }}</span>
+                </p>
+              </van-col>
+              <van-col span="12"
+                ><p>
+                  客户数:<span class="colorbalck">{{
+                    reportTargetAll.msqPostCustomerQuarter
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.msqPostOrderPriceMonth)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.msqPostOrderPriceQuarter)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="12"
+                ><p>
+                  下单率:<span class="colorbalck"
+                    >{{ reportTargetAll.msqPostOrderRateMonth }}%</span
+                  >
+                </p>
+              </van-col>
+              <van-col span="12"
+                ><p>
+                  下单率:<span class="colorbalck"
+                    >{{ reportTargetAll.msqPostOrderRateQuarter }}%</span
+                  >
+                </p></van-col
+              >
+              <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
+              <van-col span="24"
+                ><p>
+                  客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerYear }}</span>
+                </p>
+              </van-col>
+              <van-col span="24"
+                ><p>
+                  下单销售额:<span class="colorbalck">{{
+                    Micrometer(reportTargetAll.msqPostOrderPriceYear)
+                  }}</span>
+                </p></van-col
+              >
+              <van-col span="24"
+                ><p>
+                  下单率:<span class="colorbalck">{{ reportTargetAll.msqPostOrderRateYear }}%</span>
+                </p>
+              </van-col>
+            </van-row>
+          </van-collapse-item>
+          <van-collapse-item title="今日拜访照片" name="10" v-if="reportTarget.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, item)"
+                  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>
+          <p class="contentContainerTitle">今日机会与挑战总结</p>
+          <div style="padding: 10px 0">
+            <van-field v-model="Contents" rows="4" autosize readonly type="textarea" />
           </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="Content2" rows="4" autosize readonly type="textarea" />
           </div>
-          <p class="contentContainerTitle">今日TUC成功报备数量</p>
+        </div>
+        <div class="contentContainer">
+          <p class="contentContainerTitle">打分 <span>请点亮小星星，一颗小星星代表1分</span></p>
           <div style="padding: 10px 0">
-            <van-field readonly v-model="tucReportingSuccessNum" type="digit" />
+            <van-rate
+              v-model="number"
+              :size="25"
+              color="#ffd21e"
+              void-icon="star"
+              void-color="#eee" /><span class="rateText"
+              >&nbsp;&nbsp;&nbsp;&nbsp;{{ number }}分</span
+            >
           </div>
         </div>
-        <!-- 今日未拜访原因 如果不为空则展示，为空则不展示 -->
-        <div v-if="reportTarget.notVisitReason && reportTarget.notVisitReason != ''">
-          <p class="contentContainerTitle">截至日报提交时间，今日拜访0家店的原因</p>
+        <div class="contentContainer">
+          <p class="contentContainerTitle">评语</p>
           <div style="padding: 10px 0">
             <van-field
-              readonly
-              v-model="reportTarget.notVisitReason"
+              v-model="Content"
               rows="4"
               autosize
+              maxlength="800"
+              show-word-limit
+              :formatter="formatter"
               type="textarea" />
           </div>
         </div>
-        <p class="contentContainerTitle">今日机会与挑战总结</p>
-        <div style="padding: 10px 0">
-          <van-field v-model="Contents" 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">
-        <p class="contentContainerTitle">打分 <span>请点亮小星星，一颗小星星代表1分</span></p>
-        <div style="padding: 10px 0">
-          <van-rate
-            v-model="number"
-            :size="25"
-            color="#ffd21e"
-            void-icon="star"
-            void-color="#eee" /><span class="rateText">&nbsp;&nbsp;&nbsp;&nbsp;{{ number }}分</span>
-        </div>
-      </div>
-      <div class="contentContainer">
-        <p class="contentContainerTitle">评语</p>
-        <div style="padding: 10px 0">
-          <van-field
-            v-model="Content"
-            rows="4"
-            autosize
-            maxlength="800"
-            show-word-limit
-            :formatter="formatter"
-            type="textarea" />
-        </div>
+        <br />
+        <br />
+        <van-row>
+          <van-col span="12">
+            <van-button type="info" size="small" plain class="Btn" @click="submit"
+              >确认审批</van-button
+            >
+          </van-col>
+          <van-col span="12">
+            <van-button type="info" size="small" plain class="BtnBorder" @click="reject"
+              >退回重写</van-button
+            >
+          </van-col>
+        </van-row>
       </div>
       <br />
       <br />
-      <van-row>
-        <van-col span="12">
-          <van-button type="info" size="small" plain class="Btn" @click="submit"
-            >确认审批</van-button
-          >
-        </van-col>
-        <van-col span="12">
-          <van-button type="info" size="small" plain class="BtnBorder" @click="reject"
-            >退回重写</van-button
-          >
-        </van-col>
-      </van-row>
-    </div>
-    <br />
-    <br />
-    <share v-if="isShare" :reportTarget="reportTarget" :reportId="$route.query.reportId"></share>
+    </template>
+    <share
+      v-if="isShare"
+      :reportTarget="reportTarget"
+      :reportId="$route.query.reportId"
+      @setShareImg="setShareImg"></share>
   </div>
 </template>
 
@@ -547,6 +569,7 @@ export default {
       YFQuota: false,
       titlejz: '',
       isShare: false,
+      setShareFlag: false,
       //
     };
   },
@@ -565,6 +588,9 @@ export default {
     },
   },
   methods: {
+    setShareImg(flag) {
+      this.setShareFlag = flag;
+    },
     buryingPoint(val) {
       buryingPoint(val);
     },
@@ -795,6 +821,10 @@ export default {
 }
 .dailyApproval {
   position: relative;
+  background: #fff;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
   .shareBtn {
     width: 22px;
     height: 22px;