Browse Source

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

fix: 漏提交的文件

See merge request project/water/shuili-vue!171
sy-water-data-board-ui
黄星淮 4 months ago
parent
commit
1de75bf61a
  1. 86
      src/views/aiSupervision/fourPredictions/warnInfo/index.vue

86
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
inline
:model="searchForm"
ref="searchForm"
class="demo-ruleForm"
>
<el-form 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
v-for="item in enginTypeList"
:label="item.dictLabel"
:value="item.dictValue"
:key="item.id"
></el-option>
<el-option v-for="item in enginTypeList" :label="item.dictLabel" :value="item.dictValue"
:key="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="行政区划" prop="adcd">
<el-cascader
:options="areasOptions"
v-model="searchForm.adcd"
:props="areasOptionProps"
placeholder="请选择行政区划"
clearable
size="small"
>
<el-cascader :options="areasOptions" v-model="searchForm.adcd" :props="areasOptionProps" placeholder="请选择行政区划"
clearable size="small">
</el-cascader>
</el-form-item>
<el-form-item prop="value">
<el-input
v-model="searchForm.value"
class="search-input"
placeholder="请输入水工程名称或者编号"
></el-input>
<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
>
<el-button class="search-btn" type="success" @click="search">查询</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
style="margin-right: 16px"
@click="handleGoManage(scope.row)"
type="text"
size="small"
>预报预警信息管理</el-button
>
<el-button style="margin-right: 16px" @click="handleGoManage(scope.row)" type="text"
size="small">预报预警信息管理</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
background
class="pagination"
style="margin-top: 16px; margin-right: 16px; float: right"
: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 background class="pagination" style="margin-top: 16px; margin-right: 16px; float: right"
: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>

Loading…
Cancel
Save