陈列SKU图片识别

src/views/historicalVisit/hisvistdeils.vue

@@ -246,6 +246,25 @@
             <delete-upload-img :imgs="item.fileInfoList"></delete-upload-img>
           </div>
         </div>
+        <!-- SKU识别 -->
+        <!-- 生动化陈列 sku -->
+        <template v-if="photoSkuImgSummaryeList && photoSkuImgSummaryeList.length">
+          <div class="skuNum" style="padding: 10px 0">
+            SKU识别：{{ photoSkuImgSummaryeList.length }}个
+          </div>
+          <el-table
+            :data="photoSkuImgSummaryeList"
+            style="width: 100%"
+            border
+            class="table-headermd">
+            <el-table-column label="SKU名称" prop="name" width="180" align="center">
+              <template slot-scope="scope">
+                <span class="tipTitle">{{ scope.row.name }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="数量" prop="count" align="center"></el-table-column>
+          </el-table>
+        </template>
       </van-form>
     </div>
     <van-dialog v-model="listShow" title="历史回显" show-cancel-button :showConfirmButton="false">
@@ -302,6 +321,7 @@ export default {
       checkShow: false,
       infoData: {},
       putInCode: '',
+      photoSkuImgSummaryeList: [],
     };
   },
   activated() {
@@ -373,6 +393,8 @@ export default {
         this.toastLoading().clear();
         this.infoData = res.data;
         var collectionItemLists = res.data.sfaTaskList[this.$route.query.ids].collectionItemList;
+        this.photoSkuImgSummaryeList =
+          res.data.sfaTaskList[this.$route.query.ids].photoSkuImgSummaryeList;
         if (res.data.sfaTaskList[this.$route.query.ids].checkUnManage == 'Y') {
           this.checkShow = true;
         } else {

src/views/week/dailyApproval.vue

@@ -368,7 +368,13 @@
         <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-row
+              gutter="10"
+              class="visitIMG1"
+              :style="{
+                overflow: 'hidden',
+                height: item.visitIMG1Flag ? 'auto' : '85px',
+              }">
               <van-col
                 span="6"
                 style="padding-bottom: 10px"
@@ -378,7 +384,24 @@
                 <img :src="itemImg.fileUrl" alt="" />
               </van-col>
             </van-row>
-            <van-icon name="arrow-up" />
+            <div
+              class="arrowIcon"
+              style="text-align: center; padding: 3px 0"
+              @click="setVisitIMG1Flag(item)">
+              <van-icon size="28" :name="item.visitIMG1Flag ? 'arrow-up' : 'arrow-down'" />
+            </div>
+            <!-- 生动化陈列 sku -->
+            <template v-if="item.photoSkuImgSummaryeList">
+              <!-- <div class="skuNum">SKU识别：{{ item.num }}个</div> -->
+              <el-table
+                :data="item.productDetail"
+                border
+                class="table-headermd table-headermdhome"
+                style="width: 100%">
+                <el-table-column label="SKU名称" prop="DESCR" align="center" />
+                <el-table-column label="数量" prop="QTY" width="80px" align="center" />
+              </el-table>
+            </template>
           </div>
         </van-collapse-item>
       </van-collapse>
@@ -556,6 +579,10 @@ export default {
     },
   },
   methods: {
+    setVisitIMG1Flag(item) {
+      this.$set(item, 'visitIMG1Flag', !item.visitIMG1Flag);
+      this.$forceUpdate();
+    },
     buryingPoint(val) {
       buryingPoint(val);
     },
@@ -703,6 +730,7 @@ export default {
           var imgList = [];
           if (res.data.photos != null) {
             for (var k = 0; k < res.data.photos.length; k++) {
+              res.data.photos[k].visitIMG1Flag = false;
               imgList.push(res.data.photos[k].fileUrl + '');
             }
           }

src/views/week/dailyDetails.vue

@@ -364,7 +364,10 @@
             <van-row
               gutter="10"
               class="visitIMG1"
-              :style="{ height: item.visitIMG1Flag ? 'auto' : '85px' }">
+              :style="{
+                overflow: 'hidden',
+                height: item.visitIMG1Flag ? 'auto' : '85px',
+              }">
               <van-col
                 span="6"
                 style="padding-bottom: 10px"
@@ -374,12 +377,15 @@
                 <img :src="itemImg.fileUrl" alt="" />
               </van-col>
             </van-row>
-            <div class="arrowIcon" @click="setVisitIMG1Flag(item)">
+            <div
+              class="arrowIcon"
+              style="text-align: center; padding: 3px 0"
+              @click="setVisitIMG1Flag(item)">
               <van-icon size="28" :name="item.visitIMG1Flag ? 'arrow-up' : 'arrow-down'" />
             </div>
             <!-- 生动化陈列 sku -->
-            <template v-if="item.taskName == '生动化陈列'">
-              <div class="skuNum">SKU识别：{{ item.num }}个</div>
+            <template v-if="item.photoSkuImgSummaryeList">
+              <!-- <div class="skuNum">SKU识别：{{ item.num }}个</div> -->
               <el-table
                 :data="item.productDetail"
                 border
@@ -761,7 +767,6 @@ export default {
   color: #333;
 }
 .visitIMG1 {
-  overflow: hidden;
   img {
     display: block;
     width: 100%;
@@ -769,8 +774,4 @@ export default {
     border-radius: 6px;
   }
 }
-.arrowIcon {
-  text-align: center;
-  padding: 3px 0;
-}
 </style>

src/views/week/dailyHistoricalDetails.vue

@@ -367,7 +367,13 @@
         <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-row
+              gutter="10"
+              class="visitIMG1"
+              :style="{
+                overflow: 'hidden',
+                height: item.visitIMG1Flag ? 'auto' : '85px',
+              }">
               <van-col
                 span="6"
                 style="padding-bottom: 10px"
@@ -377,6 +383,24 @@
                 <img :src="itemImg.fileUrl" alt="" />
               </van-col>
             </van-row>
+            <div
+              class="arrowIcon"
+              style="text-align: center; padding: 3px 0"
+              @click="setVisitIMG1Flag(item)">
+              <van-icon size="28" :name="item.visitIMG1Flag ? 'arrow-up' : 'arrow-down'" />
+            </div>
+            <!-- 生动化陈列 sku -->
+            <template v-if="item.photoSkuImgSummaryeList">
+              <!-- <div class="skuNum">SKU识别：{{ item.num }}个</div> -->
+              <el-table
+                :data="item.productDetail"
+                border
+                class="table-headermd table-headermdhome"
+                style="width: 100%">
+                <el-table-column label="SKU名称" prop="DESCR" align="center" />
+                <el-table-column label="数量" prop="QTY" width="80px" align="center" />
+              </el-table>
+            </template>
           </div>
         </van-collapse-item>
       </van-collapse>
@@ -602,6 +626,10 @@ export default {
     this.userTodayPlanNum();
   },
   methods: {
+    setVisitIMG1Flag(item) {
+      this.$set(item, 'visitIMG1Flag', !item.visitIMG1Flag);
+      this.$forceUpdate();
+    },
     pviewFn(val, imgVal) {
       var imgList = [];
       var photos = this.reportTarget.photos[val].photos;
@@ -795,6 +823,7 @@ export default {
         var imgList = [];
         if (res.data.photos != null) {
           for (var k = 0; k < res.data.photos.length; k++) {
+            res.data.photos[k].visitIMG1Flag = false;
             imgList.push(res.data.photos[k].fileUrl + '');
           }
         }