From 6e6127068f03a7fe655f1fd504c488f20683039f Mon Sep 17 00:00:00 2001
From: web <candymxq888@outlook.com>
Date: 星期二, 15 七月 2025 18:28:02 +0800
Subject: [PATCH] fix:数据
---
src/views/facility/monitorList/index.vue | 96 +++++++++++++++++++-----------------------------
1 files changed, 38 insertions(+), 58 deletions(-)
diff --git a/src/views/facility/monitorList/index.vue b/src/views/facility/monitorList/index.vue
index 5363288..285dce2 100644
--- a/src/views/facility/monitorList/index.vue
+++ b/src/views/facility/monitorList/index.vue
@@ -1,11 +1,3 @@
-<!--
- * @Author: hqs elkers@163.com
- * @Date: 2024-08-06 14:47:41
- * @LastEditors: hqs elkers@163.com
- * @LastEditTime: 2024-08-14 16:50:56
- * @FilePath: \water-qinghe-web\src\views\facilit\index.vue
- * @Description: 监控点
--->
<script setup>
import pointApi from "@/api/facility/point";
import {ref, onMounted} from "vue";
@@ -43,10 +35,10 @@
let tableHeader = ref({
pointName: '监控点名称',
pointCode: '监控点编号',
- pointType: '监控类型',
- waterWidth: '水面宽度',
address: '详细地址',
createTimeView: '创建时间',
+ leftMargin: '左边距',
+ topMargin:'上边距',
imageUrl: '图片',
remark: '备注'
})
@@ -70,39 +62,38 @@
const formLabel = ({
pointName: '监控点名称',
pointCode: '监控点编号',
- pointType: '监控点类型',
- parentId: '父级监控点',
- waterWidth: '水面宽度',
address: '详细地址',
+ leftMargin: '左边距',
+ topMargin:'上边距',
+ boxType: '弹窗位置',
imageUrl: '图片',
remark: '备注'
})
const rules = ref({
pointName: [{required: true, message: `请输入${formLabel.pointName}`, trigger: "blur"}],
pointCode: [{required: true, message: `请输入${formLabel.address}`, trigger: "blur"}],
- pointType: [{required: true, message: `请输入${formLabel.pointType}`, trigger: "blur"}],
+ topMargin: [{required: true, message: `请输入${formLabel.topMargin}`, trigger: "blur"}],
+ leftMargin: [{required: true, message: `请输入${formLabel.leftMargin}`, trigger: "blur"}],
+ boxType: [{required: true, message: `请输入${formLabel.boxType}`, trigger: "blur"}],
});
const form = ref({
pointName: '',
pointCode: '',
- pointType: '',
- parentId: '',
- waterWidth: '',
address: '',
imageUrl: '',
- remark: ''
+ remark: '',
+ topMargin:'',
+ leftMargin: '',
+ boxType: ''
});
const searchParams = ref({
keywords: '',
});
-// 监控点列表
-const monityList = ref([]);
-// 监控点类型
-const monityTypeList = [
- {id: 1, name: '水温监测点'},
- {id: 2, name: '生态流量监测点'}
-];
-const cascaderOption = { label: 'pointName', value: 'id', children: 'childrenList', checkStrictly: true, expandTrigger: 'hover', emitPath: false }; //级联选择器配置
+
+const positionList = [
+ { label: '左侧', value: '0' },
+ { label: '右侧', value: '1' }
+]
/** 新增按钮操作 */
async function handleAdd() {
@@ -133,14 +124,6 @@
proxy.$modal.msgSuccess("删除成功");
}).catch(() => {
});
-}
-
-
-// 获取监控点列表
-const getMonitryList = () => {
- pointApi().getParentPoint().then(res => {
- monityList.value = res.data;
- })
}
/**
@@ -191,21 +174,20 @@
/** 表单重置 */
function reset() {
form.value = {
- parentId: '',
pointName: '',
pointCode: '',
- pointType: '',
- waterWidth: '',
address: '',
imageUrl: '',
- remark: ''
+ remark: '',
+ topMargin:'',
+ leftMargin: '',
+ boxType: ''
};
proxy.resetForm("formRef");
}
onMounted(() => {
getList();
- getMonitryList();
})
</script>
<template>
@@ -250,9 +232,6 @@
<div v-if="key === 'imageUrl'">
<img :src="imgBaseUrl + scope.row.headImg" class="table-headImg" alt="" />
</div>
- <div v-else-if="key === 'pointType'">
- {{ scope.row.pointType === 1 ? '水温监测点' : '生态流量监测点' }}
- </div>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
@@ -276,24 +255,27 @@
<!-- 添加/修改表单 -->
<el-dialog :title="title" v-model="open" append-to-body center>
<el-form class="form-box" ref="formRef" :model="form" :rules="rules" label-width='auto'>
- <el-form-item :label="formLabel.parentId" prop="parentId">
- <el-cascader v-model="form.parentId" :options="monityList" :show-all-levels="false" :props="cascaderOption" />
- </el-form-item>
- <el-form-item :label="formLabel.pointType" prop="pointType">
- <el-select v-model="form.pointType" :placeholder="'请输入'+formLabel.pointType">
- <el-option
- v-for="(item,index) in monityTypeList"
- :label="item.name"
- :value="item.id"
- :key="index"
- ></el-option>
- </el-select>
- </el-form-item>
<el-form-item :label="formLabel.pointName" prop="pointName">
<el-input v-model="form.pointName" :placeholder="'请输入'+formLabel.pointName"/>
</el-form-item>
<el-form-item :label="formLabel.pointCode" prop="pointCode">
<el-input v-model="form.pointCode" :placeholder="'请输入'+formLabel.pointCode"/>
+ </el-form-item>
+ <el-form-item :label="formLabel.leftMargin" prop="leftMargin">
+ <el-input v-model="form.leftMargin" :placeholder="'请输入'+formLabel.leftMargin"/>
+ </el-form-item>
+ <el-form-item :label="formLabel.topMargin" prop="topMargin">
+ <el-input v-model="form.topMargin" :placeholder="'请输入'+formLabel.topMargin"/>
+ </el-form-item>
+ <el-form-item :label="formLabel.boxType" prop="boxType">
+ <el-select v-model="form.boxType" :placeholder="'请输入'+formLabel.boxType">
+ <el-option
+ v-for="(item,index) in positionList"
+ :label="item.label"
+ :value="item.value"
+ :key="index"
+ ></el-option>
+ </el-select>
</el-form-item>
<el-form-item :label="formLabel.address" prop="address">
<el-input v-model="form.address" :placeholder="'请输入'+formLabel.address"/>
@@ -301,10 +283,8 @@
<el-form-item :label="formLabel.remark" prop="address">
<el-input v-model="form.remark" :placeholder="'请输入'+formLabel.remark"/>
</el-form-item>
- <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>
<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>
--
Gitblit v1.9.3