<template>
|
<el-form
|
ref="ruleForm"
|
size="mini"
|
label-position="top"
|
:model="params"
|
:rules="rules"
|
class="params-dialog"
|
>
|
<el-row :gutter="row.gutter">
|
<el-col :span="row.span">
|
<el-form-item
|
label="交流配电柜交流电压告警阈值上限"
|
prop="acVolHighAlmVal"
|
>
|
<el-input v-model="params.acVolHighAlmVal"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="row.span">
|
<el-form-item
|
label="交流配电柜交流电压告警阈值下限"
|
prop="acVolLowAlmVal"
|
>
|
<el-input v-model="params.acVolLowAlmVal"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="row.span">
|
<el-form-item
|
label="交流配电柜温度告警阈值上限"
|
prop="acCabinetTempHighAlmVal"
|
>
|
<el-input v-model="params.acCabinetTempHighAlmVal"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="row.span">
|
<el-form-item
|
label="直流配电柜直流电压告警阈值上限"
|
prop="dcVolHighAlmVal"
|
>
|
<el-input v-model="params.dcVolHighAlmVal"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="row.span">
|
<el-form-item
|
label="直流配电柜直流电压告警阈值下限"
|
prop="dcVolLowAlmVal"
|
>
|
<el-input v-model="params.dcVolLowAlmVal"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="row.span">
|
<el-form-item
|
label="直流配电柜温度告警阈值上限"
|
prop="dcCabinetTempHighAlmVal"
|
>
|
<el-input v-model="params.dcCabinetTempHighAlmVal"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="row.span">
|
<el-form-item
|
label="高频开关柜交流电压告警阈值上限"
|
prop="acHighVolAlmVal"
|
>
|
<el-input v-model="params.acHighVolAlmVal"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="row.span">
|
<el-form-item
|
label="高频开关柜交流电压告警阈值下限"
|
prop="acLowVolAlmVal"
|
>
|
<el-input v-model="params.acLowVolAlmVal"></el-input>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="row.span">
|
<el-form-item
|
label="高频开关柜直流输出电压告警阈值上限"
|
prop="dcOutVolHighAlmVal"
|
>
|
<el-input v-model="params.dcOutVolHighAlmVal"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="row.span">
|
<el-form-item
|
label="高频开关柜直流输出电压告警阈值下限"
|
prop="dcOutVolLowAlmVal"
|
>
|
<el-input v-model="params.dcOutVolLowAlmVal"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<div class="form-footer">
|
<gradient-btn size="sm" :disabled="!hasPermission" @click="getParam(true)"
|
>读取</gradient-btn
|
>
|
<gradient-btn
|
size="sm"
|
:disabled="!hasPermission || !setTestFlag"
|
@click="submitFrom"
|
>设定</gradient-btn
|
>
|
</div>
|
</el-form>
|
</template>
|
|
<script>
|
import gradientBtn from "@/components/gradientBtn.vue";
|
import testVal from "@/assets/js/testVal";
|
import const_alarm from "../js/const_alarm";
|
import { getAlmParams, setAlmParams } from "../js/apis";
|
export default {
|
name: "",
|
props: {
|
btnText: {
|
type: String,
|
default: "给定",
|
},
|
},
|
computed: {
|
// title() {
|
// return this.option.label;
|
// },
|
// tip() {
|
// return this.option.tip;
|
// },
|
// setFlag() {
|
// return !!this.datas[this.option.flag];
|
// },
|
// value() {
|
// let { datas, option } = this;
|
// return this.setFlag ? datas[option.key1] : datas[option.key0];
|
// },
|
hasPermission() {
|
return this.$store.state.user.downloadFlag == 1;
|
},
|
},
|
watch: {},
|
data() {
|
const { logList, rules } = const_alarm;
|
const validator_Num = (rule, value, callback) => {
|
testVal(rule, value, callback, rules.Number);
|
};
|
const testNumber = [
|
{
|
validator: validator_Num,
|
trigger: "change",
|
},
|
];
|
return {
|
logList,
|
setTestFlag: false, // 设置参数的状态
|
row: {
|
gutter: 16,
|
span: 8,
|
},
|
params: {
|
num: 0,
|
opCmd: 0,
|
acCabinetTempHighAlmVal: 0,
|
acHighVolAlmVal: 0,
|
acLowVolAlmVal: 0,
|
acVolHighAlmVal: 0,
|
acVolLowAlmVal: 0,
|
dcCabinetTempHighAlmVal: 0,
|
dcOutVolHighAlmVal: 0,
|
dcOutVolLowAlmVal: 0,
|
dcVolHighAlmVal: 0,
|
dcVolLowAlmVal: 0,
|
},
|
rules: {
|
acVolHighAlmVal: [...testNumber],
|
acVolLowAlmVal: [...testNumber],
|
acCabinetTempHighAlmVal: [...testNumber],
|
dcVolHighAlmVal: [...testNumber],
|
dcVolLowAlmVal: [...testNumber],
|
dcCabinetTempHighAlmVal: [...testNumber],
|
acHighVolAlmVal: [...testNumber],
|
acLowVolAlmVal: [...testNumber],
|
dcOutVolHighAlmVal: [...testNumber],
|
dcOutVolLowAlmVal: [...testNumber],
|
},
|
};
|
},
|
components: {
|
gradientBtn,
|
},
|
methods: {
|
initParams() {
|
// 初始化参数
|
this.params = {
|
num: 0,
|
opCmd: 0,
|
acCabinetTempHighAlmVal: 0,
|
acHighVolAlmVal: 0,
|
acLowVolAlmVal: 0,
|
acVolHighAlmVal: 0,
|
acVolLowAlmVal: 0,
|
dcCabinetTempHighAlmVal: 0,
|
dcOutVolHighAlmVal: 0,
|
dcOutVolLowAlmVal: 0,
|
dcVolHighAlmVal: 0,
|
dcVolLowAlmVal: 0,
|
};
|
},
|
// 获取参数
|
getParam(showLoad) {
|
// 定义等待框
|
let loading;
|
if (showLoad) {
|
loading = this.$layer.loading(1);
|
}
|
// 查询后台
|
getAlmParams()
|
.then((res) => {
|
let { code, data, data2, msg } = res.data;
|
if (code && data) {
|
this.params = {
|
...this.params,
|
...data2,
|
};
|
if (showLoad) {
|
this.$layer.msg("读取成功！");
|
}
|
// 设置按钮可点击
|
this.setTestFlag = true;
|
} else {
|
// 初始化参数
|
this.initParams();
|
// 设置按钮不可点击
|
this.setTestFlag = false;
|
if (showLoad) {
|
this.$layer.msg("读取失败！");
|
}
|
}
|
// 关闭等待框
|
this.$layer.close(loading);
|
})
|
.catch((error) => {
|
console.log(error);
|
// 初始化参数
|
this.initParams();
|
// 设置按钮不可点击
|
this.setTestFlag = false;
|
// 关闭等待框
|
this.$layer.close(loading);
|
if (showLoad) {
|
this.$layer.msg("读取失败，读取请求异常！");
|
}
|
});
|
},
|
// 提交表单设置参数
|
submitFrom() {
|
this.$refs.ruleForm.validate((valid) => {
|
// 校验通过
|
if (valid) {
|
// 设置参数
|
this.setParamsCheck();
|
} else {
|
this.$layer.msg("存在校验未通过的数据！");
|
return false;
|
}
|
});
|
},
|
setParamsCheck() {
|
this.setParam();
|
},
|
// 设置参数
|
setParam() {
|
// 等待框
|
let loading = this.$layer.loading(1);
|
let logList = this.logList.map((v) => {
|
return {
|
param: v.param,
|
paramCn: v.paramCn,
|
value: this.params[v.param],
|
};
|
});
|
let param = {
|
...this.params,
|
// opCmd: this.cmd.setParam,
|
logList,
|
};
|
// 请求后台
|
setAlmParams(param)
|
.then((res) => {
|
res = res.data;
|
if (res.code && res.data) {
|
// 提示信息
|
this.$layer.msg("设置成功");
|
} else {
|
// 提示信息
|
this.$layer.msg("设置失败！");
|
}
|
// 关闭等待框
|
this.$layer.close(loading);
|
})
|
.catch((error) => {
|
console.log(error);
|
// 关闭等待框
|
this.$layer.close(loading);
|
// 提示信息
|
this.$layer.msg("设置失败，设置请求异常！");
|
});
|
},
|
},
|
|
mounted() {
|
this.getParam();
|
},
|
};
|
</script>
|
|
<style scoped lang="less">
|
:deep(.el-form-item__label) {
|
color: inherit;
|
}
|
.form-footer {
|
// display: inline-block;
|
display: flex;
|
justify-content: flex-end;
|
padding-right: 6em;
|
}
|
</style>
|
