From 3f615df738f2e1150fab099c00cfec4e4c43196b Mon Sep 17 00:00:00 2001
From: tuqin <tuqin@tuqin.cn>
Date: 星期一, 26 十月 2026 09:24:45 +0800
Subject: [PATCH] feat(环保门禁): 智能巡检回传详情(AI分析/无人机轨迹结构化展示)、异常报警15秒轮询+弹窗提醒、车辆手机采集加拍照上传与移动端适配

---
 src/views/environmentAccess/vehicleInfoAudit/index.vue |   85 ++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 84 insertions(+), 1 deletions(-)

diff --git a/src/views/environmentAccess/vehicleInfoAudit/index.vue b/src/views/environmentAccess/vehicleInfoAudit/index.vue
index 337f6bd..cf2c139 100644
--- a/src/views/environmentAccess/vehicleInfoAudit/index.vue
+++ b/src/views/environmentAccess/vehicleInfoAudit/index.vue
@@ -127,6 +127,44 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <el-row :gutter="30">
+          <el-col :span="8">
+            <el-form-item label="杞︾墝鐓х墖">
+              <el-image
+                v-if="form.platePhoto"
+                :src="form.platePhoto"
+                :preview-src-list="[form.platePhoto]"
+                fit="cover"
+                class="audit-photo"
+              />
+              <span v-else class="audit-photo-empty">鏈笂浼�</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="琛岄┒璇佺収鐗�">
+              <el-image
+                v-if="form.licensePhoto"
+                :src="form.licensePhoto"
+                :preview-src-list="[form.licensePhoto]"
+                fit="cover"
+                class="audit-photo"
+              />
+              <span v-else class="audit-photo-empty">鏈笂浼�</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="杞﹁締鍏ㄦ櫙鐓х墖">
+              <el-image
+                v-if="form.scenePhoto"
+                :src="form.scenePhoto"
+                :preview-src-list="[form.scenePhoto]"
+                fit="cover"
+                class="audit-photo"
+              />
+              <span v-else class="audit-photo-empty">鏈笂浼�</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
       <template #footer>
         <div class="dialog-footer">
@@ -144,6 +182,20 @@
       @close="closeAuditDialog"
     >
       <el-form :model="auditForm" label-width="100px">
+        <el-form-item label="閲囬泦鐓х墖">
+          <div class="audit-photos">
+            <el-image
+              v-for="(p, i) in auditPhotos"
+              :key="i"
+              :src="p"
+              :preview-src-list="auditPhotos"
+              :initial-index="i"
+              fit="cover"
+              class="audit-thumb"
+            />
+            <span v-if="!auditPhotos.length" class="audit-photo-empty">璇ヨ褰曟湭涓婁紶鐓х墖</span>
+          </div>
+        </el-form-item>
         <el-form-item label="瀹℃牳缁撴灉" prop="status">
           <el-radio-group v-model="auditForm.status">
             <el-radio label="approved">閫氳繃</el-radio>
@@ -170,7 +222,7 @@
 </template>
 
 <script setup>
-import { ref, reactive } from "vue";
+import { ref, reactive, computed } from "vue";
 import { Search } from "@element-plus/icons-vue";
 import { ElMessage, ElMessageBox } from "element-plus";
 import PIMTable from "@/components/PIMTable/PIMTable.vue";
@@ -340,6 +392,9 @@
     registeDate: "",
     natureOfUse: "",
     fuelType: "",
+    platePhoto: "",
+    licensePhoto: "",
+    scenePhoto: "",
     reviewStatus: "pending",
   };
 }
@@ -355,6 +410,10 @@
 const auditForm = reactive({
   status: "approved",
   comment: "",
+});
+const auditPhotos = computed(() => {
+  const r = currentAuditRow.value || {};
+  return [r.platePhoto, r.licensePhoto, r.scenePhoto].filter(Boolean);
 });
 
 // 鏌ヨ
@@ -496,5 +555,29 @@
 .table_list {
   margin-top: 20px;
 }
+.audit-photo {
+  width: 140px;
+  height: 100px;
+  border-radius: 4px;
+  border: 1px solid #ebeef5;
+  cursor: pointer;
+}
+.audit-photo-empty {
+  font-size: 13px;
+  color: #909399;
+}
+.audit-photos {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+}
+.audit-thumb {
+  width: 96px;
+  height: 72px;
+  border-radius: 4px;
+  border: 1px solid #ebeef5;
+  cursor: pointer;
+}
 </style>
 

--
Gitblit v1.9.3