|
@@ -3,7 +3,7 @@
|
|
|
<van-nav-bar class="navBar" left-arrow title="拜访任务" @click-left="onClickLeft">
|
|
<van-nav-bar class="navBar" left-arrow title="拜访任务" @click-left="onClickLeft">
|
|
|
<template #right>
|
|
<template #right>
|
|
|
<span
|
|
<span
|
|
|
- v-if="isEdit"
|
|
|
|
|
|
|
+ v-if="isEdit && insert == '1'"
|
|
|
@click="onSubmit"
|
|
@click="onSubmit"
|
|
|
style="
|
|
style="
|
|
|
color: white;
|
|
color: white;
|
|
@@ -45,6 +45,7 @@
|
|
|
@upDataDetail="getDetaile"
|
|
@upDataDetail="getDetaile"
|
|
|
:pictureSource="item.pictureSource"
|
|
:pictureSource="item.pictureSource"
|
|
|
:continuousShoot="item.continuousShoot"
|
|
:continuousShoot="item.continuousShoot"
|
|
|
|
|
+ :insert="insert"
|
|
|
:objectType="objectType"></delete-upload-img>
|
|
:objectType="objectType"></delete-upload-img>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -58,10 +59,58 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div v-html="item.displayInstructions"></div>
|
|
<div v-html="item.displayInstructions"></div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="itemBottom"></div>
|
|
|
|
|
|
|
+ <div class="itemBottom" v-if="insert == '0'">
|
|
|
|
|
+ <img
|
|
|
|
|
+ @click="openDialog(item)"
|
|
|
|
|
+ :src="
|
|
|
|
|
+ item.taskPhotoConditionPassed == 1
|
|
|
|
|
+ ? require('@/assets/taskPhotoSu.png')
|
|
|
|
|
+ : require('@/assets/taskPhotoErr.png')
|
|
|
|
|
+ " />
|
|
|
|
|
+ <!-- <img
|
|
|
|
|
+ v-if="item.taskPhotoConditionPassed == 0"
|
|
|
|
|
+ :src="require('@/assets/taskPhotoErr.png')" /> -->
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <el-dialog
|
|
|
|
|
+ title="识别结果"
|
|
|
|
|
+ :visible.sync="vanPopup"
|
|
|
|
|
+ width="80%"
|
|
|
|
|
+ :append-to-body="true"
|
|
|
|
|
+ :close-on-click-modal="false"
|
|
|
|
|
+ @close="vanPopup == false"
|
|
|
|
|
+ custom-class="identifyResultdialog">
|
|
|
|
|
+ <!-- 识别结果 -->
|
|
|
|
|
+ <div class="identifyResult" v-if="taskPhotoRecognitionResult" style="padding: 0 10px">
|
|
|
|
|
+ <div style="font-weight: bold; padding: 10px; font-size: 16px">识别结果:</div>
|
|
|
|
|
+ <div class="resultContent">
|
|
|
|
|
+ <el-table
|
|
|
|
|
+ :data="taskPhotoRecognitionResult"
|
|
|
|
|
+ border
|
|
|
|
|
+ class="table-headermd1"
|
|
|
|
|
+ style="width: 100%">
|
|
|
|
|
+ <el-table-column label="" type="index" width="50px" align="center" />
|
|
|
|
|
+ <el-table-column label="产品" prop="skuProductName" align="center" />
|
|
|
|
|
+ <el-table-column label="要求" prop="conditionIdentifyNum" align="center" width="60px">
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="识别排面数"
|
|
|
|
|
+ prop="identifyTheNumberOfCards"
|
|
|
|
|
+ width="70px"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ >meetTheStandard
|
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
|
+ <span :style="{ color: scope.row.meetTheStandard == 1 ? '#07c160' : 'red' }">
|
|
|
|
|
+ {{ scope.row.identifyTheNumberOfCards }}
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ </el-table>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
@@ -80,6 +129,9 @@ export default {
|
|
|
visitsId: null,
|
|
visitsId: null,
|
|
|
storeGroupId: '',
|
|
storeGroupId: '',
|
|
|
objectType: '',
|
|
objectType: '',
|
|
|
|
|
+ insert: '',
|
|
|
|
|
+ vanPopup: false,
|
|
|
|
|
+ taskPhotoRecognitionResult: null,
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
activated() {
|
|
activated() {
|
|
@@ -87,6 +139,7 @@ export default {
|
|
|
this.visitsId = this.$route.query.visitsId || '';
|
|
this.visitsId = this.$route.query.visitsId || '';
|
|
|
this.storeGroupId = this.$route.query.storeGroupId || '';
|
|
this.storeGroupId = this.$route.query.storeGroupId || '';
|
|
|
this.objectType = this.$route.query.photoType || '';
|
|
this.objectType = this.$route.query.photoType || '';
|
|
|
|
|
+ this.insert = this.$route.query.insert;
|
|
|
this.getDetaile();
|
|
this.getDetaile();
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
@@ -94,7 +147,7 @@ export default {
|
|
|
console.log(this.$route.query);
|
|
console.log(this.$route.query);
|
|
|
getCollectionInfosBatch({
|
|
getCollectionInfosBatch({
|
|
|
storeCode: this.$route.query.storeCode,
|
|
storeCode: this.$route.query.storeCode,
|
|
|
- insert: true,
|
|
|
|
|
|
|
+ insert: this.insert == '1' ? true : false,
|
|
|
id: this.visitsId,
|
|
id: this.visitsId,
|
|
|
taskIds: this.taskIds.split(','),
|
|
taskIds: this.taskIds.split(','),
|
|
|
}).then((res) => {
|
|
}).then((res) => {
|
|
@@ -106,7 +159,13 @@ export default {
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
- onSubmit() {},
|
|
|
|
|
|
|
+ openDialog(item) {
|
|
|
|
|
+ this.vanPopup = true;
|
|
|
|
|
+ this.taskPhotoRecognitionResult = item.taskPhotoRecognitionResult;
|
|
|
|
|
+ },
|
|
|
|
|
+ onSubmit() {
|
|
|
|
|
+ this.$router.go(-1);
|
|
|
|
|
+ },
|
|
|
onClickLeft() {
|
|
onClickLeft() {
|
|
|
this.$router.go(-1);
|
|
this.$router.go(-1);
|
|
|
},
|
|
},
|
|
@@ -119,6 +178,7 @@ export default {
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
|
|
+ overflow: hidden;
|
|
|
.content {
|
|
.content {
|
|
|
padding: 10px;
|
|
padding: 10px;
|
|
|
flex: 1;
|
|
flex: 1;
|
|
@@ -126,6 +186,7 @@ export default {
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
|
|
+ padding-bottom: 46px;
|
|
|
.container {
|
|
.container {
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -169,6 +230,7 @@ export default {
|
|
|
.dataList {
|
|
.dataList {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
|
|
|
+ overflow-y: auto;
|
|
|
.dataItem {
|
|
.dataItem {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
background: #fff;
|
|
background: #fff;
|
|
@@ -188,6 +250,48 @@ export default {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
|
}
|
|
}
|
|
|
|
|
+ .itemBottom {
|
|
|
|
|
+ justify-content: end;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+</style>
|
|
|
|
|
+<style lang="scss">
|
|
|
|
|
+.taskPhotoTaking {
|
|
|
|
|
+ .identifyResultdialog {
|
|
|
|
|
+ width: vw(690) !important;
|
|
|
|
|
+ margin-top: 1vh !important;
|
|
|
|
|
+ border-radius: 8px !important;
|
|
|
|
|
+ font-size: vw(32) !important;
|
|
|
|
|
+ .el-dialog__headerbtn {
|
|
|
|
|
+ width: vw(44);
|
|
|
|
|
+ height: vw(44);
|
|
|
|
|
+ background-color: #e1e1e1;
|
|
|
|
|
+ border-radius: 50%;
|
|
|
|
|
+ margin-top: -3px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .table-headermd1 {
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ position: initial;
|
|
|
|
|
+ width: 98% !important;
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ border-right: 0;
|
|
|
|
|
+ border-radius: 8px;
|
|
|
|
|
+ th {
|
|
|
|
|
+ color: #000;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ }
|
|
|
|
|
+ td {
|
|
|
|
|
+ color: #000;
|
|
|
|
|
+ }
|
|
|
|
|
+ .el-table__cell {
|
|
|
|
|
+ padding: 6px 0 !important;
|
|
|
|
|
+ .cell {
|
|
|
|
|
+ padding: 0;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|