|
|
@@ -59,10 +59,58 @@
|
|
|
</div>
|
|
|
<div v-html="item.displayInstructions"></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>
|
|
|
+ <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>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -82,6 +130,8 @@ export default {
|
|
|
storeGroupId: '',
|
|
|
objectType: '',
|
|
|
insert: '',
|
|
|
+ vanPopup: false,
|
|
|
+ taskPhotoRecognitionResult: null,
|
|
|
};
|
|
|
},
|
|
|
activated() {
|
|
|
@@ -109,7 +159,13 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- onSubmit() {},
|
|
|
+ openDialog(item) {
|
|
|
+ this.vanPopup = true;
|
|
|
+ this.taskPhotoRecognitionResult = item.taskPhotoRecognitionResult;
|
|
|
+ },
|
|
|
+ onSubmit() {
|
|
|
+ this.$router.go(-1);
|
|
|
+ },
|
|
|
onClickLeft() {
|
|
|
this.$router.go(-1);
|
|
|
},
|
|
|
@@ -194,6 +250,48 @@ export default {
|
|
|
display: flex;
|
|
|
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;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
