|
|
|
@ -12,11 +12,11 @@ |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="开始时间"> |
|
|
|
<el-form-item label="开始时间"> |
|
|
|
<el-date-picker v-model="queryParams.startTime" type="datetime" placeholder="选择开始时间" value-format="yyyy-MM-dd HH:mm:ss" class="w200"> |
|
|
|
<el-date-picker v-model="queryParams.startTime" type="datetime" placeholder="选择开始时间" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" class="w200"> |
|
|
|
</el-date-picker> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="结束时间"> |
|
|
|
<el-form-item label="结束时间"> |
|
|
|
<el-date-picker v-model="queryParams.endTime" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd HH:mm:ss" class="w200"> |
|
|
|
<el-date-picker v-model="queryParams.endTime" type="datetime" placeholder="选择结束时间" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" class="w200"> |
|
|
|
</el-date-picker> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="状态" prop="isDeal"> |
|
|
|
<el-form-item label="状态" prop="isDeal"> |
|
|
|
@ -37,8 +37,8 @@ |
|
|
|
</el-card> |
|
|
|
</el-card> |
|
|
|
<div class="el-card-p card-shadow carder-border mt10 pad10 "> |
|
|
|
<div class="el-card-p card-shadow carder-border mt10 pad10 "> |
|
|
|
<el-table class="table-box" v-table-height v-loading="loading" :data="dataList" @selection-change="handleSelectionChange"> |
|
|
|
<el-table class="table-box" v-table-height v-loading="loading" :data="dataList" @selection-change="handleSelectionChange"> |
|
|
|
<el-table-column type="selection" width="55" :align="alignment" /> |
|
|
|
<el-table-column type="selection" width="60" :align="alignment" /> |
|
|
|
<el-table-column type="index" width="50" :align="alignment" label="序号" /> |
|
|
|
<el-table-column type="index" width="60" :align="alignment" label="序号" /> |
|
|
|
<el-table-column label="站点名称" :align="alignment" prop="stnm" /> |
|
|
|
<el-table-column label="站点名称" :align="alignment" prop="stnm" /> |
|
|
|
<el-table-column label="时间" :align="alignment" prop="tm" width="180"> |
|
|
|
<el-table-column label="时间" :align="alignment" prop="tm" width="180"> |
|
|
|
<template #default="{row}"> |
|
|
|
<template #default="{row}"> |
|
|
|
@ -93,9 +93,29 @@ |
|
|
|
const { |
|
|
|
const { |
|
|
|
proxy |
|
|
|
proxy |
|
|
|
} = getCurrentInstance() |
|
|
|
} = getCurrentInstance() |
|
|
|
const { |
|
|
|
// const { mainTypes } = proxy.useDict('mainTypes') |
|
|
|
mainTypes |
|
|
|
const mainTypes = [ |
|
|
|
} = proxy.useDict('mainTypes') |
|
|
|
{ |
|
|
|
|
|
|
|
label: '雨量站', |
|
|
|
|
|
|
|
value: 'A' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
label: '河道站', |
|
|
|
|
|
|
|
value: 'B' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
label: '水库站', |
|
|
|
|
|
|
|
value: 'C' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
label: '潮位站', |
|
|
|
|
|
|
|
value: 'D' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
label: '流量站', |
|
|
|
|
|
|
|
value: 'E' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
const alignment = 'center' |
|
|
|
const alignment = 'center' |
|
|
|
const showSearch = ref(true) |
|
|
|
const showSearch = ref(true) |
|
|
|
const isDeals = [{ |
|
|
|
const isDeals = [{ |
|
|
|
@ -112,7 +132,7 @@ |
|
|
|
limit: 10, |
|
|
|
limit: 10, |
|
|
|
stnmId: "", |
|
|
|
stnmId: "", |
|
|
|
pType: "", |
|
|
|
pType: "", |
|
|
|
startTime: dayjs().subtract(1, 'day').format('YYYY-MM-DD HH:mm:ss'), |
|
|
|
startTime: dayjs().subtract(7, 'day').format('YYYY-MM-DD HH:mm:ss'), |
|
|
|
endTime: dayjs().format('YYYY-MM-DD HH:mm:ss'), |
|
|
|
endTime: dayjs().format('YYYY-MM-DD HH:mm:ss'), |
|
|
|
isDeal: "", |
|
|
|
isDeal: "", |
|
|
|
}) |
|
|
|
}) |
|
|
|
@ -134,7 +154,7 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
/** 搜索按钮操作 */ |
|
|
|
/** 搜索按钮操作 */ |
|
|
|
const handleQuery = () => { |
|
|
|
const handleQuery = () => { |
|
|
|
queryParams.pageNum = 1 |
|
|
|
queryParams.page = 1 |
|
|
|
getList() |
|
|
|
getList() |
|
|
|
} |
|
|
|
} |
|
|
|
const resetQuery = () => { |
|
|
|
const resetQuery = () => { |
|
|
|
@ -149,7 +169,6 @@ |
|
|
|
let multiple = ref(true) |
|
|
|
let multiple = ref(true) |
|
|
|
const handleSelectionChange = (selection) => { |
|
|
|
const handleSelectionChange = (selection) => { |
|
|
|
ids.value = selection.map(item => item.id) |
|
|
|
ids.value = selection.map(item => item.id) |
|
|
|
console.log(ids.value, '===') |
|
|
|
|
|
|
|
names.value = selection.map(item => item.stnm) |
|
|
|
names.value = selection.map(item => item.stnm) |
|
|
|
single.value = selection.length !== 1 |
|
|
|
single.value = selection.length !== 1 |
|
|
|
multiple.value = !selection.length |
|
|
|
multiple.value = !selection.length |
|
|
|
@ -191,38 +210,7 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
/** 导出按钮操作 */ |
|
|
|
|
|
|
|
const handleExport = async () => { |
|
|
|
|
|
|
|
var p = { |
|
|
|
|
|
|
|
pageNum: 1, |
|
|
|
|
|
|
|
pageSize: 9999, |
|
|
|
|
|
|
|
stnm: queryParams.stnm |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
var res = await proxy.axiosGet('/basic/warnlevel/list', p); |
|
|
|
|
|
|
|
if (res.code === 200) { |
|
|
|
|
|
|
|
var table = []; |
|
|
|
|
|
|
|
table.push({ |
|
|
|
|
|
|
|
A: "站点编码", |
|
|
|
|
|
|
|
B: "站点名称", |
|
|
|
|
|
|
|
C: "开始日期", |
|
|
|
|
|
|
|
D: "结束日期", |
|
|
|
|
|
|
|
E: "警戒水位值" |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
res.rows.forEach(d => { |
|
|
|
|
|
|
|
var row = { |
|
|
|
|
|
|
|
A: d.staid, |
|
|
|
|
|
|
|
B: d.stnm, |
|
|
|
|
|
|
|
C: d.startTime, |
|
|
|
|
|
|
|
D: d.endTime, |
|
|
|
|
|
|
|
E: d.value |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
table.push(row); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
var header = ["A", "B", "C", "D", "E"]; |
|
|
|
|
|
|
|
var fileName = "警戒水位列表"; |
|
|
|
|
|
|
|
proxy.exportExcel(header, table, fileName); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/************************************************************* 弹窗 ***************************************/ |
|
|
|
/************************************************************* 弹窗 ***************************************/ |
|
|
|
let formRef = ref(null) |
|
|
|
let formRef = ref(null) |
|
|
|
let biaoshi = ref( |
|
|
|
let biaoshi = ref( |
|
|
|
|