删除监控点类型

elkers

2025-03-25 a852f60c30a4390fd0e07757882843dec05fcacf

删除监控点类型

 .env.development

@@ -1,4 +1,4 @@

n
# 页面标题
VITE_APP_TITLE = 后台管理系统


 src/api/facility/monitorType.js

文件已删除

 src/views/facility/monitorList/index.vue

@@ -8,7 +8,6 @@
-->
<script setup>
import pointApi from "@/api/facility/point";
import {getMonitorTypeList} from '@/api/facility/monitorType.js'
import {ref, onMounted} from "vue";
import setPostParams from "@/utils/searchParams.js";

@@ -43,7 +42,7 @@
let tableHeader = ref({
    pointName: '监控点名称',
    pointCode: '监控点编号',
    pointTypeName: '监控类型',
  pointType: '监控类型',
    address: '详细地址',
    createTimeView: '创建时间',
    imageUrl: '图片',
@@ -55,6 +54,7 @@
    loading.value = true;
    let postParam = setPostParams(val)
    await pointApi().search({ ...postParam, ...searchParams.value}).then((res) => {
    monityList.value = res.data.list;
        tableData.value = res.data.list
        pageParam.value.total = res.data.total
        pageParam.value.limit = res.data.limit
@@ -69,7 +69,8 @@
const formLabel = ({
    pointName: '监控点名称',
    pointCode: '监控点编号',
    pointTypeId: '监控类型',
  pointType: '监控点类型',
  parentId: '父级监控点',
    address: '详细地址',
    imageUrl: '图片',
    remark: '备注'
@@ -77,12 +78,13 @@
const rules = ref({
    pointName: [{required: true, message: `请输入${ formLabel.pointName}`, trigger: "blur"}],
    pointCode: [{required: true, message: `请输入${ formLabel.address}`, trigger: "blur"}],
    pointTypeId: [{required: true, message: `请输入${ formLabel.pointTypeId}`, trigger: "blur"}],
  pointType: [{required: true, message: `请输入${formLabel.pointType}`, trigger: "blur"}],
});
const form = ref({
    pointName: '',
    pointCode: '',
    pointTypeId: '',
  pointType: '',
  parentId: '',
    address: '',
    imageUrl: '',
    remark: ''
@@ -90,8 +92,11 @@
const searchParams = ref({
    keywords: '',
});
// 监控点列表
const monityList = ref([]);
// 监控点类型
const monityTypeList = ref([]);

/** 新增按钮操作 */
async function handleAdd() {
    reset();
@@ -123,12 +128,13 @@
    });
}


// 获取监控点类型
const getMonitryType = () => {
    let postParam = { limit: 100, page: 1 }
    getMonitorTypeList(postParam).then(res => {
        monityTypeList.value = res.data.list;
    })
  monityTypeList.value = [
      {id: 1, name: '水温监测点'},
      {id: 2, name: '生态流量监测点'}
     ]
}

/**
@@ -179,9 +185,10 @@
/** 表单重置 */
function reset() {
    form.value = {
    parentId: '',
        pointName: '',
        pointCode: '',
        pointTypeId: '',
    pointType: '',
        address: '',
        imageUrl: '',
        remark: ''
@@ -190,8 +197,8 @@
}

onMounted(() => {
  getMonitryType();
    getList();
    getMonitryType()
})
</script>
<template>
@@ -236,6 +243,9 @@
                    <div v-if="key === 'imageUrl'">
                        <img :src="scope.row.headImg" class="table-headImg"/>
                    </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">
@@ -259,14 +269,18 @@
        <!-- 添加/修改表单 -->
        <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.pointName" prop="pointName">
                    <el-input v-model="form.pointName" :placeholder="'请输入'+formLabel.pointName"/>
        <el-form-item :label="formLabel.parentId" prop="parentId">
          <el-select v-model="form.parentId" :placeholder="'请输入'+formLabel.parentId">
            <el-option
                v-for="(item,index) in monityList"
                :label="item.pointName"
                :value="item.id"
                :key="index"
            ></el-option>
          </el-select>
                </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.pointTypeId" prop="pointTypeId">
                    <el-select v-model="form.pointTypeId" :placeholder="'请输入'+formLabel.pointTypeId">
        <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"
@@ -275,13 +289,19 @@
                        ></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.address" prop="address">
                    <el-input v-model="form.address" :placeholder="'请输入'+formLabel.address"/>
                </el-form-item>
                <el-form-item :label="formLabel.remark" prop="address">
                    <el-input v-model="form.remark" :placeholder="'请输入'+formLabel.remark"/>
                </el-form-item>
                <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>

 src/views/facility/monitorType/index.vue

文件已删除