Browse Source

feature_20250704_陈列SKU图片识别

zhujindu 4 months ago
parent
commit
04c28b73d9
2 changed files with 52 additions and 11 deletions
  1. 44 2
      src/views/week/dailyApproval.vue
  2. 8 9
      src/views/week/dailyHistoricalDetails.vue

+ 44 - 2
src/views/week/dailyApproval.vue

@@ -10,7 +10,7 @@
     <div class="lineGrey"></div>
     <div class="lineGrey"></div>
     <div style="height: 4px"></div>
     <div style="height: 4px"></div>
     <!--        主体内容-->
     <!--        主体内容-->
-    <div class="container linep">
+    <div class="container linep" v-if="reportTargetAll">
       <van-collapse v-model="activeNames" v-if="!YFQuota">
       <van-collapse v-model="activeNames" v-if="!YFQuota">
         <!-- YFQuota:应用服务平台 不显示各项指标 -->
         <!-- YFQuota:应用服务平台 不显示各项指标 -->
         <van-collapse-item v-if="!GZQuota" title="拜访数据(实时)" name="7">
         <van-collapse-item v-if="!GZQuota" title="拜访数据(实时)" name="7">
@@ -406,6 +406,48 @@
               </template>
               </template>
             </div>
             </div>
           </div>
           </div>
+        </van-collapse-item>
+        <van-collapse-item title="SKU陈列照识别结果" name="10" v-if="reportTarget.photoSummary">
+          <div v-for="(item, index) in reportTarget.photoSummary" :key="index">
+            <p style="margin-bottom: 10px; margin-top: 0">{{ item.taskName }}</p>
+            <van-row
+              gutter="10"
+              class="visitIMG1"
+              :style="{
+                overflow: 'hidden',
+                height: item.visitIMG1Flag ? 'auto' : '85px',
+              }">
+              <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
+              v-if="item.photos.length > 4"
+              class="arrowIcon"
+              style="
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                padding: 5px 0;
+                font-size: 14px;
+                color: #969799;
+              "
+              @click="setVisitIMG1Flag(item)">
+              <template v-if="item.visitIMG1Flag">
+                <span style="margin-right: 5px">折叠</span>
+                <van-icon size="14" :name="require('@/assets/Icon/arrow-up.png')" />
+              </template>
+              <template v-else>
+                <span style="margin-right: 5px">展开</span>
+                <van-icon size="14" :name="require('@/assets/Icon/arrow-down.png')" />
+              </template>
+            </div>
+          </div>
           <!-- 生动化陈列 sku -->
           <!-- 生动化陈列 sku -->
           <template
           <template
             v-if="
             v-if="
@@ -571,7 +613,7 @@ export default {
       Content2: '',
       Content2: '',
       number: 0,
       number: 0,
       powerGrade: '',
       powerGrade: '',
-      reportTargetAll: {},
+      reportTargetAll: null,
       saptitle: '业绩目标SAP(千元)',
       saptitle: '业绩目标SAP(千元)',
       failContent: '',
       failContent: '',
       successContent: '',
       successContent: '',

+ 8 - 9
src/views/week/dailyHistoricalDetails.vue

@@ -27,7 +27,7 @@
       <div class="lineGrey"></div>
       <div class="lineGrey"></div>
       <div class="lineGrey"></div>
       <div class="lineGrey"></div>
       <!--        主体内容-->
       <!--        主体内容-->
-      <div class="container linep">
+      <div class="container linep" v-if="reportTargetAll">
         <p style="font-size: 16px; margin: 10px 0">
         <p style="font-size: 16px; margin: 10px 0">
           {{ title }}
           {{ title }}
         </p>
         </p>
@@ -395,9 +395,9 @@
               </van-col>
               </van-col>
             </van-row>
             </van-row>
           </van-collapse-item>
           </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-collapse-item title="今日拜访照片" name="10" v-if="reportTarget.photoSummary">
+            <div v-for="(item, index) in reportTarget.photoSummary" :key="index">
+              <!-- <p style="margin-bottom: 10px; margin-top: 0">{{ item.taskName }}</p> -->
               <van-row
               <van-row
                 gutter="10"
                 gutter="10"
                 class="visitIMG1"
                 class="visitIMG1"
@@ -408,10 +408,9 @@
                 <van-col
                 <van-col
                   span="6"
                   span="6"
                   style="padding-bottom: 10px"
                   style="padding-bottom: 10px"
-                  @click="pviewFn(index, indexImg)"
-                  v-for="(itemImg, indexImg) in item.photos"
-                  :key="indexImg">
-                  <img :src="itemImg.fileUrl" alt="" />
+                  @click="pviewFn(index, item)"
+                  :key="index">
+                  <img :src="item.fileUrl" alt="" />
                 </van-col>
                 </van-col>
               </van-row>
               </van-row>
               <div
               <div
@@ -721,7 +720,7 @@ export default {
       powerGrade: '',
       powerGrade: '',
       Content: '',
       Content: '',
       Content2: '',
       Content2: '',
-      reportTargetAll: {},
+      reportTargetAll: null,
       reportContents: [{ dayContent: '' }],
       reportContents: [{ dayContent: '' }],
       reportTarget: {},
       reportTarget: {},
       successContent: '',
       successContent: '',