Merge branch 'fly' into xy-ly

src/views/pictureRotation/index.vue

@@ -35,18 +35,36 @@
     <div class="imageCenter" v-loading="loading">
       <div class="imgList" v-for="(item, index) in picList" :key="index">
         <viewer
+          v-if="item.path !== null && item.path.indexOf('videos') == -1"
           class="bigpic"
-          v-if="!item.path.includes('mp4')"
           :style="
             item.path ? 'backgroundImage:url(' + item.path + '!128x72)' : ''
           "
         >
           <img :src="item.path + '!1280x720'" />
-          <!-- <el-image :src="item.path + '!1280x720'" lazy></el-image> -->
         </viewer>
-        <video width="100%" height="90%" controls autoplay v-else>
-          <source :src="item.path" type="video/mp4" />
-        </video>
+        <div
+          class="bigpic"
+          v-else-if="item.path !== null && item.path.indexOf('videos') !== -1"
+        >
+          <video
+            width="100%"
+            height="100%"
+            :src="item.path"
+            controls="controls"
+          ></video>
+        </div>
+        <div class="bigpic" v-else>
+          <img src="../../assets/img/nopic.jpg" />
+        </div>
+        <!-- <div class="bigimg" v-else-if="item.path.indexOf('videos') !== -1">
+          <video
+            width="100%"
+            height="100%"
+            :src="item.path"
+            controls="controls"
+          ></video>
+        </div> -->
 
         <p class="infoTop">
           {{ item.linename }}-{{ item.displayname }}-{{ item.channnelname }}

src/views/realTimeMonitor/components/setschedule.vue

@@ -4,6 +4,7 @@
     title="时间表设置"
     :visible.sync="isShow"
     :close-on-click-modal="false"
+    @close="handleclose"
     width="60%"
   >
     <el-tabs v-model="activeName" @tab-click="handleClick" v-loading="loading">
@@ -25,7 +26,11 @@
         </div>
         <div class="flexno bt30">
           <div class="w8">时间表:</div>
-          <div class="w80 flexonly" v-if="this.shedulenr.length !== 0">
+          <div
+            class="w80 flexonly"
+            v-loading="timeloading"
+            v-if="this.shedulenr.length !== 0"
+          >
             <el-tag
               class="mr10 mt10"
               size="mini"
@@ -218,6 +223,9 @@ export default {
       checkList: "", //选中的通道
       newcmdzzid: "",
       newrequestId: "",
+      timer: null, //定时器
+      timernum: 0,
+      timeloading: false,
     };
   },
   mounted() {},
@@ -240,6 +248,7 @@ export default {
     },
     //查询时间表
     inquirebtn() {
+      this.loading = true;
       getSchedulenr({
         channelid: this.selaccess,
         terminalid: this.selfacilityId,
@@ -254,9 +263,10 @@ export default {
           this.$message.error("查询失败");
         });
     },
-    //查询时间时间表
+    //查询真是时间时间表
     inquireRealbtn() {
       console.log(this.selaccess, this.selfacilityId, this.newcmdzzid);
+      this.timeloading = true;
       selectPhotoTimeGetJoggle({
         channel: this.selaccess,
         termId: this.selfacilityId,
@@ -266,10 +276,11 @@ export default {
           this.$message.success("查询成功");
           console.log(this.shedulenr);
           this.newrequestId = res.data.requestId;
+          // this.searchRealtime();
           this.searchRealtime();
-          // this.shedulenr = res.data.list.join("; ")
-          // this.shedulenr = res.data.list;
-          // this.loading = false;
+          this.timer = window.setInterval(() => {
+            this.searchRealtime();
+          }, 10000);
         })
         .catch((err) => {
           this.$message.error("查询失败");
@@ -283,11 +294,13 @@ export default {
         requestId: this.newrequestId,
       }).then((res) => {
         console.log(res);
-        if (res.data.isNew) {
-          console.log(res.data.list);
-        } else {
-          //timer = setInterval(this.searchRealtime, 3000);
-          // this.searchRealtime();
+        if (res.data.isNew == true) {
+          this.shedulenr = res.data.list;
+          this.$message({
+            message: "装置信息已更新",
+            type: "success",
+          });
+          clearInterval(this.timer);
         }
       });
     },
@@ -422,6 +435,7 @@ export default {
     },
     closebtn() {
       this.isShowset = false;
+      clearInterval(this.timer);
       this.deviceList();
     },
     display() {
@@ -430,6 +444,10 @@ export default {
     hide() {
       this.isShow = false;
     },
+    handleclose() {
+      clearInterval(this.timer);
+      console.log("关闭轮询");
+    },
   },
 };
 </script>

src/views/realTimeMonitor/index.vue

@@ -319,6 +319,7 @@ export default {
       this.channelOption = [];
       this.channelListOption = [];
       this.getChannelList(this.channelId); //获取通道id接口
+      this.stop();
     },
     //获取通道的接口
     getChannelList(id) {