3/2/18:21

src/styles/common.scss

@@ -35,6 +35,7 @@
 }
 .leakage-cable .leakage-top{
   padding-right: 10px;
+  transform: translateY(-40px);
 }
 .el-table{
   height: 613px;

src/views/setting/statistics/comp/fsuTable.vue

@@ -15,7 +15,7 @@
         <el-button type="primary" @click="exportData">导出</el-button>
       </div>
     </div>
-    <div>
+     <div :class="block==0?'search-div' : 'none'">
       <div class="search-input-box">
         <label>设备名称：</label>
         <el-input
@@ -84,6 +84,10 @@
           ></el-option>
         </el-select>
       </div>
+       <div class="search-input-box">
+         <el-button class="seabtn" @click="searchQuery()">查询</el-button>
+         <el-button class="seabtn" @click="reset()">重置</el-button>
+       </div>
     </div>
     <el-table
       ref="multipleTable"
@@ -232,6 +236,7 @@ export default {
       total: 10,
       multipleSelection: [],
       ids: [],
+       block: 1,
     };
   },
   computed: {
@@ -272,7 +277,17 @@ export default {
     refresh() {
       this.getTableData();
     },
-    query() {},
+    searchQuery() {},
+    reset() {
+      
+    },
+    query() {
+       if (this.block == 1) {
+        this.block = 0;
+      } else {
+        this.block = 1;
+      }
+    },
     exportData() {},
     handleSelectionChange(val) {
       this.multipleSelection = val;

src/views/setting/statistics/comp/leakyTable.vue

@@ -15,7 +15,7 @@
         <el-button type="primary" @click="exportData">导出</el-button>
       </div>
     </div>
-    <div :class="block==0?'search-div' : 'none'">
+    <div :class="block == 0 ? 'search-div' : 'none'">
       <div class="search-input-box">
         <label>漏缆描述：</label>
         <el-input
@@ -36,8 +36,6 @@
           v-model="leakyCableForm.leakyCableCode"
           clearable
         >
-       
-        
         </el-input>
       </div>
       <div class="search-input-box">
@@ -128,10 +126,10 @@
           ></el-option>
         </el-select>
       </div>
-       <div class="search-input-box">
-         <el-button class="seabtn" @click="searchQuery()">查询</el-button>
-         <el-button class="seabtn" @click="reset()">重置</el-button>
-       </div>
+      <div class="search-input-box">
+        <el-button class="seabtn" @click="searchQuery()">查询</el-button>
+        <el-button class="seabtn" @click="reset()">重置</el-button>
+      </div>
     </div>
     <el-table
       ref="multipleTable"
@@ -248,7 +246,7 @@ export default {
   components: { Pagination },
   data() {
     return {
-      leakySelect:[],
+      leakySelect: [],
       railWaySelect: [],
       stationSelect2: [],
       fsuSelect2: [],
@@ -272,7 +270,7 @@ export default {
       total: 10,
       multipleSelection: [],
       ids: [],
-      block:1,
+      block: 1,
     };
   },
   computed: {
@@ -327,9 +325,9 @@ export default {
     refresh() {
       this.getTableData();
     },
-    searchQuery(){},
-    reset(){
-       this.leakyCableForm= {
+    searchQuery() {},
+    reset() {
+      this.leakyCableForm = {
         wayId: "",
         parentId: "",
         siteId: "",
@@ -339,15 +337,14 @@ export default {
         leakyCableDescribe: "",
 
         leakyCableMode: "",
-      }
+      };
     },
     query() {
-if (this.block==1) {
-  this.block=0
-} else {
-   this.block=1
-}
-
+      if (this.block == 1) {
+        this.block = 0;
+      } else {
+        this.block = 1;
+      }
     },
     exportData() {},
     handleSelectionChange(val) {
@@ -437,5 +434,4 @@ if (this.block==1) {
     padding: 5px !important;
   }
 }
-
 </style>
\ No newline at end of file

src/views/setting/statistics/comp/monitorTable.vue

@@ -15,7 +15,7 @@
         <el-button type="primary" @click="exportData">导出</el-button>
       </div>
     </div>
-    <div>
+     <div :class="block==0?'search-div' : 'none'">
       <div class="search-input-box">
         <label>设备名称：</label>
         <el-input
@@ -102,6 +102,10 @@
           ></el-option>
         </el-select>
       </div>
+       <div class="search-input-box">
+         <el-button class="seabtn" @click="searchQuery()">查询</el-button>
+         <el-button class="seabtn" @click="reset()">重置</el-button>
+       </div>
     </div>
     <el-table
       ref="multipleTable"
@@ -229,6 +233,7 @@ export default {
       total: 10,
       multipleSelection: [],
       ids: [],
+       block: 1,
     };
   },
   computed: {
@@ -276,7 +281,17 @@ export default {
     refresh() {
       this.getTableData();
     },
-    query() {},
+    searchQuery() {},
+    reset() {
+      
+    },
+    query() {
+       if (this.block == 1) {
+        this.block = 0;
+      } else {
+        this.block = 1;
+      }
+    },
     exportData() {},
     handleSelectionChange(val) {
       this.multipleSelection = val;

src/views/setting/statistics/comp/railWayTable.vue

@@ -49,6 +49,10 @@
         >
         </el-input>
       </div>
+       <div class="search-input-box">
+         <el-button class="seabtn" @click="searchQuery()">查询</el-button>
+         <el-button class="seabtn" @click="reset()">重置</el-button>
+       </div>
     </div>
     <el-table
       ref="multipleTable"
@@ -135,6 +139,7 @@ export default {
       total: 10,
       multipleSelection: [],
       ids: [],
+       block: 1,
     };
   },
   computed: {},
@@ -163,10 +168,16 @@ export default {
     refresh() {
       this.getTableData();
     },
+   searchQuery() {},
+    reset() {
+      
+    },
     query() {
-
- this.getTableData();
-
+       if (this.block == 1) {
+        this.block = 0;
+      } else {
+        this.block = 1;
+      }
     },
     exportData() {},
     handleSelectionChange(val) {

src/views/setting/statistics/comp/stationTable.vue

@@ -15,7 +15,7 @@
         <el-button type="primary" @click="exportData">导出</el-button>
       </div>
     </div>
-    <div>
+    <div :class="block==0?'search-div' : 'none'">
       <div class="search-input-box">
         <label>站名：</label>
         <el-input
@@ -66,6 +66,10 @@
           ></el-option>
         </el-select>
       </div>
+       <div class="search-input-box">
+         <el-button class="seabtn" @click="searchQuery()">查询</el-button>
+         <el-button class="seabtn" @click="reset()">重置</el-button>
+       </div>
     </div>
     <el-table
       ref="multipleTable"
@@ -182,6 +186,7 @@ export default {
       total: 10,
       multipleSelection: [],
       ids: [],
+       block: 1,
     };
   },
   computed: {
@@ -215,15 +220,16 @@ export default {
     refresh() {
       this.getTableData();
     },
+  searchQuery() {},
+    reset() {
+      
+    },
     query() {
-      // sitelist(this.siteForm).then((res) => {
-        // console.log(this.siteForm);
-      //   console.log(res.records);
-      //   let list = res.records || [];
-      //   this.tableData = list;
-      //   this.total = res.total;
-      // });
-        this.getTableData();
+       if (this.block == 1) {
+        this.block = 0;
+      } else {
+        this.block = 1;
+      }
     },
     exportData() {},
     handleSelectionChange(val) {