|
|
@@ -30,7 +30,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>
|
|
|
@@ -398,48 +398,41 @@
|
|
|
</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"
|
|
|
- :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-collapse-item title="今日拜访照片" name="10" v-if="reportTarget.photoSummary">
|
|
|
+ <div
|
|
|
+ class="visitIMG1"
|
|
|
+ :style="{
|
|
|
+ overflow: 'hidden',
|
|
|
+ height: visitIMG1Flag ? 'auto' : '85px',
|
|
|
+ }">
|
|
|
+ <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>
|
|
|
- <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>
|
|
|
+ </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 -->
|
|
|
+ <!-- 生动化陈列 sku -->
|
|
|
<template
|
|
|
v-if="
|
|
|
reportTarget.photoSkuImgSummaryeList && reportTarget.photoSkuImgSummaryeList.length
|
|
|
@@ -450,15 +443,15 @@
|
|
|
<el-table
|
|
|
:data="reportTarget.photoSkuImgSummaryeList"
|
|
|
border
|
|
|
- class="table-headermd"
|
|
|
+ class="table-headermd table-headermdhome"
|
|
|
style="width: 100%">
|
|
|
- <el-table-column label="序号" type="index" width="50px" />
|
|
|
+ <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="数量" prop="count" width="80px" align="center" />
|
|
|
+ <el-table-column label="SKU数量" prop="count" width="80px" align="center" />
|
|
|
</el-table>
|
|
|
</template>
|
|
|
</van-collapse-item>
|
|
|
@@ -611,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
|
|
|
@@ -639,7 +631,7 @@
|
|
|
"
|
|
|
v-if="itemImg.checked" />
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
</div>
|
|
|
<span slot="footer" class="footer-btn">
|
|
|
@@ -724,7 +716,7 @@ export default {
|
|
|
powerGrade: '',
|
|
|
Content: '',
|
|
|
Content2: '',
|
|
|
- reportTargetAll: {},
|
|
|
+ reportTargetAll: null,
|
|
|
reportContents: [{ dayContent: '' }],
|
|
|
reportTarget: {},
|
|
|
successContent: '',
|
|
|
@@ -748,6 +740,7 @@ export default {
|
|
|
reportId: '',
|
|
|
checkedPlan: true, //今日总结&明日规划
|
|
|
setDailyDetailsBoxFlag: true,
|
|
|
+ visitIMG1Flag: false,
|
|
|
//
|
|
|
};
|
|
|
},
|
|
|
@@ -804,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;
|
|
|
@@ -819,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' });
|
|
|
@@ -838,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
|
|
|
@@ -1042,20 +1035,20 @@ export default {
|
|
|
}
|
|
|
this.reportContents = res.data.reportContents;
|
|
|
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 + '');
|
|
|
+ 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.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 + '');
|
|
|
+ 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;
|
