|
|
@@ -524,7 +524,8 @@
|
|
|
@setShareImg="setShareImg"
|
|
|
@setDailyDetailsBox="setDailyDetailsBox"
|
|
|
:urlList="urlList"
|
|
|
- :reportRemarksIndex="reportRemarksIndex"></share>
|
|
|
+ :reportRemarksIndex="reportRemarksIndex"
|
|
|
+ :checkedPlan="checkedPlan"></share>
|
|
|
<!--分享图片列表 -->
|
|
|
<el-dialog
|
|
|
title="选择分享的图片"
|
|
|
@@ -536,30 +537,33 @@
|
|
|
custom-class="shareImgFlag">
|
|
|
<div v-if="reportTarget.photos">
|
|
|
<div v-for="(item, index) in reportTarget.photos" :key="index">
|
|
|
+ <p style="margin-bottom: 10px; margin-top: 0; display: flex">
|
|
|
+ 今日总结&明日规划<van-checkbox
|
|
|
+ v-model="checkedPlan"
|
|
|
+ style="margin-left: 10px"></van-checkbox>
|
|
|
+ </p>
|
|
|
<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; position: relative"
|
|
|
- v-for="(itemImg, indexImg) in item.photos"
|
|
|
- :key="indexImg">
|
|
|
+ <div class="shareVisitImg">
|
|
|
+ <div v-for="(itemImg, indexImg) in item.photos" :key="indexImg">
|
|
|
<img :src="itemImg.fileUrl" alt="" @click="selectImg(itemImg)" />
|
|
|
<van-icon
|
|
|
@click.stop
|
|
|
name="success"
|
|
|
class="activaImg"
|
|
|
- color="red"
|
|
|
- size="30"
|
|
|
+ color="#fff"
|
|
|
+ size="15"
|
|
|
style="
|
|
|
position: absolute;
|
|
|
- top: 50%;
|
|
|
- left: 50%;
|
|
|
- margin: -15px 0 0 -15px;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ /* margin: -15px 0 0 -15px; */
|
|
|
pointer-events: none;
|
|
|
+ background: #2b73cf;
|
|
|
+ border: 2px solid #fff;
|
|
|
"
|
|
|
v-if="itemImg.checked" />
|
|
|
- </van-col>
|
|
|
- </van-row>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<span slot="footer" class="footer-btn">
|
|
|
@@ -656,10 +660,13 @@ export default {
|
|
|
urlList: [],
|
|
|
title: '',
|
|
|
setDailyDetailsBoxFlag: true,
|
|
|
+ source: '',
|
|
|
+ checkedPlan: true, //今日总结&明日规划
|
|
|
//
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
+ this.source = this.$route.query.source || '';
|
|
|
this.powerGrade = localStorage.getItem('powerGrade');
|
|
|
this.getDetailById();
|
|
|
},
|
|
|
@@ -706,12 +713,16 @@ export default {
|
|
|
},
|
|
|
// 确认分享
|
|
|
confirmShare() {
|
|
|
- this.shareImgFlag = false;
|
|
|
this.reportTarget.photos.forEach((item) => {
|
|
|
item.photos.forEach((val) => {
|
|
|
if (val.checked) this.urlList.push(val.fileUrl);
|
|
|
});
|
|
|
});
|
|
|
+ if (this.urlList.length == 0 && !this.checkedPlan) {
|
|
|
+ this.$notify({ type: 'warning', message: '请选择分享内容!', className: 'notifyIndex' });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.shareImgFlag = false;
|
|
|
this.setShareFlag = true;
|
|
|
},
|
|
|
pviewFn(val, imgVal) {
|
|
|
@@ -781,6 +792,11 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
this.imgList = imgList;
|
|
|
+ if (this.source == 'daily') {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.clickShareFlag(-1);
|
|
|
+ });
|
|
|
+ }
|
|
|
});
|
|
|
},
|
|
|
userTodayPlanNum() {
|
|
|
@@ -796,7 +812,9 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
onClickLeft() {
|
|
|
- this.$router.go(-1);
|
|
|
+ this.$router.replace({
|
|
|
+ path: 'myHistoricalDaily',
|
|
|
+ });
|
|
|
},
|
|
|
wuliaoTableClose() {
|
|
|
this.shareImgFlag = false;
|
|
|
@@ -895,7 +913,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
</style>
|
|
|
-<style>
|
|
|
+<style lang="scss">
|
|
|
.linep .van-cell__title {
|
|
|
color: #1e5398;
|
|
|
font-weight: 500;
|
|
|
@@ -970,4 +988,33 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.shareImgFlag {
|
|
|
+ .shareVisitImg {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ div {
|
|
|
+ width: 22%;
|
|
|
+ height: 80px;
|
|
|
+ margin-right: 3%;
|
|
|
+ margin-top: 10px;
|
|
|
+ position: relative;
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .el-dialog__header {
|
|
|
+ display: flex;
|
|
|
+ .el-dialog__title {
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.notifyIndex {
|
|
|
+ z-index: 999999 !important;
|
|
|
+}
|
|
|
</style>
|