录像诊断完善

src/views/iot/videoDiagnosis/detail.vue

@@ -36,7 +36,7 @@
       <div v-else>
         <el-descriptions title="录像质量" :column="3">
           <el-descriptions-item label="检测结果">{{
-            data.quality.state == 1 ? "异常" : "正常"
+           getLabel(this.videoDiagnosisState,data.quality.state) 
           }}</el-descriptions-item>
           <el-descriptions-item label="更新时间">{{
             dayjs(data.quality.updateTime).format("YYYY年M月D日H时m分")
@@ -138,7 +138,7 @@
       <div v-else>
         <el-descriptions title="录像完整性" :column="3">
           <el-descriptions-item label="检测结果">{{
-            data.integrity.state == 1 ? "异常" : "正常"
+            getLabel(this.videoIntegrityState,data.integrity.state)
           }}</el-descriptions-item>
           <el-descriptions-item label="录像日期">{{
             dayjs(data.integrity.recordDate).format("YYYY年M月D日")
@@ -280,6 +280,7 @@ import ProgressBar from "./ProgressBar";
 import Calendar from "./Calendar.vue";
 import dayjs from "dayjs";
 import { detail } from "@/api/iot/videoDiagnosis.js";
+import { getLabel } from "@/views/commonOption.js";
 
 export default {
   components: { TimeLine, ProgressBar, Calendar },
@@ -294,8 +295,14 @@ export default {
       start_timestamp: new Date().getTime() - 5 * 60 * 60 * 1000, //刻度轴开始时间
     };
   },
+  props:{
+    videoIntegrityState,
+    videoDaysState,
+    videoDiagnosisState
+  },
   methods: {
     dayjs,
+    getLabel,
     async show(hostCode, channelCode) {
       this.data = await detail(hostCode, channelCode);
       this.isShow = true;

src/views/iot/videoDiagnosis/index.vue

@@ -39,7 +39,7 @@
               placeholder="请选择状态"
             >
               <el-option
-                v-for="dict in dict.type.VideoIntegrityState"
+                v-for="dict in dict.type.video_integrity_state"
                 :key="dict.value"
                 :label="dict.label"
                 :value="dict.value"
@@ -53,7 +53,7 @@
               placeholder="请选择状态"
             >
               <el-option
-                v-for="dict in dict.type.VideoDaysState"
+                v-for="dict in dict.type.video_days_state"
                 :key="dict.value"
                 :label="dict.label"
                 :value="dict.value"
@@ -67,7 +67,7 @@
               placeholder="请选择状态"
             >
               <el-option
-                v-for="dict in dict.type.VideoDiagnosisState"
+                v-for="dict in dict.type.video_diagnosis_state"
                 :key="dict.value"
                 :label="dict.label"
                 :value="dict.value"
@@ -155,10 +155,10 @@
           label="实际/计划存储(天)"
           prop="planDays"
         >
-        <template slot="r">
-          {{r.row.realDays}}/{{r.row.planDays}}
-        </template>
-      </el-table-column>
+          <template slot="r">
+            {{ r.row.realDays }}/{{ r.row.planDays }}
+          </template>
+        </el-table-column>
         <el-table-column
           align="center"
           label="无视频信号"
@@ -176,7 +176,9 @@
         ></el-table-column>
         <el-table-column label="操作" align="center" width="120">
           <template slot-scope="r">
-            <el-button type="text" @click="openDetail(r.row.hostCode,r.row.channelC)"
+            <el-button
+              type="text"
+              @click="openDetail(r.row.hostCode, r.row.channelC)"
               >详情</el-button
             >
           </template>
@@ -192,7 +194,13 @@
       />
     </div>
     <!--详情页面-->
-    <detail ref="DialogDetail" @success="refresh(true)"></detail>
+    <detail
+      ref="DialogDetail"
+      @success="refresh(true)"
+      :videoDaysState="dict.type.video_integrity_state"
+      :videoDiagnosisState="dict.type.video_diagnosis_state"
+      :videoIntegrityState="dict.type.video_diagnosis_state"
+    ></detail>
   </div>
 </template>
 
@@ -200,10 +208,10 @@
 import OrgTree from "@/components/orgTree/orgQuerySelector.vue";
 import dayjs from "dayjs";
 import detail from "./detail.vue";
-import {list} from "@/api/iot/videoDiagnosis.js"
+import { list } from "@/api/iot/videoDiagnosis.js";
 export default {
   components: { detail, OrgTree },
-  dicts: ["VideoIntegrityState","VideoDaysState","VideoDiagnosisState"],
+  dicts: ["video_integrity_state", "video_days_state", "video_diagnosis_state"],
 
   data() {
     return {
@@ -219,10 +227,10 @@ export default {
         hostName: null,
         channelName: null,
         integrityState: null,
-        daysState:null,
-        diagnosisState:null,
+        daysState: null,
+        diagnosisState: null,
         orgId: this.$store.getters.orgId,
-        checkSub:false,
+        checkSub: false,
       },
       dataList: [],
     };
@@ -232,8 +240,8 @@ export default {
   },
   methods: {
     dayjs,
-    openDetail(hostCode,channelCode) {
-      this.$refs.DialogDetail.show(hostCode,channelCode);
+    openDetail(hostCode, channelCode) {
+      this.$refs.DialogDetail.show(hostCode, channelCode);
     },
     getDefaultKey(key) {
       this.queryParams.orgId = key;