<template>
|
<el-form
|
ref="ruleForm"
|
size="mini"
|
label-position="top"
|
:model="params"
|
:rules="rules"
|
class="params-dialog"
|
>
|
<el-form-item label="电池组名称">
|
<el-input v-model="otherParams.groupName" readonly></el-input>
|
</el-form-item>
|
<div class="table-layout">
|
<div class="table-row">
|
<div class="table-cell pr16">
|
<el-form-item label="设备ID">
|
<el-input v-model="otherParams.FBSDeviceId" readonly></el-input>
|
</el-form-item>
|
</div>
|
<div class="table-cell">
|
<el-form-item label="电池组信息">
|
<el-input v-model="otherParams.groupInfo" readonly></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="table-row">
|
<div class="table-cell pr16">
|
<el-form-item label="电池组号">
|
<el-input
|
v-model="otherParams.GroupIndexInFBSDevice"
|
readonly
|
></el-input>
|
</el-form-item>
|
</div>
|
<div class="table-cell">
|
<el-form-item label="测试类型">
|
<el-select v-model="params.TestCmd" placeholder="请选择">
|
<el-option
|
v-for="item in testType"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="table-row">
|
<div class="table-cell pr16">
|
<el-form-item label="核容电流(1~300A)" prop="DisCurr">
|
<el-input v-model="params.DisCurr" :readonly="readOnly"></el-input>
|
</el-form-item>
|
</div>
|
<div class="table-cell">
|
<el-form-item label="核容时长(1~10000分钟)" prop="DisTime">
|
<el-input v-model="params.DisTime" :readonly="readOnly"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="table-row">
|
<div class="table-cell pr16">
|
<el-form-item label="核容容量(1~2000AH)" prop="DisCap">
|
<el-input v-model="params.DisCap" :readonly="readOnly"></el-input>
|
</el-form-item>
|
</div>
|
<div class="table-cell">
|
<el-form-item label="单体温度上限(10~60℃)" prop="MonomerTmp_High">
|
<el-input
|
v-model="params.MonomerTmp_High"
|
:readonly="readOnly"
|
></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="table-row">
|
<div class="table-cell pr16">
|
<el-form-item :label="rangeLabel.GroupVol_Low" prop="GroupVol_Low">
|
<el-input
|
v-model="params.GroupVol_Low"
|
:readonly="readOnly"
|
></el-input>
|
</el-form-item>
|
</div>
|
<div class="table-cell">
|
<el-form-item
|
:label="rangeLabel.MonomerVol_Low"
|
prop="MonomerVol_Low"
|
>
|
<el-input
|
v-model="params.MonomerVol_Low"
|
:readonly="readOnly"
|
></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="table-row">
|
<div class="table-cell pr16">
|
<el-form-item label="升压上限(V)">
|
<el-input v-model="params.DCVolHighLimit"></el-input>
|
</el-form-item>
|
</div>
|
<div class="table-cell">
|
<el-form-item label="充电电流(A)">
|
<el-input v-model="params.ChargeCurrSet"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
</div>
|
<div class="form-footer">
|
<!-- <three-btn>清除告警</three-btn> -->
|
<three-btn :disabled="!startTestFlag" @click="monDataShow = true"
|
>启动测试</three-btn
|
>
|
<three-btn @click="getParams(true)">读取</three-btn>
|
<three-btn :disabled="!setTestFlag" @click="submitFrom">设定</three-btn>
|
</div>
|
<el-dialog
|
title="人脸校验"
|
width="480px"
|
:visible.sync="setFaceShow"
|
:close-on-click-modal="false"
|
top="0"
|
:modal="false"
|
class="dialog-center"
|
:modal-append-to-body="false"
|
:destroy-on-close="true"
|
>
|
<check-face
|
v-if="setFaceShow"
|
@checkSuccess="setFaceSuccess"
|
></check-face>
|
</el-dialog>
|
<el-dialog
|
title="人脸校验"
|
width="480px"
|
:visible.sync="startFaceShow"
|
:close-on-click-modal="false"
|
top="0"
|
:modal="false"
|
class="dialog-center"
|
:modal-append-to-body="false"
|
:destroy-on-close="true"
|
>
|
<check-face
|
v-if="startFaceShow"
|
@checkSuccess="startFaceSuccess"
|
></check-face>
|
</el-dialog>
|
<el-dialog
|
title="单体数据面板"
|
width="500px"
|
:visible.sync="monDataShow"
|
:close-on-click-modal="false"
|
top="0"
|
:modal="false"
|
class="dialog-center"
|
:modal-append-to-body="false"
|
:destroy-on-close="true"
|
>
|
<div class="d_contain">
|
<el-table :data="monData.datas" height="400">
|
<el-table-column
|
v-for="(header, key) in monData.headers"
|
:key="key"
|
:prop="header.prop"
|
:label="header.label"
|
:width="header.width"
|
:min-width="header.minWidth"
|
align="center"
|
></el-table-column>
|
</el-table>
|
<div class="footer">
|
<three-btn @click="startTestCheck">确定</three-btn>
|
</div>
|
</div>
|
</el-dialog>
|
</el-form>
|
</template>
|
|
<script>
|
import { const_61850 } from "../../../assets/js/const/index";
|
|
import { testVal } from "../../../assets/js/tools";
|
import CheckFace from "@/components/checkFace";
|
|
import config from "@/assets/js/config";
|
|
export default {
|
components: { CheckFace },
|
props: {
|
batt: {
|
type: Object,
|
default() {
|
return {};
|
},
|
},
|
tdata: {
|
type: Array,
|
default() {
|
return [];
|
},
|
},
|
},
|
data() {
|
let cmd = const_61850.cmd;
|
let testType = const_61850.testType;
|
let rules = const_61850.dischargeRules;
|
|
let batt = this.batt;
|
// 修改组端下限的取值范围
|
rules.GroupVol_Low.min = (batt.MonCount * batt.MonVolStd * 0.875).toHold(1);
|
rules.GroupVol_Low.max = (batt.MonCount * batt.MonVolStd * 1.125).toHold(1);
|
rules.GroupVol_Low.msg =
|
"取值范围" +
|
rules.GroupVol_Low.min +
|
"~" +
|
rules.GroupVol_Low.max +
|
"(保留一位小数)";
|
|
// 修改电池单体下限的取值范围
|
rules.MonomerVol_Low.min = (batt.MonVolStd * 0.9).toHold(1);
|
rules.MonomerVol_Low.max = (batt.MonVolStd * 1.2).toHold(1);
|
rules.MonomerVol_Low.msg =
|
"取值范围" +
|
rules.MonomerVol_Low.min +
|
"~" +
|
rules.MonomerVol_Low.max +
|
"(保留一位小数)";
|
|
return {
|
setFaceShow: false,
|
startFaceShow: false,
|
cmd: cmd, // 操作命令
|
testType: testType, // 测试类型
|
startTestFlag: false, // 启动测试的状态
|
setTestFlag: false, // 设置参数的状态
|
readOnly: false,
|
monDataShow: false,
|
monData: {
|
headers: [
|
{
|
prop: "num1",
|
label: "单体编号",
|
Width: 80,
|
},
|
{
|
prop: "vol1",
|
label: "单体电压",
|
width: 120,
|
},
|
{
|
prop: "temp1",
|
label: "单体温度",
|
width: 120,
|
},
|
{
|
prop: "res1",
|
label: "单体内阻",
|
width: 120,
|
},
|
],
|
datas: [],
|
},
|
ranges: {
|
GroupVol_Low: {
|
name: "组端电压下限",
|
unit: "V",
|
min: rules.GroupVol_Low.min,
|
max: rules.GroupVol_Low.max,
|
},
|
MonomerVol_Low: {
|
name: "单体电压下限",
|
unit: "V",
|
min: rules.MonomerVol_Low.min,
|
max: rules.MonomerVol_Low.max,
|
},
|
},
|
params: {
|
num: 0,
|
dev_id: 0, // 设备id
|
TestCmd: 37, // 测试类型
|
DisCap: 0, // 核容容量
|
DisCurr: 0, // 核容电流
|
DisTime: 0, // 核容时长
|
GroupVol_Low: 0, // 组端电压下限
|
MonomerVol_Low: 0, // 单体电压下限
|
MonomerTmp_High: 0, // 单体温度上限
|
DCVolHighLimit: 0, // 升压上限
|
ChargeCurrSet: 0, // 充电电流
|
BattGroupNum: 0, // 电池组编号
|
},
|
rules: {
|
DisCap: [
|
{
|
validator(rule, value, callback) {
|
testVal(rule, value, callback, rules.DisCap);
|
},
|
trigger: "change",
|
},
|
],
|
DisCurr: [
|
{
|
validator(rule, value, callback) {
|
testVal(rule, value, callback, rules.DisCurr);
|
},
|
trigger: "change",
|
},
|
],
|
DisTime: [
|
{
|
validator(rule, value, callback) {
|
testVal(rule, value, callback, rules.DisTime);
|
},
|
trigger: "change",
|
},
|
],
|
GroupVol_Low: [
|
{
|
validator(rule, value, callback) {
|
testVal(rule, value, callback, rules.GroupVol_Low);
|
},
|
trigger: "change",
|
},
|
],
|
MonomerVol_Low: [
|
{
|
validator(rule, value, callback) {
|
testVal(rule, value, callback, rules.MonomerVol_Low);
|
},
|
trigger: "change",
|
},
|
],
|
MonomerTmp_High: [
|
{
|
validator(rule, value, callback) {
|
testVal(rule, value, callback, rules.MonomerTmp_High);
|
},
|
trigger: "change",
|
},
|
],
|
},
|
};
|
},
|
watch: {
|
params: {
|
handler(params) {
|
if (params.TestCmd == 72 || params.TestCmd == 50) {
|
this.readOnly = true;
|
} else {
|
this.readOnly = false;
|
}
|
this.startTestFlag = false;
|
},
|
deep: true,
|
},
|
},
|
methods: {
|
initParams() {
|
// 初始化参数
|
this.params = {
|
num: 0,
|
dev_id: 0, // 设备id
|
TestCmd: 37, // 测试类型
|
DisCap: 0, // 核容容量
|
DisCurr: 0, // 核容电流
|
DisTime: 0, // 核容时长
|
GroupVol_Low: 0, // 组端电压下限
|
MonomerVol_Low: 0, // 单体电压下限
|
MonomerTmp_High: 0, // 单体温度上限
|
DCVolHighLimit: 0, // 升压上限
|
ChargeCurrSet: 0, // 充电电流
|
BattGroupNum: 0, // 电池组编号
|
};
|
},
|
// 获取参数
|
getParams(showLoad) {
|
// 定义等待框
|
let loading;
|
if (showLoad) {
|
loading = this.$layer.loading(1);
|
}
|
// 启动按钮不可点击
|
this.startTestFlag = false;
|
|
// 查询后台
|
this.$apis.dischargeTest.e61850
|
.getParams({
|
num: this.cmd.get,
|
dev_id: this.batt.FBSDeviceId,
|
BattGroupNum: this.batt.GroupIndexInFBSDevice + 1,
|
})
|
.then((res) => {
|
let rs = JSON.parse(res.data.result);
|
if (rs.code == 1) {
|
let fsparam = rs.data[0].fsparam;
|
// 遍历参数属性并赋值
|
for (let key in this.params) {
|
if (key === "TestCmd") {
|
this.params.TestCmd = 37;
|
} else {
|
this.params[key] = fsparam[key];
|
}
|
}
|
// 设置的命令和dev_id
|
this.params.num = this.cmd.set;
|
this.params.dev_id = this.batt.FBSDeviceId;
|
this.$layer.msg("读取成功!");
|
// 设置按钮可点击
|
this.setTestFlag = true;
|
} else {
|
// 初始化参数
|
this.initParams();
|
// 设置按钮不可点击
|
this.setTestFlag = false;
|
this.$layer.msg("读取失败!");
|
}
|
// 关闭等待框
|
this.$layer.close(loading);
|
})
|
.catch((error) => {
|
console.log(error);
|
// 初始化参数
|
this.initParams();
|
// 设置按钮不可点击
|
this.setTestFlag = false;
|
// 关闭等待框
|
this.$layer.close(loading);
|
this.$layer.msg("读取失败,读取请求异常!");
|
});
|
},
|
// 提交表单设置参数
|
submitFrom() {
|
this.$refs.ruleForm.validate((valid) => {
|
// 校验通过
|
if (valid) {
|
// 设置参数
|
this.$layer.confirm(
|
"确认修改参数",
|
{ icon: 3, title: "系统提示" },
|
(index) => {
|
// 关闭确认框
|
this.$layer.close(index);
|
this.setParamsCheck();
|
}
|
);
|
} else {
|
this.$layer.msg("存在校验未通过的数据!");
|
return false;
|
}
|
});
|
},
|
setParamsCheck() {
|
if (config.dischargeByFace.value) {
|
this.setFaceShow = true;
|
} else {
|
this.setParams(true);
|
}
|
},
|
// 设置参数
|
setParams() {
|
// 等待框
|
let loading = this.$layer.loading(1);
|
// 请求后台
|
this.$apis.dischargeTest.e61850
|
.setParams(this.params)
|
.then((res) => {
|
let rs = JSON.parse(res.data.result);
|
if (rs.code == 1) {
|
// 启动按钮可点击
|
this.startTestFlag = true;
|
// 提示信息
|
this.$layer.msg("设置成功");
|
} else {
|
// 启动按钮不可点击
|
this.startTestFlag = false;
|
// 提示信息
|
this.$layer.msg("设置失败!");
|
}
|
// 关闭等待框
|
this.$layer.close(loading);
|
})
|
.catch((error) => {
|
console.log(error);
|
// 关闭等待框
|
this.$layer.close(loading);
|
// 启动按钮不可点击
|
this.startTestFlag = false;
|
// 提示信息
|
this.$layer.msg("设置失败,设置请求异常!");
|
});
|
},
|
// 单体数据
|
|
startTestCheck() {
|
if (config.dischargeByFace.value) {
|
this.startFaceShow = true;
|
} else {
|
this.confirmStartTest();
|
}
|
},
|
// 确认框
|
confirmStartTest() {
|
this.$layer.prompt(
|
{
|
title: "输入启动口令,并确认",
|
formType: 2,
|
area: ["300px", "180px"],
|
},
|
(pass, index) => {
|
// 请求后台校验密码
|
this.$apis.login
|
.checkUserPwd(pass)
|
.then((res) => {
|
let rs = JSON.parse(res.data.result);
|
if (rs.code == 1) {
|
// 关闭弹出框
|
this.$layer.close(index);
|
this.$layer.msg("密码检测通过,启动测试");
|
// 启动测试
|
this.startTest();
|
} else {
|
this.$layer.msg("启动口令错误!");
|
}
|
})
|
.catch((error) => {
|
console.log(error);
|
this.$layer.msg("网络请求异常");
|
});
|
}
|
);
|
},
|
// 启动
|
startTest() {
|
// 等待框
|
let loading = this.$layer.loading(1);
|
// 请求后台
|
this.$apis.dischargeTest.e61850
|
.start({
|
num: this.cmd.start,
|
dev_id: this.batt.FBSDeviceId,
|
BattGroupNum: this.batt.GroupIndexInFBSDevice + 1,
|
})
|
.then((res) => {
|
let rs = JSON.parse(res.data.result);
|
if (rs.code == 1) {
|
// 提示信息
|
this.$layer.msg("启动测试成功");
|
this.$emit("close");
|
} else {
|
// 提示信息
|
this.$layer.msg("启动测试失败!");
|
}
|
// 关闭等待框
|
this.$layer.close(loading);
|
})
|
.catch((error) => {
|
console.log(error);
|
// 关闭等待框
|
this.$layer.close(loading);
|
// 提示信息
|
this.$layer.msg("启动测试失败,启动测试请求异常!");
|
});
|
},
|
setFaceSuccess() {
|
this.setFaceShow = false;
|
this.setParams();
|
},
|
startFaceSuccess() {
|
this.startFaceShow = false;
|
this.startTest();
|
},
|
},
|
computed: {
|
otherParams() {
|
let batt = this.batt;
|
let groupInfo =
|
"单体数量:" +
|
this.batt.MonCount +
|
";电压(V):" +
|
this.batt.MonVolStd +
|
";容量(AH):" +
|
this.batt.MonCapStd;
|
return {
|
groupName: batt.StationName + "-" + batt.BattGroupName,
|
FBSDeviceId: batt.FBSDeviceId,
|
groupInfo: groupInfo,
|
GroupIndexInFBSDevice: this.batt.GroupIndexInFBSDevice + 1,
|
};
|
},
|
rangeLabel() {
|
let ranges = this.ranges;
|
let result = {};
|
for (let key in ranges) {
|
let item = ranges[key];
|
result[key] =
|
item.name + "(" + item.min + "~" + item.max + item.unit + ")";
|
}
|
return result;
|
},
|
},
|
mounted() {
|
console.log(this.tdata, 99999999999);
|
this.monData.datas = this.tdata;
|
// 获取数据
|
this.getParams(true);
|
},
|
};
|
</script>
|
|
<style scoped>
|
.d_contain {
|
background-color: #ececec;
|
}
|
.d_contain .footer {
|
text-align: right;
|
padding: 8px;
|
}
|
.form-footer {
|
margin-top: 16px;
|
margin-bottom: 16px;
|
text-align: right;
|
}
|
|
.form-footer .three-btn {
|
margin-left: 12px;
|
}
|
</style>
|