|
|
@@ -134,13 +134,27 @@
|
|
|
<p style="flex: 1; margin: 0">
|
|
|
{{ item.taskName }}
|
|
|
</p>
|
|
|
- <div class="taskPhotoConditionPassed">
|
|
|
- <img
|
|
|
- v-if="item.taskPhotoConditionPassed == 1"
|
|
|
- :src="require('@/assets/taskPhotoSu.png')" />
|
|
|
- <img
|
|
|
- v-if="item.taskPhotoConditionPassed == 0"
|
|
|
- :src="require('@/assets/taskPhotoErr.png')" />
|
|
|
+
|
|
|
+ <div class="taskPhotoConditionPassed" @click.stop>
|
|
|
+ <el-popover
|
|
|
+ :popper-class="item.taskPhotoConditionPassed == 1 ? 'zpoverSuccess' : 'zpover'"
|
|
|
+ placement="bottom"
|
|
|
+ width="120"
|
|
|
+ trigger="click"
|
|
|
+ :content="
|
|
|
+ item.taskPhotoConditionPassed == 1
|
|
|
+ ? '陈列奖励案拍照AI识别成功'
|
|
|
+ : '陈列奖励案拍照AI识别失败'
|
|
|
+ ">
|
|
|
+ <div class="taskPhotoConditionPassed" slot="reference">
|
|
|
+ <img
|
|
|
+ v-if="item.taskPhotoConditionPassed == 1"
|
|
|
+ :src="require('@/assets/taskPhotoSu.png')" />
|
|
|
+ <img
|
|
|
+ v-if="item.taskPhotoConditionPassed == 0"
|
|
|
+ :src="require('@/assets/taskPhotoErr.png')" />
|
|
|
+ </div>
|
|
|
+ </el-popover>
|
|
|
</div>
|
|
|
<p class="arrowdetils1">
|
|
|
<van-icon name="arrow" />
|
|
|
@@ -523,7 +537,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
</style>
|
|
|
-<style>
|
|
|
+<style lang="scss">
|
|
|
.fontWeit .van-cell__title {
|
|
|
font-weight: bold;
|
|
|
font-size: 16px;
|
|
|
@@ -540,4 +554,20 @@ export default {
|
|
|
border-radius: 6px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
+.historicalDetails {
|
|
|
+ .card {
|
|
|
+ .el-popover__reference-wrapper {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.zpoverSuccess {
|
|
|
+ background-color: #28e978 !important;
|
|
|
+ color: #fff !important;
|
|
|
+ padding: 8px 10px !important;
|
|
|
+ z-index: 1 !important;
|
|
|
+ border-radius: 6px !important;
|
|
|
+ border: 0 !important;
|
|
|
+ box-shadow: none !important;
|
|
|
+}
|
|
|
</style>
|
