|
@@ -10,12 +10,7 @@
|
|
|
<div
|
|
<div
|
|
|
class="shareBtn"
|
|
class="shareBtn"
|
|
|
@click="clickShareFlag(-1)"
|
|
@click="clickShareFlag(-1)"
|
|
|
- v-if="
|
|
|
|
|
- reportTarget &&
|
|
|
|
|
- source != 'share' &&
|
|
|
|
|
- reportTarget.reportPostType == 'fx' &&
|
|
|
|
|
- reportTarget.status != -1
|
|
|
|
|
- ">
|
|
|
|
|
|
|
+ v-if="reportTarget && source != 'share' && reportTarget.status != -1">
|
|
|
<van-icon name="share" />
|
|
<van-icon name="share" />
|
|
|
<div class="vedioLinks" @click.stop>
|
|
<div class="vedioLinks" @click.stop>
|
|
|
<span>一键分享日报,</span>
|
|
<span>一键分享日报,</span>
|
|
@@ -59,52 +54,10 @@
|
|
|
<Btarget :reportInfo="reportTarget"></Btarget>
|
|
<Btarget :reportInfo="reportTarget"></Btarget>
|
|
|
</template>
|
|
</template>
|
|
|
</template>
|
|
</template>
|
|
|
- <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 v-else>
|
|
|
|
|
+ <!-- YFQuota:应用服务平台 不显示各项指标 -->
|
|
|
|
|
+ <Atarget :reportInfo="reportTarget"></Atarget>
|
|
|
|
|
+ <Btarget :reportInfo="reportTarget"></Btarget>
|
|
|
</template>
|
|
</template>
|
|
|
</template>
|
|
</template>
|
|
|
</van-collapse>
|
|
</van-collapse>
|
|
@@ -186,12 +139,7 @@
|
|
|
<div
|
|
<div
|
|
|
class="shareBtn"
|
|
class="shareBtn"
|
|
|
@click="clickShareFlag(index)"
|
|
@click="clickShareFlag(index)"
|
|
|
- v-if="
|
|
|
|
|
- reportTarget &&
|
|
|
|
|
- source != 'share' &&
|
|
|
|
|
- reportTarget.reportPostType == 'fx' &&
|
|
|
|
|
- reportTarget.status != -1
|
|
|
|
|
- ">
|
|
|
|
|
|
|
+ v-if="reportTarget && source != 'share' && reportTarget.status != -1">
|
|
|
<van-icon name="share" />
|
|
<van-icon name="share" />
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -207,7 +155,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="contentContainer">
|
|
|
|
|
|
|
+ <div class="contentContainer" v-if="reportTarget.comment && reportTarget.status != -1">
|
|
|
<p class="contentContainerTitle">点评</p>
|
|
<p class="contentContainerTitle">点评</p>
|
|
|
<div style="padding: 10px 0">
|
|
<div style="padding: 10px 0">
|
|
|
<van-field
|
|
<van-field
|
|
@@ -222,7 +170,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<br />
|
|
<br />
|
|
|
- <div class="contentborder">
|
|
|
|
|
|
|
+ <div class="contentborder" v-if="reportTarget.comment && reportTarget.status != -1">
|
|
|
<van-button type="info" size="small" plain class="Btn1" @click="submint"
|
|
<van-button type="info" size="small" plain class="Btn1" @click="submint"
|
|
|
>提交点评</van-button
|
|
>提交点评</van-button
|
|
|
>
|
|
>
|
|
@@ -256,7 +204,10 @@
|
|
|
:urlList="urlList"
|
|
:urlList="urlList"
|
|
|
:reportRemarksIndex="reportRemarksIndex"
|
|
:reportRemarksIndex="reportRemarksIndex"
|
|
|
:reportContents="reportContents"
|
|
:reportContents="reportContents"
|
|
|
- :checkedPlan="checkedPlan"></share>
|
|
|
|
|
|
|
+ :checkedPlan="checkedPlan"
|
|
|
|
|
+ :isTarget="isTarget"
|
|
|
|
|
+ :isReportCustom="isReportCustom"
|
|
|
|
|
+ :isHistory="reportTarget.isHistory"></share>
|
|
|
<!--分享图片列表 -->
|
|
<!--分享图片列表 -->
|
|
|
<el-dialog
|
|
<el-dialog
|
|
|
title="选择分享的内容"
|
|
title="选择分享的内容"
|
|
@@ -266,36 +217,50 @@
|
|
|
:close-on-click-modal="false"
|
|
:close-on-click-modal="false"
|
|
|
@close="wuliaoTableClose"
|
|
@close="wuliaoTableClose"
|
|
|
custom-class="shareImgFlag">
|
|
custom-class="shareImgFlag">
|
|
|
- <div v-if="reportTarget.photoSummary">
|
|
|
|
|
|
|
+ <div>
|
|
|
<!-- <p style="margin-bottom: 10px; margin-top: 0; display: flex">
|
|
<!-- <p style="margin-bottom: 10px; margin-top: 0; display: flex">
|
|
|
今日总结&明日规划的文本内容<van-checkbox
|
|
今日总结&明日规划的文本内容<van-checkbox
|
|
|
v-model="checkedPlan"
|
|
v-model="checkedPlan"
|
|
|
style="margin-left: 10px"></van-checkbox>
|
|
style="margin-left: 10px"></van-checkbox>
|
|
|
</p> -->
|
|
</p> -->
|
|
|
- <p style="margin-top: 0">请点击勾选想要分享的今日拜访照片</p>
|
|
|
|
|
- <div class="shareVisitImg">
|
|
|
|
|
- <template v-for="(itemImg, indexImg) in reportTarget.photoSummary">
|
|
|
|
|
- <div>
|
|
|
|
|
- <img :src="itemImg.fileUrl" alt="" @click="selectImg(itemImg)" />
|
|
|
|
|
- <van-icon
|
|
|
|
|
- @click.stop
|
|
|
|
|
- name="success"
|
|
|
|
|
- class="activaImg"
|
|
|
|
|
- color="#fff"
|
|
|
|
|
- size="15"
|
|
|
|
|
- style="
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- right: 0;
|
|
|
|
|
- bottom: 0;
|
|
|
|
|
- /* margin: -15px 0 0 -15px; */
|
|
|
|
|
- pointer-events: none;
|
|
|
|
|
- background: #2b73cf;
|
|
|
|
|
- border: 2px solid #fff;
|
|
|
|
|
- "
|
|
|
|
|
- v-if="itemImg.checked" />
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <p
|
|
|
|
|
+ style="margin-bottom: 10px; margin-top: 0; display: flex"
|
|
|
|
|
+ v-if="reportTarget.isHistory == '0'">
|
|
|
|
|
+ 日报指标<van-checkbox v-model="isTarget" style="margin-left: 10px"></van-checkbox>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <p
|
|
|
|
|
+ style="margin-bottom: 10px; margin-top: 0; display: flex"
|
|
|
|
|
+ v-if="reportTarget.isHistory == '0'">
|
|
|
|
|
+ 日报填写内容<van-checkbox
|
|
|
|
|
+ v-model="isReportCustom"
|
|
|
|
|
+ style="margin-left: 10px"></van-checkbox>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <template v-if="reportTarget.photoSummary">
|
|
|
|
|
+ <p style="margin-top: 0">请点击勾选想要分享的今日拜访照片</p>
|
|
|
|
|
+ <div class="shareVisitImg">
|
|
|
|
|
+ <template v-for="(itemImg, indexImg) in reportTarget.photoSummary">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <img :src="itemImg.fileUrl" alt="" @click="selectImg(itemImg)" />
|
|
|
|
|
+ <van-icon
|
|
|
|
|
+ @click.stop
|
|
|
|
|
+ name="success"
|
|
|
|
|
+ class="activaImg"
|
|
|
|
|
+ color="#fff"
|
|
|
|
|
+ size="15"
|
|
|
|
|
+ style="
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ right: 0;
|
|
|
|
|
+ bottom: 0;
|
|
|
|
|
+ /* margin: -15px 0 0 -15px; */
|
|
|
|
|
+ pointer-events: none;
|
|
|
|
|
+ background: #2b73cf;
|
|
|
|
|
+ border: 2px solid #fff;
|
|
|
|
|
+ "
|
|
|
|
|
+ v-if="itemImg.checked" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
</div>
|
|
</div>
|
|
|
<span slot="footer" class="footer-btn">
|
|
<span slot="footer" class="footer-btn">
|
|
|
<van-button plain type="primary" @click="shareImgFlag = false">取 消</van-button>
|
|
<van-button plain type="primary" @click="shareImgFlag = false">取 消</van-button>
|
|
@@ -328,6 +293,8 @@ import veryGoodPlaceOrder from '@/views/componentsTarget/veryGoodPlaceOrder';
|
|
|
import share from '@/components/share';
|
|
import share from '@/components/share';
|
|
|
import reportCustom from './reportCustom';
|
|
import reportCustom from './reportCustom';
|
|
|
import target from './target.vue';
|
|
import target from './target.vue';
|
|
|
|
|
+import Atarget from '@/views/home/Atarget.vue';
|
|
|
|
|
+import Btarget from '@/views/home/Btarget.vue';
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
|
name: 'daily',
|
|
name: 'daily',
|
|
@@ -342,6 +309,8 @@ export default {
|
|
|
share,
|
|
share,
|
|
|
reportCustom,
|
|
reportCustom,
|
|
|
target,
|
|
target,
|
|
|
|
|
+ Atarget,
|
|
|
|
|
+ Btarget,
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
@@ -412,6 +381,8 @@ export default {
|
|
|
shareReportConfig: null,
|
|
shareReportConfig: null,
|
|
|
postName: '',
|
|
postName: '',
|
|
|
homePageIndicatorList: null,
|
|
homePageIndicatorList: null,
|
|
|
|
|
+ isTarget: false, //日报指标
|
|
|
|
|
+ isReportCustom: true, //日报填写内容
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
watch: {
|
|
watch: {
|
|
@@ -461,31 +432,69 @@ export default {
|
|
|
buryingPointName: '日报详情分享',
|
|
buryingPointName: '日报详情分享',
|
|
|
buryingPointPosition: '日报详情',
|
|
buryingPointPosition: '日报详情',
|
|
|
});
|
|
});
|
|
|
|
|
+ this.isReportCustom = true;
|
|
|
this.urlList = [];
|
|
this.urlList = [];
|
|
|
this.reportRemarksIndex = index;
|
|
this.reportRemarksIndex = index;
|
|
|
|
|
+ // <!-- isHistory 是否为历史汇报:0-新汇报 1-历史汇报 -->
|
|
|
|
|
+ if (this.reportTarget.isHistory == '0') {
|
|
|
|
|
+ this.setPhotoSummary();
|
|
|
|
|
+ this.shareImgFlag = true;
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.setPhotoSummary();
|
|
|
|
|
+ // 没有图片直接打开分享
|
|
|
|
|
+ if (this.reportTarget.photoSummary && this.reportTarget.photoSummary.length) {
|
|
|
|
|
+ // 选择分享的图片
|
|
|
|
|
+ this.setShareFlag = true;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ setPhotoSummary() {
|
|
|
if (this.reportTarget.photoSummary && this.reportTarget.photoSummary.length) {
|
|
if (this.reportTarget.photoSummary && this.reportTarget.photoSummary.length) {
|
|
|
// 重置分享图片状态
|
|
// 重置分享图片状态
|
|
|
this.reportTarget.photoSummary.forEach((item) => {
|
|
this.reportTarget.photoSummary.forEach((item) => {
|
|
|
- // item.photos.forEach((val) => {
|
|
|
|
|
this.$set(item, 'checked', false);
|
|
this.$set(item, 'checked', false);
|
|
|
- // });
|
|
|
|
|
});
|
|
});
|
|
|
- // 选择分享的图片
|
|
|
|
|
- this.shareImgFlag = true;
|
|
|
|
|
- } else {
|
|
|
|
|
- this.setShareFlag = true;
|
|
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
// 确认分享
|
|
// 确认分享
|
|
|
confirmShare() {
|
|
confirmShare() {
|
|
|
- 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' });
|
|
|
|
|
- return;
|
|
|
|
|
|
|
+ // 旧的分享没有图标不会进来
|
|
|
|
|
+ // 是否有图片
|
|
|
|
|
+ if (this.reportTarget.photoSummary) {
|
|
|
|
|
+ this.reportTarget.photoSummary.forEach((item) => {
|
|
|
|
|
+ if (item.checked) this.urlList.push(item.fileUrl);
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ if (this.reportTarget.isHistory == '0') {
|
|
|
|
|
+ if (this.urlList.length == 0 && !this.isTarget && !this.isReportCustom) {
|
|
|
|
|
+ this.$notify({
|
|
|
|
|
+ type: 'warning',
|
|
|
|
|
+ message: '请选择分享内容!',
|
|
|
|
|
+ className: 'notifyIndex',
|
|
|
|
|
+ });
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+ } else {
|
|
|
|
|
+ if (this.urlList.length == 0 && !this.checkedPlan) {
|
|
|
|
|
+ this.$notify({
|
|
|
|
|
+ type: 'warning',
|
|
|
|
|
+ message: '请选择分享内容!',
|
|
|
|
|
+ className: 'notifyIndex',
|
|
|
|
|
+ });
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ } else {
|
|
|
|
|
+ if (this.reportTarget.isHistory == '0') {
|
|
|
|
|
+ if (!this.isTarget && !this.isReportCustom) {
|
|
|
|
|
+ this.$notify({
|
|
|
|
|
+ type: 'warning',
|
|
|
|
|
+ message: '请选择分享内容!',
|
|
|
|
|
+ className: 'notifyIndex',
|
|
|
|
|
+ });
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
buryingPoint({
|
|
buryingPoint({
|
|
|
systemModel: '日报审核',
|
|
systemModel: '日报审核',
|
|
@@ -641,9 +650,7 @@ export default {
|
|
|
});
|
|
});
|
|
|
});
|
|
});
|
|
|
} else {
|
|
} else {
|
|
|
- if (res.data.postName == '质感销售负责人' || res.data.postName == '质感销售专员') {
|
|
|
|
|
- this.homePageIndicatorList = res.data.homePageIndicatorList;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ this.homePageIndicatorList = res.data.homePageIndicatorList;
|
|
|
console.log(this.homePageIndicatorList);
|
|
console.log(this.homePageIndicatorList);
|
|
|
this.postName = res.data.postName;
|
|
this.postName = res.data.postName;
|
|
|
this.GZQuota = false;
|
|
this.GZQuota = false;
|
|
@@ -1009,10 +1016,33 @@ export default {
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+ .el-dialog__title {
|
|
|
|
|
+ height: 50px;
|
|
|
|
|
+ line-height: 50px !important;
|
|
|
|
|
+ }
|
|
|
|
|
+ .el-dialog__footer {
|
|
|
|
|
+ padding: 0;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
.notifyIndex {
|
|
.notifyIndex {
|
|
|
z-index: 999999 !important;
|
|
z-index: 999999 !important;
|
|
|
}
|
|
}
|
|
|
|
|
+.table-headermd th.el-table__cell {
|
|
|
|
|
+ background-color: #1989fa;
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+}
|
|
|
|
|
+.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;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
.van-nav-bar__right:active {
|
|
.van-nav-bar__right:active {
|
|
|
opacity: 1 !important;
|
|
opacity: 1 !important;
|
|
|
}
|
|
}
|