From 010ce04ba6e27f2bd603cec692d2695d7a8a3c1f Mon Sep 17 00:00:00 2001
From: web <candymxq888@outlook.com>
Date: 星期三, 07 五月 2025 08:38:18 +0800
Subject: [PATCH] fix:修改水温深度监测
---
src/views/facility/monitorList/index.vue | 26 +++++++++++++++++++-------
1 files changed, 19 insertions(+), 7 deletions(-)
diff --git a/src/views/facility/monitorList/index.vue b/src/views/facility/monitorList/index.vue
index b414fe0..f0b9134 100644
--- a/src/views/facility/monitorList/index.vue
+++ b/src/views/facility/monitorList/index.vue
@@ -20,7 +20,7 @@
*/
/** 搜索按钮操作 */
function handleQuery() {
- getList({keywords: searchParams.value.keywords})
+ getList(searchParams.value)
}
/** 重置按钮操作 */
@@ -45,6 +45,7 @@
pointCode: '监控点编号',
pointType: '监控类型',
waterWidth: '水面宽度',
+ waterDistance: '起点距',
address: '详细地址',
createTimeView: '创建时间',
imageUrl: '图片',
@@ -55,7 +56,7 @@
async function getList(val) {
loading.value = true;
let postParam = setPostParams(val)
- await pointApi().search({...postParam, ...searchParams.value}).then((res) => {
+ await pointApi().search(postParam).then((res) => {
tableData.value = res.data.list
pageParam.value.total = res.data.total
pageParam.value.limit = res.data.limit
@@ -73,6 +74,7 @@
pointType: '监控点类型',
parentId: '父级监控点',
waterWidth: '水面宽度',
+ waterDistance: '起点距',
address: '详细地址',
imageUrl: '图片',
remark: '备注'
@@ -88,6 +90,7 @@
pointType: '',
parentId: '',
waterWidth: '',
+ waterDistance: '',
address: '',
imageUrl: '',
remark: ''
@@ -152,7 +155,7 @@
//上传文件，添加图片地址信息
const uploadData = (data) => {
- form.value.imageUrl = imgBaseUrl + data.toString();
+ form.value.imageUrl = data.toString();
}
/** 提交按钮 */
@@ -196,6 +199,7 @@
pointCode: '',
pointType: '',
waterWidth: '',
+ waterDistance: '',
address: '',
imageUrl: '',
remark: ''
@@ -211,7 +215,7 @@
<template>
<div class="app-container">
<el-form :model="searchParams" ref="queryRef" :inline="true">
- <el-form-item label="" prop="">
+ <el-form-item label="" prop="keywords">
<el-input
v-model="searchParams.keywords"
placeholder="请输入搜索信息"
@@ -238,7 +242,7 @@
</el-col>
</el-row>
<!--表格及分页-->
- <el-table v-loading="loading" :data="tableData">
+ <el-table v-loading="loading" :data="tableData" class="table">
<el-table-column
v-for="(item, key, index) of tableHeader"
:prop="key.toString()"
@@ -248,7 +252,7 @@
>
<template #default="scope">
<div v-if="key === 'imageUrl'">
- <img :src="imgBaseUrl + scope.row.headImg" class="table-headImg" alt="" />
+ <img :src="imgBaseUrl + scope.row.imageUrl" class="table-headImg" alt="" />
</div>
<div v-else-if="key === 'pointType'">
{{ scope.row.pointType === 1 ? '水温监测点' : '生态流量监测点' }}
@@ -304,7 +308,9 @@
<el-form-item :label="formLabel.waterWidth" prop="waterWidth">
<el-input v-model="form.waterWidth" :placeholder="'请输入'+formLabel.waterWidth"/>
</el-form-item>
- <el-form-item></el-form-item>
+ <el-form-item :label="formLabel.waterDistance" prop="waterDistance">
+ <el-input v-model="form.waterDistance" :placeholder="'请输入'+formLabel.waterDistance"/>
+ </el-form-item>
<el-form-item label="图片" prop="imageUrl" style="flex: 1">
<upload-icons @uploadData="uploadData" :imageList="form.imageUrl" :limit="1"></upload-icons>
<span style="display: block;">(请上传1张设备图片)</span>
@@ -327,4 +333,10 @@
flex-grow: 1;
}
}
+.table{
+ .table-headImg{
+ height: 50px;
+ margin: 0 auto;
+ }
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3