Merge branch 'feature-sy-v1.0.1' into 'dev'

fix: 漏提交的文件

See merge request project/water/shuili-vue!171

src/views/aiSupervision/fourPredictions/warnInfo/index.vue

@@ -1,4 +1,3 @@
-
 <!-- 预警预报信息管理 -->
 <script>
 import { getAreasData } from "@/api/areas/index";
@@ -6,7 +5,7 @@ import { ENGINTYPE, TABELLIST } from "../const";
 let that;
 export default {
   name: "warnInfo",
-  data() {
+  data () {
     return {
       searchForm: {
         enginType: "1",
@@ -28,37 +27,37 @@ export default {
       },
     };
   },
-  created() {
+  created () {
     that = this;
   },
   filters: {
     // 过滤类型
-    filterembankment(price) {
+    filterembankment (price) {
       const data = that.enginTypeList.filter((res) => res.dictValue == price);
       return data[0] ? data[0].dictLabel : "/";
     },
   },
   methods: {
-    handleGoManage(row) {
+    handleGoManage (row) {
       this.$router.push({
         path: "warnInfoDetail",
         query: { id: row.id },
       });
     },
-    handleCurrentPageChange(page) {
+    handleCurrentPageChange (page) {
       this.pageData.pageNum = page;
       this.getTableData();
     },
-    handlePageSizeChange(pageSize) {
+    handlePageSizeChange (pageSize) {
       this.pageData.pageSize = pageSize;
       this.getTableData();
     },
-    search() {
+    search () {
       this.pageData.pageNum = 1;
       this.getTableData();
     },
     // 重置搜索
-    resetSearch() {
+    resetSearch () {
       this.pageData.pageNum = 1;
       if (!this.$refs["searchForm"]) return;
       this.$refs["searchForm"].resetFields();
@@ -66,7 +65,7 @@ export default {
     },
 
     // 获取地区树数据
-    getTreeData() {
+    getTreeData () {
       getAreasData().then((items) => {
         this.adcdOptions = items.data;
         if (items?.data) {
@@ -89,11 +88,11 @@ export default {
         }
       });
     },
-    handleEngin() {
+    handleEngin () {
       this.getTableData()
     },
     // 获取列表数据
-    getTableData() {
+    getTableData () {
       console.log(this.searchForm);
       const list = TABELLIST.filter(res => {
         let filter = true
@@ -110,7 +109,7 @@ export default {
           if (
             !res.enginName.includes(this.searchForm.value) &&
             !res.code.includes(this.searchForm.value)
-            ) {
+          ) {
             filter = false
           }
         }
@@ -120,7 +119,7 @@ export default {
       this.tableData = list
     }
   },
-  async mounted() {
+  async mounted () {
     this.getTreeData()
     this.getTableData()
 
@@ -132,44 +131,23 @@ export default {
   <div class="slider-right">
     <div class="top-title">预警预报信息管理</div>
     <div class="table-box">
-      <el-form
+      <el-form inline :model="searchForm" ref="searchForm" class="demo-ruleForm">
-        inline
-        :model="searchForm"
-        ref="searchForm"
-        class="demo-ruleForm"
-      >
         <el-form-item label="水工程对象类型:" prop="enginType">
           <el-select v-model="searchForm.enginType" @change="handleEngin" placeholder="请选择">
-            <el-option
+            <el-option v-for="item in enginTypeList" :label="item.dictLabel" :value="item.dictValue"
-              v-for="item in enginTypeList"
+              :key="item.id"></el-option>
-              :label="item.dictLabel"
-              :value="item.dictValue"
-              :key="item.id"
-            ></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="行政区划" prop="adcd">
-          <el-cascader
+          <el-cascader :options="areasOptions" v-model="searchForm.adcd" :props="areasOptionProps" placeholder="请选择行政区划"
-            :options="areasOptions"
+            clearable size="small">
-            v-model="searchForm.adcd"
-            :props="areasOptionProps"
-            placeholder="请选择行政区划"
-            clearable
-            size="small"
-          >
           </el-cascader>
         </el-form-item>
         <el-form-item prop="value">
-          <el-input
+          <el-input v-model="searchForm.value" class="search-input" placeholder="请输入水工程名称或者编号"></el-input>
-            v-model="searchForm.value"
-            class="search-input"
-            placeholder="请输入水工程名称或者编号"
-          ></el-input>
         </el-form-item>
         <el-form-item>
-          <el-button class="search-btn" type="success" @click="search"
+          <el-button class="search-btn" type="success" @click="search">查询</el-button>
-          >查询</el-button
-          >
           <el-button @click="resetSearch">重置</el-button>
         </el-form-item>
       </el-form>
@@ -198,27 +176,15 @@ export default {
         </el-table-column>
         <el-table-column prop="address" align="center" label="操作">
           <template slot-scope="scope">
-            <el-button
+            <el-button style="margin-right: 16px" @click="handleGoManage(scope.row)" type="text"
-              style="margin-right: 16px"
+              size="small">预报预警信息管理</el-button>
-              @click="handleGoManage(scope.row)"
-              type="text"
-              size="small"
-            >预报预警信息管理</el-button
-            >
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination
+      <el-pagination background class="pagination" style="margin-top: 16px; margin-right: 16px; float: right"
-        background
+        :current-page="pageData.pageNum" :page-sizes="pageData.pageSizes"
-        class="pagination"
+        layout="total, prev, pager, next, sizes, jumper" :total="pageData.total"
-        style="margin-top: 16px; margin-right: 16px; float: right"
+        @current-change="(e) => handleCurrentPageChange(e)" @size-change="(e) => handlePageSizeChange(e)">
-        :current-page="pageData.pageNum"
-        :page-sizes="pageData.pageSizes"
-        layout="total, prev, pager, next, sizes, jumper"
-        :total="pageData.total"
-        @current-change="(e) => handleCurrentPageChange(e)"
-        @size-change="(e) => handlePageSizeChange(e)"
-      >
       </el-pagination>
     </div>
   </div>