日报分享

src/components/share.vue

@@ -9,6 +9,21 @@
           <img :src="require('@/assets/shareRight.png')" />
         </div>
       </div>
+      <!-- 点评 -->
+      <template v-for="item in reportTarget.reportRemarks">
+        <div class="comment summaryDay">
+          <div class="title-box">
+            <div class="title">
+              <div class="name">{{ item.nickName }}点评</div>
+              <div class="date">
+                {{ item.createTime ? formatChineseDate(item.createTime.split(' ')[0]) : '' }}
+              </div>
+            </div>
+          </div>
+          <div class="commentMessage">{{ item.remarkContent }}</div>
+        </div>
+      </template>
+      <!-- 内容 -->
       <div class="summaryDay">
         <div class="title-box">
           <div class="title">
@@ -25,7 +40,7 @@
         <template
           v-for="(item, index) in reportTarget.reportContents"
           v-if="reportTarget.reportContents && reportTarget.reportContents.length > 0">
-          <div :class="['text', 'text' + index]">{{ filterText(index) }}</div>
+          <div :class="['text']">{{ filterText(index) }}</div>
           <div class="content">{{ item.dayContent }}</div>
         </template>
         <div class="text">今日拜访照片</div>
@@ -111,33 +126,6 @@ export default {
         });
       }
     });
-    // 使用Promise.all确保所有图片加载完成
-    // const photos = this.reportTarget.photos;
-    // const photoPromises = [];
-
-    // // 收集所有图片转换的Promise
-    // photos.forEach((item) => {
-    //   item.photos.forEach((photo) => {
-    //     photoPromises.push(this.imageUrlToBase64(photo.fileUrl));
-    //   });
-    // });
-
-    // // 等待所有图片加载完成
-    // Promise.all(photoPromises)
-    //   .then((photosArr) => {
-    //     this.photosData = photosArr;
-    //     this.$nextTick(async () => {
-    //       // await this.htmlToCanvas();
-    //     });
-    //   })
-    //   .catch((error) => {
-    //     console.error('图片加载失败:', error);
-    //     this.$toast('图片加载失败，请检查网络');
-    //   });
-    // console.log(photos);
-
-    // 优化touch事件处理
-    this.setupTouchHandlers();
   },
   methods: {
     //异步执行
@@ -145,20 +133,15 @@ export default {
       return new Promise((resolve, reject) => {
         //一定要设置为let，不然图片不显示
         let image = new Image();
-
         //解决跨域问题
         image.setAttribute('crossOrigin', 'anonymous');
-
         image.src = imageUrl;
-
-        //image.onload为异步加载
         image.onload = () => {
           var canvas = document.createElement('canvas');
           canvas.width = image.width;
           canvas.height = image.height;
           var context = canvas.getContext('2d');
           context.drawImage(image, 0, 0, image.width, image.height);
-
           var quality = 1;
           //这里的dataurl就是base64类型
           let dataURL = canvas.toDataURL('image/png', quality); //使用toDataUrl将图片转换成jpeg的格式,不要把图片压缩成png，因为压缩成png后base64的字符串可能比不转换前的长！
@@ -219,9 +202,6 @@ export default {
               scrollContainer.style.overscrollBehavior = 'contain';
               scrollContainer.style.touchAction = 'pan-y';
             });
-
-            // 重新绑定触摸事件
-            this.setupTouchHandlers();
           };
           img.src = imageUrl;
 
@@ -234,11 +214,9 @@ export default {
         });
     },
     creatQrCode() {
-      let devText = 'https://suishenbangtest.nipponpaint.com.cn/homeIndex';
-      let proText = 'https://suishenbang.nipponpaint.com.cn/homeIndex';
-      let text = process.env.NODE_ENV == 'development' ? devText : proText;
+      // let proText = 'https://suishenbang.nipponpaint.com.cn';
       var qrcode = new QRCode(this.$refs.QRcodes, {
-        text: text + '?reportId=' + this.reportId || '', // 需要转换为二维码的内容
+        text: process.env.VUE_APP_SSB_LINK + '/homeIndex?reportId=' + this.reportId || '', // 需要转换为二维码的内容
         colorDark: '#000000',
         colorLight: '#ffffff',
         correctLevel: QRCode.CorrectLevel.H,
@@ -258,20 +236,14 @@ export default {
   width: 100%;
   height: 100%;
   overflow: hidden;
-  // position: fixed;
-  // top: 0;
-  // z-index: -1;
-  // overflow-y: auto;
 
   .share-content {
     background: url('../assets/shareBack.png') no-repeat center center;
     background-size: cover;
     background-attachment: local;
     width: 100%;
-    // height: 100%;
     padding: vw(30);
     position: absolute;
-    // z-index: -1;
     padding-bottom: vw(190);
     top: 0;
     z-index: -1;
@@ -297,24 +269,32 @@ export default {
     }
   }
   .title-box {
+    position: relative;
+    width: 100%;
+    height: auto;
     display: flex;
     justify-content: center;
     align-items: center;
-    position: absolute;
     top: -6px;
-    left: 50%;
-    margin-left: vw(-169);
     .title {
+      // width: vw(262);
+      // height: vw(115);
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
       color: #600d0e;
-      font-size: vw(36);
       font-weight: bold;
-      // margin-top: vw(81);
-      //   width: vw(338);
-      //   height: vw(115);
       text-align: center;
       background: url('../assets/titleBack.png') no-repeat;
       background-size: 100% 100%;
       padding: vw(20) vw(30);
+      .name {
+        font-size: vw(36);
+      }
+      .date {
+        font-size: vw(28);
+      }
     }
   }
 
@@ -325,6 +305,7 @@ export default {
     position: relative;
     margin-top: vw(55);
     border-radius: 0 0 vw(35) vw(35);
+    padding-top: 0;
     .text {
       background: url('../assets/textBack.png') no-repeat;
       width: 100%;
@@ -339,9 +320,6 @@ export default {
       margin: vw(35) 0;
       font-weight: bold;
     }
-    .text0 {
-      margin-top: vw(152);
-    }
 
     .content {
       font-size: vw(28);
@@ -365,6 +343,20 @@ export default {
       }
     }
   }
+  .comment {
+    .title {
+      background: url('../assets/comment.png') no-repeat;
+      background-size: 100% 100%;
+      color: #e6cd78;
+    }
+    .commentMessage {
+      padding: vw(60) 0;
+      font-family: PingFang-SC-Medium;
+      font-size: vw(28);
+      font-weight: bold;
+      color: #ffffff;
+    }
+  }
 
   .footerShare {
     display: flex;
@@ -433,19 +425,19 @@ export default {
 <style lang="scss">
 .share {
   .QRcodes {
-    width: vw(87);
-    height: vw(87);
+    width: vw(100);
+    height: vw(100);
     margin-right: vw(12.5);
     position: relative;
     .logo {
       position: absolute;
-      top: vw(43);
-      left: vw(43);
-      margin: vw(-15) 0 0 vw(-15);
+      top: vw(50);
+      left: vw(50);
+      margin: vw(-20) 0 0 vw(-20);
       z-index: 3;
       img {
-        width: vw(30);
-        height: vw(30);
+        width: vw(40);
+        height: vw(40);
       }
     }
 

src/views/week/dailyApproval.vue

@@ -1,488 +1,459 @@
 <template>
   <div class="dailyApproval">
-    <template v-if="!setShareFlag">
-      <!--        顶部条-->
-      <div class="navBarTOP">
-        <van-nav-bar class="navBar" title="日报审批" left-arrow @click-left="onClickLeft">
-          <template #right>
-            <div class="shareBtn" @click="setShareFlag = 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>
+    <!--        顶部条-->
+    <div class="navBarTOP">
+      <van-nav-bar class="navBar" title="日报审批" left-arrow @click-left="onClickLeft" />
+    </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>
-          </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>
-          <p class="contentContainerTitle">明日工作规划</p>
+        </van-collapse-item>
+      </van-collapse>
+      <div class="contentContainer">
+        <div v-if="GZQuota">
+          <p class="contentContainerTitle">今日项目跟进数</p>
           <div style="padding: 10px 0">
-            <van-field v-model="Content2" rows="4" autosize readonly type="textarea" />
+            <van-field readonly v-model="projectFollowNum" type="digit" />
           </div>
-        </div>
-        <div class="contentContainer">
-          <p class="contentContainerTitle">打分 <span>请点亮小星星，一颗小星星代表1分</span></p>
+          <p class="contentContainerTitle">今日TUC成功报备数量</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
-            >
+            <van-field readonly v-model="tucReportingSuccessNum" type="digit" />
           </div>
         </div>
-        <div class="contentContainer">
-          <p class="contentContainerTitle">评语</p>
+        <!-- 今日未拜访原因 如果不为空则展示，为空则不展示 -->
+        <div v-if="reportTarget.notVisitReason && reportTarget.notVisitReason != ''">
+          <p class="contentContainerTitle">截至日报提交时间，今日拜访0家店的原因</p>
           <div style="padding: 10px 0">
             <van-field
-              v-model="Content"
+              readonly
+              v-model="reportTarget.notVisitReason"
               rows="4"
               autosize
-              maxlength="800"
-              show-word-limit
-              :formatter="formatter"
               type="textarea" />
           </div>
         </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>
+        <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>
       </div>
       <br />
       <br />
-    </template>
-    <share
-      v-if="setShareFlag"
-      :reportTarget="reportTarget"
-      :reportId="$route.query.reportId"
-      @setShareImg="setShareImg"></share>
+      <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 />
   </div>
 </template>
 
@@ -503,7 +474,6 @@ 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 share from '@/components/share';
 export default {
   name: 'daily',
   components: {
@@ -514,7 +484,6 @@ export default {
     performanceSAP,
     ZYSAP,
     veryGoodPlaceOrder,
-    share,
   },
   data() {
     return {
@@ -568,15 +537,12 @@ export default {
       GZQuota: false,
       YFQuota: false,
       titlejz: '',
-      // isShare: false,
-      setShareFlag: false,
       //
     };
   },
   created() {
     this.powerGrade = localStorage.getItem('powerGrade');
     this.getDetailById();
-    this.setShareFlag = false;
   },
   watch: {
     $route(to, from) {
@@ -589,9 +555,6 @@ export default {
     },
   },
   methods: {
-    setShareImg(flag) {
-      this.setShareFlag = flag;
-    },
     buryingPoint(val) {
       buryingPoint(val);
     },
@@ -820,24 +783,6 @@ export default {
   padding: 0 4px;
   border-radius: 2px;
 }
-.dailyApproval {
-  position: relative;
-  background: #fff;
-  width: 100%;
-  height: 100%;
-  .shareBtn {
-    width: 22px;
-    height: 22px;
-    border-radius: 50%;
-    background: #666;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    .van-icon {
-      color: #fff;
-    }
-  }
-}
 </style>
 <style>
 .linep .van-cell__title {