录像视频缺陷

src/api/iot/videoDiagnosis.js

@@ -24,3 +24,11 @@ export function integrity(hostCode, channelCode,date) {
     method: "get",
   });
 }
+
+// 获取某天的录像完整性
+export function image(path) {
+  return request({
+    url: `/iot/VideoDiagnosis/img?path=${encodeURIComponent(path)}`,
+    method: "get",
+  });
+}

src/views/iot/videoDiagnosis/detail.vue

@@ -255,8 +255,8 @@
                     "
                   >
                     <el-image
-                      :src="data.quality.image"
-                      :preview-src-list="[data.quality.image]"
+                      :src="imgUrl(data.quality.image)"
+                      :preview-src-list="[imgUrl(data.quality.image)]"
                     >
                       <div slot="error" class="image-slot">
                         <i class="el-icon-picture-outline"></i>
@@ -386,7 +386,7 @@ export default {
       this.getIntegrity(this.data.hostCode, this.data.channelCode, date);
     },
     lostDurationText(duration) {
-      if (!duration || duration=='0') {
+      if (!duration || duration == "0") {
         return "未丢失";
       }
 
@@ -403,6 +403,15 @@ export default {
 
       return str;
     },
+    imgUrl(img) { 
+          // let path="http://localhost:8080/iot/VideoDiagnosis/img?path=";
+      let path = process.env.NODE_ENV === "development"
+          ? "/dev-api/iot/VideoDiagnosis/img?path="
+          : process.env.VUE_APP_BASE_API + "/iot/VideoDiagnosis/img?path="
+      
+      if (img) path += `${encodeURIComponent(img)}`;
+      return path;
+    },
   },
 };
 </script>