feat(环保门禁): 智能巡检回传详情(AI分析/无人机轨迹结构化展示)、异常报警15秒轮询+弹窗提醒、车辆手机采集加拍照上传与移动端适配

tuqin

18 小时以前 3f615df738f2e1150fab099c00cfec4e4c43196b

 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>