search

src/views/realTimeSearch/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="realTimeSearch">
-    <div class="searchMain" >
+    <div class="searchMain">
-      <div class="searchBox">
+      <div class="searchBox" ref="searchref">
         <el-form :inline="true" :model="formdata" class="demo-form-inline">
           <el-form-item label="电压等级">
             <el-select v-model="formdata.dyid" @change="getSearchxl">
@@ -35,7 +35,12 @@
           </el-form-item>
           <el-form-item label="装置名称">
             <el-select v-model="formdata.termid" @change="getSearchtd">
-              <el-option v-for="item in zzOptions" :key="item.id" :label="item.name" :value="item.id">
+              <el-option
+                v-for="item in zzOptions"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
               </el-option>
             </el-select>
           </el-form-item>
@@ -104,7 +109,7 @@
               ></video>
               <div class="caption">
                 <p class="infoTop">
-                  {{ item.linename }} / {{ item.displayname }};
+                  {{ item.linename }} / {{ item.displayname }}
                 </p>
                 <p class="infoBottom">
                   拍照时间：{{
@@ -155,11 +160,11 @@ export default {
         zoomable: true,
         url: "src",
       },
-      dyOptions: [{ id: 0, name: '全部'}], //电压数据
+      dyOptions: [{ id: 0, name: "全部" }], //电压数据
-      xlOptions: [{ id: 0, name: '全部'}], //线路数据
+      xlOptions: [{ id: 0, name: "全部" }], //线路数据
-      gtOptions: [{ id: 0, name: '全部'}], //杆塔数据
+      gtOptions: [{ id: 0, name: "全部" }], //杆塔数据
-      zzOptions: [{ id: 0, name: '全部'}], //装置数据
+      zzOptions: [{ id: 0, name: "全部" }], //装置数据
-      tdOptions: [{ id: 0, name: '全部'}], //通道数据
+      tdOptions: [{ id: 0, name: "全部" }], //通道数据
       formdata: {
         dyid: "",
         lineid: "",
@@ -206,7 +211,7 @@ export default {
     getSearchxl() {
       getSearchInfo({ type: 2, id: this.formdata.dyid })
         .then((res) => {
-          this.xlOptions = [{ id: 0, name: '全部'}]
+          this.xlOptions = [{ id: 0, name: "全部" }];
           this.xlOptions = this.xlOptions.concat(res.data.list);
           this.formdata.lineid = this.xlOptions[0].id;
           this.getSearchgt();
@@ -217,10 +222,10 @@ export default {
     getSearchgt() {
       getSearchInfo({ type: 3, id: this.formdata.lineid })
         .then((res) => {
-          this.gtOptions = [{ id: 0, name: '全部'}]
+          this.gtOptions = [{ id: 0, name: "全部" }];
           this.gtOptions = this.gtOptions.concat(res.data.list);
           this.formdata.towerid = this.gtOptions[0].id;
-          this.getSearchzz()
+          this.getSearchzz();
         })
         .catch((err) => {});
     },
@@ -228,7 +233,7 @@ export default {
     getSearchzz() {
       getSearchInfo({ type: 4, id: this.formdata.towerid })
         .then((res) => {
-          this.zzOptions = [{ id: 0, name: '全部'}]
+          this.zzOptions = [{ id: 0, name: "全部" }];
           this.zzOptions = this.zzOptions.concat(res.data.list);
           this.formdata.termid = this.zzOptions[0].id;
           this.getSearchtd();
@@ -239,7 +244,7 @@ export default {
     getSearchtd() {
       getSearchInfo({ type: 5, id: this.formdata.termid })
         .then((res) => {
-          this.tdOptions = [{ id: 0, name: '全部'}]
+          this.tdOptions = [{ id: 0, name: "全部" }];
           this.tdOptions = this.tdOptions.concat(res.data.list);
           this.formdata.channelid = this.tdOptions[0].id;
           // if (this.signtype == 0) {