fix:修改后台内容

web

2025-07-12 335e9e425c4abe93034fe2f0d0b63354c248869c

 src/views/configuration/warning/index.vue

@@ -53,28 +53,15 @@
        <!-- 添加或修改对话框 -->
        <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="选择设备" prop="facilityId">
                    <el-select v-model="form.facilityId" placeholder="请选择设备" @change="getFacityCodeList">
                <el-form-item label="设备参数" prop="parametersId">
                    <el-select v-model="form.parametersId" placeholder="请选择设备参数">
                        <el-option
                            v-for="(item,index) in facityList"
                            :label="item.facilityName"
                            v-for="(item,index) in facityCodeList"
                            :label="item.name"
                            :value="item.id"
                            :key="index"
                        ></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="设备参数" prop="columnsCode">
                    <el-select v-model="form.columnsCode" placeholder="请选择设备参数">
                        <el-option
                            v-for="(item,index) in facityCodeList"
                            :label="item.columnsShow"
                            :value="item.columnsCode"
                            :key="index"
                        ></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="方案名称" prop="schemeName">
                    <el-input v-model="form.schemeName" placeholder="请输入方案名称" />
                </el-form-item>
                <el-form-item label="低报警值" prop="lowAlarm">
                    <el-input v-model="form.lowAlarm" placeholder="请输入低报警值" />
@@ -97,10 +84,9 @@
</template>

<script setup name="Menu">
import facilityApi from '@/api/facility/index.js'
import waterFacilityParameter from '@/api/facility/parameter.js'
import alarmSchemeApi from '@/api/configuration/warning/alarmScheme.js'
import setPostParams from "@/utils/searchParams.js";
import commonParameters from '@/api/configuration/commonParameters/index'
import {onMounted} from "vue";
const { proxy } = getCurrentInstance();

@@ -112,9 +98,7 @@
})
const tableData = ref([]);
let  tableHeader = ref({
    schemeName: '方案名称',
    facilityName: '设备名称',
    columnsName: '参数名称',
    columnsShow: '参数名称',
    lowAlarm: '低报警值',
    tallAlarm: '高报警值',
    remark: '备注',
@@ -131,17 +115,13 @@
        name: undefined,
    },
    rules: {
        facilityId: [{ required: true, message: "请选择设备", trigger: "blur" }],
        columnsCode: [{ required: true, message: "请选择设备参数", trigger: "blur" }],
        schemeName: [{ required: true, message: "请输入方案名称", trigger: "blur" }],
        lowAlarm: [{ required: true, message: "请输入低报警值", trigger: "blur" }],
        tallAlarm: [{ required: true, message: "请输入高报警值", trigger: "blur" }],
        remark: [{ required: false, message: "请输入备注信息", trigger: "blur" }],
    },
});
const { queryParams, form, rules } = toRefs(data);
const facityList = ref([]); //设备列表
const facityCodeList = ref([]); //设备参数列表
const facityCodeList = ref([]); //参数列表

/**
 * 搜索相关
@@ -170,19 +150,10 @@
    loading.value = false;
}

// 获取设备
const getFacityList = () => {
    let postParam = setPostParams()
    facilityApi().search(postParam).then(res => {
        facityList.value = res.data.list
    })
}

// 获取设备参数
const getFacityCodeList = (id) => {
    const code = id ? id : form.value.facilityId
    waterFacilityParameter().getParam(code).then(res => {
        facityCodeList.value = res.data
// 获取参数列表
const getcommonParameters = () => {
    commonParameters().search({  limit: 100, page:1}).then(res => {
        facityCodeList.value = res.data.list
    })
}

@@ -195,7 +166,6 @@
/** 修改按钮操作 */
async function handleUpdate(row) {
    reset();
    getFacityCodeList(row.facilityId)
    form.value = Object.assign({},row)
    open.value = true;
    title.value = "修改方案配置";
@@ -247,9 +217,7 @@
/** 表单重置 */
function reset() {
    form.value = {
        facilityId:'',
        columnsCode:'',
        schemeName:'',
        parametersId:'',
        lowAlarm:'',
        tallAlarm:'',
        remark:'',
@@ -259,6 +227,6 @@

onMounted(() => {
    getList();
    getFacityList()
    getcommonParameters()
})
</script>