zhujindu 1 dag sedan
förälder
incheckning
cac94b1576
1 ändrade filer med 63 tillägg och 0 borttagningar
  1. 63 0
      src/views/week/dailyHistoricalDetails.vue

+ 63 - 0
src/views/week/dailyHistoricalDetails.vue

@@ -62,6 +62,68 @@
             </template>
           </van-collapse>
         </template>
+        <van-collapse v-model="activeNamesPhoto" style="margin-top: -3px">
+          <van-collapse-item title="今日拜访照片" name="10" v-if="reportTarget.photoSummary">
+            <div
+              class="visitIMG1"
+              :style="{
+                overflow: 'hidden',
+                height: visitIMG1Flag ? 'auto' : '170px',
+              }">
+              <template v-for="(item, index) in reportTarget.photoSummary">
+                <van-col span="6" style="padding: 5px" @click="pviewFn(index)">
+                  <img :src="item.fileUrl" alt="" />
+                </van-col>
+              </template>
+            </div>
+            <div
+              v-if="reportTarget.photoSummary.length > 8"
+              class="arrowIcon"
+              style="
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                padding: 5px 0;
+                font-size: 14px;
+                color: #969799;
+              "
+              @click="visitIMG1Flag = !visitIMG1Flag">
+              <template v-if="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>
+            <!-- 生动化陈列 sku -->
+            <template
+              v-if="
+                reportTarget.photoSkuImgSummaryeList && reportTarget.photoSkuImgSummaryeList.length
+              ">
+              <p style="padding-bottom: 10px; font-size: 14px; color: #1e5398; font-weight: 500">
+                SKU陈列照识别结果
+              </p>
+              <p style="padding-bottom: 10px; font-size: 14px; font-weight: 500">
+                目前识别桶装和战略产品合计106个,后续会增加被识别产品数
+              </p>
+              <el-table
+                :data="reportTarget.photoSkuImgSummaryeList"
+                border
+                class="table-headermd table-headermdhome"
+                style="width: 100%">
+                <el-table-column label="序号" type="index" width="50px" align="center" />
+                <el-table-column label="门店名称(编号)" prop="name" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.name }}({{ scope.row.code }})
+                  </template>
+                </el-table-column>
+                <el-table-column label="SKU数量" prop="count" width="80px" align="center" />
+              </el-table>
+            </template>
+          </van-collapse-item>
+        </van-collapse>
         <div class="contentContainer">
           <!-- isHistory 是否为历史汇报:0-新汇报 1-历史汇报 -->
           <reportCustom
@@ -383,6 +445,7 @@ export default {
       homePageIndicatorList: null,
       isTarget: false, //日报指标
       isReportCustom: true, //日报填写内容
+      activeNamesPhoto: ['10'],
     };
   },
   watch: {