拍照时间表和实时监控

src/views/components/carouselChart.vue

@@ -12,7 +12,7 @@
         "
         @click="handleBigPicbox(bigPicPath)"
       >
-        <img ref="picJpg" class="animImg" :src="bigPicPath + '!1280x720'" />
+        <img ref="picJpg" class="animImg" :src="bigPicPath" />
 
         <canvas id="myCanvas" class="myCanvas" ref="myCanvas"></canvas>
         <!-- <p class="mark">
@@ -202,7 +202,8 @@ export default {
     console.log(this.fiveList);
     //获取points
     getCoordinate({
-      channelId: this.fiveList[0].channelId,
+      channelId:
+        this.fiveList[0].channelId == null ? 1 : this.fiveList[0].channelId,
       needPic: "0",
       termId: this.fiveList[0].termId,
     })

src/views/devicePhotoSchedule/components/setdevice.vue

@@ -46,12 +46,16 @@
             class="custom-tree-node"
             slot-scope="{ data }"
           >
-            <span class="mr10">{{ data.name }}--{{ data.id }}</span>
-            <!-- <el-tag size="mini" type="success">装置下发成功</el-tag>
+            <span class="mr10">{{ data.name }}</span>
+            <!-- <el-tag size="mini" type="success" v-if="zzsuccess"
+              >装置下发成功</el-tag
+            >
             <el-tag size="mini" v-if="zzpending"
               ><i class="el-icon-loading"></i>装置下发中</el-tag
             >
-            <el-tag size="mini" type="danger">装置下发失败</el-tag> -->
+            <el-tag size="mini" type="danger" v-if="zzerror"
+              >装置下发失败</el-tag
+            > -->
           </span>
           <span v-else class="custom-tree-node" slot-scope="{ data }">
             <span>{{ data.name }}</span>
@@ -229,12 +233,14 @@ export default {
             return value.status !== 1;
           });
           if (this.requestList.length == 0) {
+            this.zzsuccess = true;
             this.$message.success("下发成功");
             clearInterval(this.timer);
             this.timer = null;
             this.isShow = false;
             this.sureloading = false;
           } else if (this.i > 9) {
+            this.zzerror = true;
             this.i = 0;
             this.$message.warning("下发失败，请稍后再试！");
             clearInterval(this.timer);

src/views/realTimeMonitor/components/setschedule.vue

@@ -304,6 +304,7 @@ export default {
     changeSelect() {
       console.log(this.selaccess);
       this.loading = true;
+      this.newshedulenr = [];
       getSchedulenr({
         channelid: this.selaccess,
         terminalid: this.selfacilityId,
@@ -365,9 +366,9 @@ export default {
           }
         })
         .catch((err) => {
+          this.$message.error("查询失败");
           clearInterval(this.timer);
           this.timer = null;
-          this.$message.error("查询失败");
         });
     },
     //获取线路列表数据
@@ -542,7 +543,7 @@ export default {
     },
     closebtn() {
       this.isShowset = false;
-      clearInterval(this.timer);
+
       this.deviceList();
       clearInterval(this.timers);
       this.timers = null;
@@ -554,7 +555,9 @@ export default {
       this.isShow = false;
     },
     handleclose() {
-      clearInterval(this.timer);
+      this.newshedulenr = [];
+      this.shedulenr = [];
+
       console.log("关闭轮询");
       clearInterval(this.timers);
       this.timers = null;
@@ -598,6 +601,12 @@ export default {
     }
     .timeShow {
       display: flex;
+      .leftTime {
+        width: 50%;
+      }
+      .rightTime {
+        width: 50%;
+      }
     }
   }
   .searchBtn {

src/views/realTimeMonitor/index.vue

@@ -44,6 +44,10 @@
           </div> -->
         </div>
         <div class="parameterArea">
+          <div class="zzbox">
+            <!-- <h3>装置名称</h3> -->
+            <p class="zzidname">{{ cmdid }}</p>
+          </div>
           <div class="paramsDate">
             <h3>日历快速查询</h3>
             <el-date-picker
@@ -202,7 +206,6 @@ import {
   getLatestPhotoJoggle,
   getReturnedPhotoJoggle,
   alarmMarkJoggle,
-  getCoordinate,
 } from "@/utils/api/index";
 import { mapState } from "vuex";
 import carouselChart from "../components/carouselChart.vue";
@@ -378,6 +381,7 @@ export default {
             this.terminalPhoto = [
               {
                 path: this.nopicPath,
+                termId: id,
               },
             ];
             console.log(this.terminalPhoto);
@@ -396,6 +400,7 @@ export default {
           this.terminalPhoto = [
             {
               path: this.nopicPath,
+              termId: id,
             },
           ];
           console.log(this.terminalPhoto);
@@ -418,6 +423,7 @@ export default {
             this.terminalPhoto = [
               {
                 path: this.nopicPath,
+                termId: termId,
               },
             ];
             this.totalPic = 0;
@@ -741,7 +747,8 @@ export default {
       .monitorItemBox,
       .paramsDate,
       .setTimebtn,
-      .GPSItemBox {
+      .GPSItemBox,
+      .zzbox {
         margin-bottom: 16px;
         h3 {
           font-size: 14px;
@@ -752,6 +759,9 @@ export default {
         .el-date-editor.el-input {
           width: 215px;
         }
+        .zzidname {
+          font-weight: normal;
+        }
       }
       .setTimebtn {
         // position: absolute;