|
|
@@ -27,7 +27,7 @@
|
|
|
<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">
|
|
|
{{ title }}
|
|
|
</p>
|
|
|
@@ -395,20 +395,65 @@
|
|
|
</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)"
|
|
|
- v-for="(itemImg, indexImg) in item.photos"
|
|
|
- :key="indexImg">
|
|
|
- <img :src="itemImg.fileUrl" alt="" />
|
|
|
+ <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)" :key="index">
|
|
|
+ <img :src="item.fileUrl" alt="" />
|
|
|
</van-col>
|
|
|
- </van-row>
|
|
|
+ </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">
|
|
|
@@ -559,16 +604,15 @@
|
|
|
:close-on-click-modal="false"
|
|
|
@close="wuliaoTableClose"
|
|
|
custom-class="shareImgFlag">
|
|
|
- <div v-if="reportTarget.photos">
|
|
|
+ <div v-if="reportTarget.photoSummary">
|
|
|
<p style="margin-bottom: 10px; margin-top: 0; display: flex">
|
|
|
今日总结&明日规划的文本内容<van-checkbox
|
|
|
v-model="checkedPlan"
|
|
|
style="margin-left: 10px"></van-checkbox>
|
|
|
</p>
|
|
|
- <div v-for="(item, index) in reportTarget.photos" :key="index">
|
|
|
- <p style="margin-bottom: 10px">{{ item.taskName }}</p>
|
|
|
- <div class="shareVisitImg">
|
|
|
- <div v-for="(itemImg, indexImg) in item.photos" :key="indexImg">
|
|
|
+ <div class="shareVisitImg">
|
|
|
+ <template v-for="(itemImg, indexImg) in reportTarget.photoSummary">
|
|
|
+ <div>
|
|
|
<img :src="itemImg.fileUrl" alt="" @click="selectImg(itemImg)" />
|
|
|
<van-icon
|
|
|
@click.stop
|
|
|
@@ -587,7 +631,7 @@
|
|
|
"
|
|
|
v-if="itemImg.checked" />
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
</div>
|
|
|
<span slot="footer" class="footer-btn">
|
|
|
@@ -672,7 +716,7 @@ export default {
|
|
|
powerGrade: '',
|
|
|
Content: '',
|
|
|
Content2: '',
|
|
|
- reportTargetAll: {},
|
|
|
+ reportTargetAll: null,
|
|
|
reportContents: [{ dayContent: '' }],
|
|
|
reportTarget: {},
|
|
|
successContent: '',
|
|
|
@@ -696,6 +740,7 @@ export default {
|
|
|
reportId: '',
|
|
|
checkedPlan: true, //今日总结&明日规划
|
|
|
setDailyDetailsBoxFlag: true,
|
|
|
+ visitIMG1Flag: false,
|
|
|
//
|
|
|
};
|
|
|
},
|
|
|
@@ -731,6 +776,10 @@ export default {
|
|
|
this.setShareFlag = false;
|
|
|
},
|
|
|
methods: {
|
|
|
+ setVisitIMG1Flag(item) {
|
|
|
+ this.$set(item, 'visitIMG1Flag', !item.visitIMG1Flag);
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
setDailyDetailsBox(flag) {
|
|
|
this.setDailyDetailsBoxFlag = flag;
|
|
|
},
|
|
|
@@ -748,12 +797,12 @@ export default {
|
|
|
});
|
|
|
this.urlList = [];
|
|
|
this.reportRemarksIndex = index;
|
|
|
- if (this.reportTarget.photos && this.reportTarget.photos.length) {
|
|
|
+ if (this.reportTarget.photoSummary && this.reportTarget.photoSummary.length) {
|
|
|
// 重置分享图片状态
|
|
|
- this.reportTarget.photos.forEach((item) => {
|
|
|
- item.photos.forEach((val) => {
|
|
|
- this.$set(val, 'checked', false);
|
|
|
- });
|
|
|
+ this.reportTarget.photoSummary.forEach((item) => {
|
|
|
+ // item.photos.forEach((val) => {
|
|
|
+ this.$set(item, 'checked', false);
|
|
|
+ // });
|
|
|
});
|
|
|
// 选择分享的图片
|
|
|
this.shareImgFlag = true;
|
|
|
@@ -763,10 +812,10 @@ export default {
|
|
|
},
|
|
|
// 确认分享
|
|
|
confirmShare() {
|
|
|
- this.reportTarget.photos.forEach((item) => {
|
|
|
- item.photos.forEach((val) => {
|
|
|
- if (val.checked) this.urlList.push(val.fileUrl);
|
|
|
- });
|
|
|
+ this.reportTarget.photoSummary.forEach((item) => {
|
|
|
+ // item.photos.forEach((val) => {
|
|
|
+ if (item.checked) this.urlList.push(item.fileUrl);
|
|
|
+ // });
|
|
|
});
|
|
|
if (this.urlList.length == 0 && !this.checkedPlan) {
|
|
|
this.$notify({ type: 'warning', message: '请选择分享内容!', className: 'notifyIndex' });
|
|
|
@@ -782,13 +831,13 @@ export default {
|
|
|
this.shareImgFlag = false;
|
|
|
this.setShareFlag = true;
|
|
|
},
|
|
|
- pviewFn(val, imgVal) {
|
|
|
+ pviewFn(index) {
|
|
|
var imgList = [];
|
|
|
- var photos = this.reportTarget.photos[val].photos;
|
|
|
+ var photos = this.reportTarget.photoSummary;
|
|
|
for (let i = 0; i < photos.length; i++) {
|
|
|
imgList.push(photos[i].fileUrl);
|
|
|
}
|
|
|
- ImagePreview({ images: imgList, startPosition: imgVal });
|
|
|
+ ImagePreview({ images: imgList, startPosition: index });
|
|
|
},
|
|
|
openEnterpriseChatv() {
|
|
|
this.$dialog
|
|
|
@@ -986,13 +1035,23 @@ export default {
|
|
|
}
|
|
|
this.reportContents = res.data.reportContents;
|
|
|
var imgList = [];
|
|
|
- if (res.data.photos != null) {
|
|
|
- for (var k = 0; k < res.data.photos.length; k++) {
|
|
|
- imgList.push(res.data.photos[k].fileUrl + '');
|
|
|
+ if (res.data.photoSummary != null) {
|
|
|
+ for (var k = 0; k < res.data.photoSummary.length; k++) {
|
|
|
+ imgList.push(res.data.photoSummary[k].fileUrl + '');
|
|
|
}
|
|
|
}
|
|
|
this.imgList = imgList;
|
|
|
}
|
|
|
+ this.reportContents = res.data.reportContents;
|
|
|
+ var imgList = [];
|
|
|
+ if (res.data.photoSummary != null) {
|
|
|
+ if (res.data.photoSummary != null) {
|
|
|
+ for (var k = 0; k < res.data.photoSummary.length; k++) {
|
|
|
+ imgList.push(res.data.photoSummary[k].fileUrl + '');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.imgList = imgList;
|
|
|
});
|
|
|
},
|
|
|
userTodayPlanNum() {
|
|
|
@@ -1161,6 +1220,23 @@ export default {
|
|
|
height: 75px;
|
|
|
border-radius: 6px;
|
|
|
}
|
|
|
+
|
|
|
+.table-headermd {
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+ position: initial;
|
|
|
+ width: 98% !important;
|
|
|
+ margin: 0 auto;
|
|
|
+ border-right: 0;
|
|
|
+ border-radius: 10px;
|
|
|
+ .el-table__cell {
|
|
|
+ padding: 6px 0 !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+.table-headermd th.el-table__cell {
|
|
|
+ background-color: #1989fa;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
.el-dialog__wrapper {
|
|
|
z-index: 9999 !important;
|
|
|
display: flex;
|