From cd0069339a223e2ae82d4dd6152ff946c6884b0d Mon Sep 17 00:00:00 2001
From: fanluyan <754122931@qq.com>
Date: Thu, 20 Jul 2023 17:50:53 +0800
Subject: [PATCH] =?UTF-8?q?=E6=97=B6=E9=97=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/carouselChart.vue |  8 +++-
 src/views/realTimeMonitor/index.vue    | 54 ++++++++++++++++++++------
 src/views/realTimeSearch/index.vue     | 35 ++++++++++++++---
 src/views/stritl/index.vue             |  5 +++
 4 files changed, 84 insertions(+), 18 deletions(-)

diff --git a/src/views/components/carouselChart.vue b/src/views/components/carouselChart.vue
index 00fae2f..591983c 100644
--- a/src/views/components/carouselChart.vue
+++ b/src/views/components/carouselChart.vue
@@ -19,8 +19,9 @@
           <img
             ref="picJpg"
             class="animImg"
-            :src="bigPicPath.substring(0, bigPicPath.length - 9)"
+            :src="bigPicPath"
             :data-source="bigPicPath"
+            @click="showbigpicPath(bigPicPath)"
           />
         </div>
 
@@ -265,6 +266,11 @@ export default {
   },
   created() {},
   methods: {
+    showbigpicPath(data) {
+      console.log(data);
+      this.bigPicPath = data.substring(0, data.length - 9);
+      console.log(this.bigPicPath);
+    },
     handleBigPicbox() {
       this.showBigpic = true;
     },
diff --git a/src/views/realTimeMonitor/index.vue b/src/views/realTimeMonitor/index.vue
index 80412af..30b2497 100644
--- a/src/views/realTimeMonitor/index.vue
+++ b/src/views/realTimeMonitor/index.vue
@@ -55,9 +55,11 @@
                 :class="data.onlinestatus == 0 ? 'disconnect' : ''"
                 style="margin-right: 6px"
               ></span>
-              <span :class="data.onlinestatus == 0 ? 'disconnect' : ''">{{
-                node.label
-              }}</span>
+              <span
+                :id="data.id"
+                :class="data.onlinestatus == 0 ? 'disconnect' : ''"
+                >{{ node.label }}</span
+              >
             </span>
             <!-- <span :class="data.onlinestatus == 0 ? 'disconnect' : ''"
               >{{ node.level }}---{{ node.label }}</span
@@ -253,6 +255,7 @@ import carouselChart from "../components/carouselChart.vue";
 import setschedule from "./components/setschedule.vue";
 import infoDialog from "./components/infoDialog.vue";
 import gpsPosition from "./components/gpsPosition.vue";
+import { number } from "echarts";
 export default {
   components: {
     previewContain,
@@ -311,6 +314,7 @@ export default {
       selectDyId: "", //获取当前选中的电压线路等信息
       selectLineId: "",
       selectTowerId: "",
+      currentId: "",
     };
   },
   watch: {
@@ -323,11 +327,10 @@ export default {
   computed: {},
   mounted() {
     this.dragControllerDiv();
+    this.getDateTime();
   },
   created() {
     //获取日期
-    this.getDateTime();
-    console.log(this.dateValue);
     this.getLineTreeList();
     this.treetimer = window.setInterval(() => {
       setTimeout(this.getLineTreeStatus(), 0);
@@ -338,11 +341,12 @@ export default {
     getDateTime() {
       console.log(new Date());
       this.dateValue = new Date().getTime();
-    },
-    //选择时间
-    changedate() {
       console.log(this.dateValue);
     },
+    // //选择时间
+    // changedate() {
+    //   console.log(this.dateValue);
+    // },
     //点击当前选中的treenode
     handleNodeClick(data) {
       console.log(data);
@@ -373,6 +377,7 @@ export default {
         this.getChannelList(data.id);
         // this.getTerminalPhotoList(id, date, data.id);
       }
+      localStorage.setItem("currentId", data.id);
     },
     //轮询获取装置状态
     getLineTreeStatus() {
@@ -405,13 +410,13 @@ export default {
           this.onlineNum = res.data.onlineNum;
           this.totalNum = res.data.totalNum;
           if (this.lineTreeData[0].list[0].list.length > 0) {
-            this.emptyText = "暂无数据";
             this.selectData = this.lineTreeData[0]; //第一个选中的数据
+            this.emptyText = "暂无数据";
             this.currentNodekey = this.lineTreeData[0].id; //第一个数据
-            console.log(this.currentNodekey);
             this.type = 1;
             this.newCurrentId = this.lineTreeData[0].id;
             this.previewData = this.lineTreeData[0]; //预览图数据
+            //localStorage.setItem("currentId", this.currentNodekey);
             this.$nextTick(() => {
               this.$refs.tree.setCurrentKey(this.currentNodekey); //一定要加这个选中了否则样式没有出来
               this.channelId = this.currentNodekey;
@@ -481,7 +486,7 @@ export default {
     },
     //选择时间
     changedate() {
-      console.log(this.dateValue);
+      console.log(this.dateValue.getTime());
       console.log(this.zztermId);
       this.getTerminalPhotoList(
         this.selectChannelValue,
@@ -529,6 +534,7 @@ export default {
       this.zztermId = data.termid;
       this.selectChannelValue = data.channnelname;
       this.$refs.tree.setCurrentKey(this.zztermId); //一定要加这个选中了否则样式没有出来
+      this.selectedRegion(this.zztermId);
       if (data.photoTime == "" || data.photoTime == null) {
         this.getDateTime();
       } else {
@@ -578,6 +584,19 @@ export default {
         });
       //this.getTerminalPhotoList(data.channelid, this.dateValue, this.zztermId);
     },
+    selectedRegion(id) {
+      console.log("滚动到选中定位的位置");
+      // 通过Id获取到对应的dom元素
+      const node = document.getElementById(id);
+      setTimeout(() => {
+        if (node) {
+          this.$nextTick(() => {
+            // 通过scrollIntoView方法将对应的dom元素定位到可见区域 【block: 'center'】这个属性是在垂直方向居中显示
+            node.scrollIntoView({ block: "center" });
+          });
+        }
+      }, 100);
+    },
     //主动拍照
     handleCommandpic(command) {
       console.log(command);
@@ -879,6 +898,18 @@ export default {
 
       console.log(this.selectDyId, this.selectLineId, this.selectTowerId);
       console.log(this.zzCmdid, this.selectChannelValue);
+
+      if (typeof this.dateValue == "number") {
+        console.log(this.dateValue);
+        console.log(new Date(new Date().toLocaleDateString()).getTime());
+        // var newDateValue = this.dateValue.toString();
+        // this.dateValue = newDateValue.slice(0, -3) + "000";
+        this.dateValue = new Date(new Date().toLocaleDateString()).getTime();
+        console.log(1689782400000);
+      } else {
+        this.dateValue = this.dateValue.getTime();
+      }
+
       this.$router.push({
         path: "/realTimeSearch",
         query: {
@@ -888,6 +919,7 @@ export default {
           termId: this.zztermId,
           cmdId: this.zzCmdid,
           channelId: this.selectChannelValue,
+          date: this.dateValue,
         },
       });
       // sessionStorage.setItem("keyPath", " realTimeSearch");
diff --git a/src/views/realTimeSearch/index.vue b/src/views/realTimeSearch/index.vue
index 8a5271d..e4d47d9 100644
--- a/src/views/realTimeSearch/index.vue
+++ b/src/views/realTimeSearch/index.vue
@@ -85,6 +85,8 @@
               type="datetime"
               placeholder="开始日期"
               value-format="timestamp"
+              :picker-options="pickerOptions"
+              default-time="00:00:00"
             >
             </el-date-picker>
           </el-form-item>
@@ -95,6 +97,7 @@
               default-time="23:59:59"
               placeholder="结束日期"
               value-format="timestamp"
+              :picker-options="pickerOptions"
               class="ml10"
             >
             </el-date-picker>
@@ -116,7 +119,11 @@
               class="bigpic"
               v-if="item.path.indexOf('videos') == -1"
             >
-              <img :src="item.path" :data-source="item.path + '!1366x768'" />
+              <img
+                :src="item.path + '!1366x768'"
+                :class="'bigpath' + index"
+                @click="showbigpicPath(item, index)"
+              />
 
               <!-- <el-image :src="item.path" lazy></el-image> -->
 
@@ -202,6 +209,11 @@ import { getSearchInfo, getRealtimePhoto } from "@/utils/api/index";
 export default {
   data() {
     return {
+      pickerOptions: {
+        disabledDate(date) {
+          return date.getTime() > Date.now(); // 禁用大于今天的日期
+        },
+      },
       OptionssalseImg: {
         inline: false,
         button: true,
@@ -250,26 +262,37 @@ export default {
     //   new Date(new Date().toLocaleDateString()).getTime(),
     //   new Date().getTime(),
     // ]);
-    this.$set(
-      this.formdata,
-      "starttime",
-      new Date(new Date().toLocaleDateString()).getTime()
-    );
+
     this.$set(this.formdata, "endtime", new Date().getTime());
 
     if (JSON.stringify(this.$route.query) === "{}") {
+      this.$set(
+        this.formdata,
+        "starttime",
+        new Date(new Date().toLocaleDateString()).getTime()
+      );
       this.getSearchdy();
     } else {
       console.log(this.$route.query);
       this.getSearchdy();
+      console.log(this.$route.query.date);
       this.formdata.dyid = this.$route.query.dyId;
       this.formdata.lineid = this.$route.query.lineId;
       this.formdata.towerid = this.$route.query.towerId;
       this.formdata.channelid = this.$route.query.channelId;
       this.formdata.termid = this.$route.query.termId;
+
+      this.$set(this.formdata, "starttime", this.$route.query.date);
     }
   },
   methods: {
+    showbigpicPath(item, index) {
+      console.log(item, index);
+      var personBox = document.querySelector(".bigpath" + index);
+      console.log(personBox.src);
+      console.log(item.path);
+      personBox.src = item.path;
+    },
     //获取电压信息
     getSearchdy() {
       getSearchInfo({ type: 1 })
diff --git a/src/views/stritl/index.vue b/src/views/stritl/index.vue
index fec29e3..428dadd 100644
--- a/src/views/stritl/index.vue
+++ b/src/views/stritl/index.vue
@@ -40,6 +40,7 @@
             range-separator="至"
             start-placeholder="开始日期"
             end-placeholder="结束日期"
+            @change="changedate"
             :picker-options="morepickerOptions"
           >
           </el-date-picker>
@@ -101,6 +102,7 @@ export default {
   mounted() {
     this.getTermData();
     this.init();
+    console.log(this.value1);
   },
   watch: {
     "$store.state.collapse"(val) {
@@ -115,6 +117,9 @@ export default {
     },
   },
   methods: {
+    changedate() {
+      console.log(this.value1);
+    },
     getTermData() {
       getTermStatistics()
         .then((res) => {