From 1e22b0c384f40f1fd42a6e7f957661005f0dc24c Mon Sep 17 00:00:00 2001
From: 董国庆 <364620639@qq.com>
Date: 星期四, 26 三月 2026 14:07:28 +0800
Subject: [PATCH] 修改ui全局table和图片
---
src/views/operations/taskOrder/taskOrderCenter/components/detailModal.vue | 60 ++++++++++++++++++++++++++++++------------------------------
1 files changed, 30 insertions(+), 30 deletions(-)
diff --git a/src/views/operations/taskOrder/taskOrderCenter/components/detailModal.vue b/src/views/operations/taskOrder/taskOrderCenter/components/detailModal.vue
index bc1f12a..b1013b2 100644
--- a/src/views/operations/taskOrder/taskOrderCenter/components/detailModal.vue
+++ b/src/views/operations/taskOrder/taskOrderCenter/components/detailModal.vue
@@ -224,7 +224,7 @@
<img
v-if="getVehicleImage(formModel.accidentDetailVO.vehiclePictures)"
:src="getVehicleImage(formModel.accidentDetailVO.vehiclePictures)"
- class="w-112px h-64px mr-16px accident-vehicle-image"
+ class="w-112px h-64px mr-16px accident-vehicle-image" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
<div>
<div class="plateNumber mb-8px">
@@ -257,7 +257,7 @@
v-for="(item, idx) in getValidImageList(formModel.accidentDetailVO.taskImage)"
:key="idx"
:src="item.url"
- class="w-56px h-56px accident-thumb"
+ class="w-56px h-56px accident-thumb" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -266,7 +266,7 @@
<img
v-if="parseAvatarUrl(formModel.accidentDetailVO.reportUserAvatar)"
:src="parseAvatarUrl(formModel.accidentDetailVO.reportUserAvatar)"
- class="w-40px h-40px accident-avatar"
+ class="w-40px h-40px accident-avatar" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
<div class="flex-1 min-w-0">
<div class="label mb-4px">
@@ -333,7 +333,7 @@
v-for="(item, idx) in getValidImageList(formModel.accidentDetailVO.situationImage)"
:key="idx"
:src="item.url"
- class="w-56px h-56px accident-thumb"
+ class="w-56px h-56px accident-thumb" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -349,7 +349,7 @@
v-for="(item, idx) in getValidImageList(formModel.accidentDetailVO.disposalImage)"
:key="idx"
:src="item.url"
- class="w-56px h-56px accident-thumb"
+ class="w-56px h-56px accident-thumb" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -358,7 +358,7 @@
<img
v-if="parseAvatarUrl(formModel.accidentDetailVO.handleUserAvatar)"
:src="parseAvatarUrl(formModel.accidentDetailVO.handleUserAvatar)"
- class="w-40px h-40px accident-avatar"
+ class="w-40px h-40px accident-avatar" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
<div class="flex-1 min-w-0">
<div class="label mb-4px">
@@ -388,7 +388,7 @@
<div class="mb-16px flex items-center">
<img
v-if="formModel.detectionDetailVO?.vehiclePictures" :src="formModel.detectionDetailVO.vehiclePictures"
- class="w-112px h-64px mr-16px"
+ class="w-112px h-64px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
<div>
<div class="plateNumber mb-8px">
@@ -455,7 +455,7 @@
<div class="imgs">
<img
v-for="(item, idx) in JSON.parse(formModel.detectionDetailVO.sensorCleaningPicture)" :key="idx"
- :src="item.url" class="w-56px h-56px mr-16px"
+ :src="item.url" class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -466,7 +466,7 @@
<div class="imgs">
<img
v-for="(item, idx) in JSON.parse(formModel.detectionDetailVO.interactiveScreenPicture)" :key="idx"
- :src="item.url" class="w-56px h-56px mr-16px"
+ :src="item.url" class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -477,7 +477,7 @@
<div class="imgs">
<img
v-for="(item, idx) in JSON.parse(formModel.detectionDetailVO.helpButtonPicture)" :key="idx"
- :src="item.url" class="w-56px h-56px mr-16px"
+ :src="item.url" class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -488,7 +488,7 @@
<div class="imgs">
<img
v-for="(item, idx) in JSON.parse(formModel.detectionDetailVO.paymentFunctionPicture)" :key="idx"
- :src="item.url" class="w-56px h-56px mr-16px"
+ :src="item.url" class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -499,7 +499,7 @@
<div class="imgs">
<img
v-for="(item, idx) in JSON.parse(formModel.detectionDetailVO.systemCheckPicture)" :key="idx"
- :src="item.url" class="w-56px h-56px mr-16px"
+ :src="item.url" class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -521,7 +521,7 @@
<div class="mb-16px flex items-center">
<img
v-if="formModel.chargingDetailVO?.vehiclePictures.url" :src="formModel.chargingDetailVO.vehiclePictures.url"
- class="w-112px h-64px mr-16px"
+ class="w-112px h-64px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
<div>
<div class="plateNumber mb-8px">
@@ -555,7 +555,7 @@
</div>
<div class="imgs">
<div v-for="(item, idx) in JSON.parse(formModel.chargingDetailVO.startChargingPicture)" :key="idx">
- <img v-if="item?.url" :src="item.url" class="w-56px h-56px mr-16px">
+ <img v-if="item?.url" :src="item.url" class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }">
</div>
</div>
</div>
@@ -575,7 +575,7 @@
</div>
<div class="imgs">
<div v-for="(item, idx) in JSON.parse(formModel.chargingDetailVO.endChargingPicture)" :key="idx">
- <img v-if="item?.url" :src="item.url" class="w-56px h-56px mr-16px">
+ <img v-if="item?.url" :src="item.url" class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }">
</div>
</div>
</div>
@@ -587,7 +587,7 @@
<div class="mb-16px flex items-center">
<img
v-if="formModel.preparationDetailVO?.vehiclePictures" :src="formModel.preparationDetailVO.vehiclePictures"
- class="w-112px h-64px mr-16px"
+ class="w-112px h-64px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
<div>
<div class="plateNumber mb-8px">
@@ -619,7 +619,7 @@
<div v-if="formModel.preparationDetailVO.headLight" class="imgs">
<img
v-for="(item, idx) in JSON.parse(formModel.preparationDetailVO.headLight)" :key="idx" :src="item.url"
- class="w-56px h-56px mr-16px"
+ class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -630,7 +630,7 @@
<div v-if="formModel.preparationDetailVO.turnSignal" class="imgs">
<img
v-for="(item, idx) in JSON.parse(formModel.preparationDetailVO.turnSignal)" :key="idx" :src="item.url"
- class="w-56px h-56px mr-16px"
+ class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -641,7 +641,7 @@
<div v-if="formModel.preparationDetailVO.brakeLight" class="imgs">
<img
v-for="(item, idx) in JSON.parse(formModel.preparationDetailVO.brakeLight)" :key="idx" :src="item.url"
- class="w-56px h-56px mr-16px"
+ class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -652,7 +652,7 @@
<div v-if="formModel.preparationDetailVO.fogLight" class="imgs">
<img
v-for="(item, idx) in JSON.parse(formModel.preparationDetailVO.fogLight)" :key="idx" :src="item.url"
- class="w-56px h-56px mr-16px"
+ class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -663,7 +663,7 @@
<div v-if="formModel.preparationDetailVO.bodyEmblem" class="imgs">
<img
v-for="(item, idx) in JSON.parse(formModel.preparationDetailVO.bodyEmblem)" :key="idx" :src="item.url"
- class="w-56px h-56px mr-16px"
+ class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -674,7 +674,7 @@
<div v-if="formModel.preparationDetailVO.cabinCleaning" class="imgs">
<img
v-for="(item, idx) in JSON.parse(formModel.preparationDetailVO.cabinCleaning)" :key="idx"
- :src="item.url" class="w-56px h-56px mr-16px"
+ :src="item.url" class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -685,7 +685,7 @@
<div v-if="formModel.preparationDetailVO.lostItems" class="imgs">
<img
v-for="(item, idx) in JSON.parse(formModel.preparationDetailVO.lostItems)" :key="idx" :src="item.url"
- class="w-56px h-56px mr-16px"
+ class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
<div class="label mt-8px">
@@ -710,7 +710,7 @@
<div class="mb-16px flex items-center">
<img
v-if="formModel.cleanDetailVO?.vehiclePictures" :src="formModel.cleanDetailVO.vehiclePictures"
- class="w-112px h-64px mr-16px"
+ class="w-112px h-64px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
<div>
<div class="plateNumber mb-8px">
@@ -732,7 +732,7 @@
<div class="imgs">
<img
v-for="(item, idx) in JSON.parse(formModel.cleanDetailVO.taskImage)" :key="idx" :src="item.url"
- class="w-56px h-56px mr-16px"
+ class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -754,7 +754,7 @@
<div class="mb-16px flex items-center">
<img
v-if="formModel.repairDetailVO?.vehiclePictures" :src="formModel.repairDetailVO.vehiclePictures"
- class="w-112px h-64px mr-16px"
+ class="w-112px h-64px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
<div>
<div class="plateNumber mb-8px">
@@ -783,7 +783,7 @@
<div class="imgs">
<img
v-for="(item, idx) in JSON.parse(formModel.repairDetailVO.startRepairPicture)" :key="idx"
- :src="item.url" class="w-56px h-56px mr-16px"
+ :src="item.url" class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -804,7 +804,7 @@
<div class="imgs">
<img
v-for="(item, idx) in JSON.parse(formModel.repairDetailVO.repairMoneyDetail)" :key="idx"
- :src="item.url" class="w-56px h-56px mr-16px"
+ :src="item.url" class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
@@ -826,7 +826,7 @@
<div class="mb-16px flex items-center">
<img
v-if="formModel.routineDetailVO?.vehiclePictures" :src="formModel.routineDetailVO.vehiclePictures"
- class="w-112px h-64px mr-16px"
+ class="w-112px h-64px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
<div>
<div class="plateNumber mb-8px">
@@ -851,7 +851,7 @@
<div class="imgs">
<img
v-for="(item, idx) in JSON.parse(formModel.routineDetailVO.taskImage)" :key="idx" :src="item.url"
- class="w-56px h-56px mr-16px"
+ class="w-56px h-56px mr-16px" @error="(e: any) => { e.target.src = '/src/assets/element-img/error-img.png' }"
>
</div>
</div>
--
Gitblit v1.7.1