预警管理

zhouwenxuan

2023-08-31 21d10974b1f1e19162b690c313c6f4014f182963

 src/views/warningManage/warningSet/component/setDialog.vue

@@ -5,12 +5,12 @@
            v-model="state.isShowUserDialog"
            width="550px"
        >
            <el-form :model="state.setForm" size="default" ref="gasRef" :rules="state.setFormRules" label-width="150px">
            <el-form :model="state.setForm" size="default" ref="gasRef" :rules=" state.title == '修改' ?state.setFormRules:''" label-width="150px">
                <el-form-item label="预警名称:" prop="name">
                    <span>{{state.setForm.name}}</span>
                </el-form-item>
                <el-form-item label="连续超过阈值点数:" prop="points">
                    <el-input v-model.trim="state.setForm.points" :disabled="state.disabled"></el-input>
                <el-form-item label="连续超过阈值点数:" prop="threshold">
                    <el-input v-model.trim="state.setForm.threshold" :disabled="state.disabled"></el-input>
                </el-form-item>
            </el-form>
            <template #footer>
@@ -26,6 +26,8 @@
<script setup lang="ts">
import {reactive, ref} from "vue";
import {SetState} from "/@/types/warning";
import { warningSetApi } from "/@/api/warningManage/warningSet";
import {ElMessage} from "element-plus/es";

const gasRef = ref();
const emit = defineEmits(["getSetData"]);
@@ -34,11 +36,12 @@
    isShowUserDialog: false,
    disabled: false,
    setForm: {
        id: '',
        name: '',
        points: 0
        threshold: 0
    },
    setFormRules:{
        points: [{ required: true, message: '请填写连续超过阈值点数', trigger: 'blur' }],
        threshold: [{ required: true, message: '请填写连续超过阈值点数', trigger: 'blur' }],
    }
});
const openDialog = (type: string, value: any) => {
@@ -53,10 +56,35 @@
        state.setForm = JSON.parse(JSON.stringify(value));
    }
};
const onSubmit = () => {
    gasRef.value.clearValidate();
    state.isShowUserDialog = false;
    emit('getSetData');
const onSubmit = async () => {

    if(state.title == '修改'){
        const valid = gasRef.value.validate();
        if(valid){
            const param = {
                id: state.setForm.id,
                threshold: state.setForm.threshold
            }
            let res = await warningSetApi().handelWarnSet(param);
            if(res.data.code == 100){
                ElMessage({
                    type: 'success',
                    message: '修改成功'
                });
            }else {
                ElMessage({
                    type: 'error',
                    message: res.data.msg
                });
            }
        }
        gasRef.value.clearValidate();
        state.isShowUserDialog = false;
        emit('getSetData');
    }else {
        state.isShowUserDialog = false;
        emit('getSetData');
    }
};

const handleClose = () => {