<template>
|
<div class="params-container">
|
<el-form
|
ref="ruleForm"
|
size="mini"
|
label-position="top"
|
:model="params"
|
:rules="rules"
|
class="params-dialog">
|
<el-form-item label="机房名称" prop="stationName">
|
<el-input
|
placeholder="请输入机房名称"
|
v-model="batt.stationName"
|
readonly="readonly">
|
</el-input>
|
</el-form-item>
|
<el-row :gutter="layout.gutter">
|
<el-col :span="layout.span">
|
<el-form-item label="开关名称">
|
<el-select v-model="params.testCmd">
|
<el-option :value="11" label="DK11"></el-option>
|
<el-option :value="12" label="DK12"></el-option>
|
<el-option :value="13" label="DK13"></el-option>
|
<el-option :value="21" label="DK21"></el-option>
|
<el-option :value="22" label="DK22"></el-option>
|
<el-option :value="23" label="DK23"></el-option>
|
<el-option :value="31" label="DK31"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="开关状态">
|
<el-select v-model="params.flowoverCount">
|
<el-option :value="1" label="合闸"></el-option>
|
<el-option :value="2" label="分闸"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<div class="form-footer">
|
<three-btn @click="confirmStartTest">设定</three-btn>
|
</div>
|
</el-form>
|
</div>
|
</template>
|
|
<script>
|
import {checkUserPwd} from "@/views/login/js/api";
|
import {setEleOperationSwitch} from "@/views/dataTest/js/realTime";
|
import dev60870 from "@/views/dataTest/js/dev60870";
|
export default {
|
name: "EleOperationSwitch",
|
props: {
|
batt: {
|
type: Object,
|
default() {
|
return {
|
stationName: ""
|
};
|
},
|
},
|
state: {
|
type: Object,
|
default() {
|
return dev60870.state();
|
},
|
},
|
visible: {
|
type: Boolean,
|
default: false,
|
},
|
isCanControlSwitch: {
|
type: Object,
|
defualt() {
|
return {
|
code: 0,
|
msg: "未知"
|
}
|
}
|
}
|
},
|
data() {
|
return {
|
layout: {
|
span: 12,
|
gutter: 16,
|
},
|
params: {
|
devId: "",
|
testCmd: 11,
|
flowoverCount: 1
|
},
|
rules: {}
|
}
|
},
|
methods: {
|
// 确认框
|
confirmStartTest() {
|
let isCanControlSwitch = this.isCanControlSwitch;
|
if(!isCanControlSwitch.code) {
|
this.$alert(isCanControlSwitch.msg, '系统提示');
|
return;
|
}
|
this.$layer.prompt(
|
{
|
title: "输入修改口令，并确认",
|
formType: 2,
|
area: ["300px", "180px"],
|
},
|
(pass, index) => {
|
// 请求后台校验密码
|
checkUserPwd(pass)
|
.then((res) => {
|
res = res.data;
|
if (res.code) {
|
// 关闭弹出框
|
this.$layer.close(index);
|
this.$layer.msg("密码检测通过！");
|
// 启动
|
this.submitFrom();
|
} else {
|
this.$layer.msg("口令错误！");
|
}
|
})
|
.catch((error) => {
|
console.log(error);
|
this.$layer.msg("网络请求异常");
|
});
|
}
|
);
|
},
|
submitFrom() {
|
let params = {...this.params};
|
let loading = this.$layer.loading();
|
setEleOperationSwitch(params).then(res=>{
|
this.$layer.close(loading);
|
let rs = res.data;
|
if(rs.code == 1 && rs.data) {
|
this.$emit("update:visible", false);
|
this.$message.success("设置成功");
|
}else {
|
this.$message.error("设置失败");
|
}
|
}).catch(error=>{
|
this.$layer.close(loading);
|
this.$message.error("设置失败");
|
console.log(error);
|
});
|
}
|
},
|
mounted() {
|
let devId = this.batt.fbsdeviceId;
|
this.params.devId = devId;
|
}
|
}
|
</script>
|
|
<style scoped>
|
.params-container {
|
width: 600px;
|
background-color: #ffffff;
|
}
|
.form-footer {
|
margin-bottom: 4px;
|
}
|
</style>
|
