<style scoped>
|
input[readonly=readonly] {
|
background-color: #EFEFEF;
|
}
|
.item-title.item-label {
|
color: #3B78D8;
|
}
|
</style>
|
<template>
|
<div data-name="batt-param-set" class="page">
|
<!-- Top Navbar -->
|
<div class="navbar">
|
<div class="navbar-inner">
|
<div class="left">
|
<a href="#" class="link back">
|
<i class="icon f7-icons">chevron_left</i>
|
</a>
|
</div>
|
<div class="title center">系统参数设置</div>
|
<!-- <div class="right">
|
<a href="#" class="link ac"><i class="icon f7-icons">more_vertical</i></a>
|
</div> -->
|
</div>
|
</div>
|
<div class="toolbar toolbar-bottom" id="sysParamSetBtn">
|
<div class="toolbar-inner">
|
<button
|
class="col button button-fill color-blue"
|
style="margin-right: 10px;"
|
v-on:click="readParams()" >读取参数</button>
|
<button class="col button button-fill"
|
v-bind:class="{'color-blue': setBtnStatus, 'color-gray': !setBtnStatus}"
|
v-bind:disabled="!setBtnStatus"
|
v-on:click="setParams()">设置参数</button>
|
</div>
|
</div>
|
<div class="page-content" id="sysParamSet">
|
<form class="card list">
|
<ul>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">设备id</div>
|
<div class="item-input-wrap">
|
<input type="text" readonly="readonly" v-model="param.dev_id">
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">机房名称</div>
|
<div class="item-input-wrap">
|
<input type="text" readonly="readonly" v-model="staticParam.homeName">
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">总续航时间(0~9999分钟)</div>
|
<div class="item-input-wrap">
|
<input type="text" v-model="param.GroupVolRange">
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">保一次下电续航时间(0~9999分钟)</div>
|
<div class="item-input-wrap">
|
<input type="text" v-model="param.GroupVolSorce">
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">电流钳量程(10~9999A)</div>
|
<div class="item-input-wrap">
|
<input type="text" v-model="param.CurrentRange">
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">一次下电电压(35.0~65.0V)</div>
|
<div class="item-input-wrap">
|
<input type="text" v-model="specialParams.CurrentTyte">
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">二次下电电压(35.0~65.0V)</div>
|
<div class="item-input-wrap">
|
<input type="text" v-model="specialParams.MonomerOrder">
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">DCDC模块数量(1~10)</div>
|
<div class="item-input-wrap">
|
<input type="text" v-model="param.LoaderCount">
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">单体数据来源类型</div>
|
<div class="item-input-wrap">
|
<select v-model="param.DtCardCount">
|
<option value="0">从汇集器获取</option>
|
<option value="1">从一拖24获取</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">停电升压榨干电池数量(0~2)</div>
|
<div class="item-input-wrap">
|
<input type="text" v-model="param.POF_BG_Boost_Cnt">
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">停电升压榨干电池端电压终止电压下限(35.0~65.0V)</div>
|
<div class="item-input-wrap">
|
<input type="text" v-model="param.POF_BG_Boost_VolStop">
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">停电升压榨干电池端电压启动电压下限(35.0~65.0V)</div>
|
<div class="item-input-wrap">
|
<input type="text" v-model="param.POF_BG_Boost_VolStart">
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">电池合路器主电池组编号(0~2)</div>
|
<div class="item-input-wrap">
|
<input type="text" v-model="param.MajorBattGroupNum">
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">背光时间(0~9999分钟)</div>
|
<div class="item-input-wrap">
|
<input type="text" v-model="param.BackLightTime">
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">停电充电电流(0~50A)</div>
|
<div class="item-input-wrap">
|
<input type="text" v-model="param.PowerBreakChargeCurr">
|
</div>
|
</div>
|
</div>
|
</li>
|
</ul>
|
</form>
|
</div>
|
</div>
|
</template>
|
<script>
|
return {
|
data: function() {
|
var params = this.$route.params;
|
return {
|
params: params
|
}
|
},
|
on: {
|
pageInit: function() {
|
var params = this.params;
|
var cmd = bus.cmd.sys;
|
var vm = this.vm = new Vue({
|
el: '#sysParamSet',
|
delimiters: ['${', '}'],
|
data: {
|
staticParam: {
|
homeName: params.home
|
},
|
status: {
|
read: false, // 读取状态
|
values: false // 数据验证状态
|
},
|
specialParams: {
|
CurrentTyte: 35,
|
MonomerOrder: 35
|
},
|
param: {
|
dev_id: params.fbsid, // 设备的id
|
num: cmd.get, // 获取的命令
|
IPADDR: 0, // ip地址
|
SubIPADDR: '127.0.0.0', // 子网掩码
|
NetGateADDR: '127.0.0.0', // 网关地址
|
MACADDR: 0, // 物理地址
|
GroupVolRange: 0, // 总续航时间
|
GroupVolSorce: 0, // 保一次下电续航时间
|
CurrentRange: 10, // 电流钳量程
|
CurrentTyte: 350, // 一次下电电压
|
MonomerOrder: 350, // 二次下电电压
|
LoaderCount: 1, // DCDC模块数量
|
DtCardCount: 1, // 单体数据来源类型
|
POF_BG_Boost_Cnt: 0, // 停电升压榨干电池数量
|
POF_BG_Boost_VolStop: 35, // 停电升压榨干电池端电压终止电压下限
|
POF_BG_Boost_VolStart: 35, // 停电升压榨干电池端电压启动电压下限
|
MajorBattGroupNum: 0, // 电池合路器主电池组编号
|
BackLightTime: 0, // 背光时间
|
PowerBreakChargeCurr: 0 // 停电充电电流
|
},
|
verify: {
|
GroupVolRange: {
|
pattern: /^[0-9]{1,4}$/,
|
regVal: true,
|
min: 0,
|
max: 9999,
|
name: '总续航时间',
|
msg: '取值范围0~9999(整数)'
|
},
|
GroupVolSorce: {
|
pattern: /^[0-9]{1,4}$/,
|
regVal: true,
|
min: 0,
|
max: 9999,
|
name: '保一次下电续航时间',
|
msg: '取值范围0~9999(整数)'
|
},
|
CurrentRange: {
|
name: '电流钳量程',
|
pattern: /^[0-9]{1,4}$/,
|
regVal: true,
|
min: 10,
|
max: 9999,
|
msg: '取值范围10~9999(整数)'
|
},
|
CurrentTyte: {
|
name: '一次下电电压',
|
pattern: /^[0-9]{1,3}(\.[0-9]{0,1})?$/,
|
regVal: true,
|
min: 350.0,
|
max: 650.0,
|
msg: '取值范围35.0~65.0'
|
},
|
MonomerOrder: {
|
name: '二次下电电压',
|
pattern: /^[0-9]{1,3}(\.[0-9]{0,1})?$/,
|
regVal: true,
|
min: 350.0,
|
max: 650.0,
|
msg: '取值范围35.0~65.0'
|
},
|
LoaderCount: {
|
name: 'DCDC模块数量',
|
pattern: /^[0-9]{1,4}$/,
|
regVal: true,
|
min: 1,
|
max: 10,
|
msg: '取值范围1~10(整数)'
|
},
|
POF_BG_Boost_Cnt: {
|
name: '停电升压榨干电池数量',
|
pattern: /^[0-9]{1,4}$/,
|
regVal: true,
|
min: 0,
|
max: 2,
|
msg: '取值范围0~2(整数)'
|
|
},
|
POF_BG_Boost_VolStop: {
|
name: '停电升压榨干电池端电压终止电压下限',
|
pattern: /^[0-9]{1,2}(\.[0-9]{0,1})?$/,
|
regVal: true,
|
min: 35.0,
|
max: 65.0,
|
msg: '取值范围35.0~65.0'
|
},
|
POF_BG_Boost_VolStart: {
|
name: '停电升压榨干电池端电压启动电压下限',
|
pattern: /^[0-9]{1,2}(\.[0-9]{0,1})?$/,
|
regVal: true,
|
min: 35.0,
|
max: 65.0,
|
msg: '取值范围35.0~65.0'
|
},
|
MajorBattGroupNum: {
|
name: '电池合路器主电池组编号',
|
pattern: /^[0-9]{1,4}$/,
|
regVal: true,
|
min: 0,
|
max: 2,
|
msg: '取值范围0~2(整数)'
|
},
|
BackLightTime: {
|
name: '背光时间',
|
pattern: /^[0-9]{1,4}$/,
|
regVal: true,
|
min: 0,
|
max: 999,
|
msg: '取值范围0~999(整数)'
|
},
|
PowerBreakChargeCurr: {
|
name: '停电充电电流',
|
pattern: /^[0-9]{1,4}$/,
|
regVal: true,
|
min: 0,
|
max: 50,
|
msg: '取值范围0~50(整数)'
|
}
|
}
|
},
|
watch: {
|
status: {
|
handler: function(val) {
|
bus.$emit('setStatus', val);
|
},
|
deep: true,
|
}
|
},
|
methods: {
|
readParams: function() {
|
var _self = this;
|
var param = this.param;
|
param.num = cmd.get; // 设置读取命名
|
// 读取电池参数
|
app.preloader.show(); // 显示等待框
|
$.ajax({
|
type: 'post'
|
,async: true
|
,url:'Fbs9100_sysparamAction_action_serchByCondition'
|
,data: 'json='+JSON.stringify(param)
|
,dataType: 'json'
|
,success: function(res) {
|
var rs = JSON.parse(res.result);
|
if(rs.code ==1) {
|
_self.setBattParams(rs.data[0]);
|
_self.status.read = true; // 设置读取状态
|
_self.status.values = true; // 设置读取状态
|
}else {
|
_self.status.read = false; // 设置读取状态
|
toast.open({
|
text: '获取系统参数失败!',
|
position: "center",
|
closeTimeout: 2000
|
});
|
}
|
app.preloader.hide(); // 关闭等待框
|
}
|
});
|
},
|
setBattParams: function(data) {
|
var param = this.param;
|
var specialParams = this.specialParams;
|
param.IPADDR = data.IPADDR; // ip地址
|
param.SubIPADDR = data.SubIPADDR; // 子网掩码
|
param.NetGateADDR = data.NetGateADDR; // 网关地址
|
param.MACADDR= data.MACADDR; // 物理地址
|
param.GroupVolRange = data.GroupVolRange; // 总续航时间
|
param.GroupVolSorce = data.GroupVolSorce; // 保一次下电续航时间
|
param.CurrentRange = data.CurrentRange; // 电流钳量程
|
// 设置特殊的值(一次下电和二次下电)
|
specialParams.CurrentTyte = data.CurrentTyte/10; // 一次下电电压
|
specialParams.MonomerOrder = data.MonomerOrder/10, // 二次下电电压
|
|
param.LoaderCount = data.LoaderCount; // DCDC模块数量
|
param.DtCardCount = data.DtCardCount; // 单体数据来源类型
|
param.POF_BG_Boost_Cnt = data.POF_BG_Boost_Cnt; // 停电升压榨干电池数量
|
param.POF_BG_Boost_VolStop =data.POF_BG_Boost_VolStop; // 停电升压榨干电池端电压终止电压下限
|
param.POF_BG_Boost_VolStart = data.POF_BG_Boost_VolStart; // 停电升压榨干电池端电压启动电压下限
|
param.MajorBattGroupNum = data.MajorBattGroupNum; // 电池合路器主电池组编号
|
param.BackLightTime = data.BackLightTime; // 背光时间
|
param.PowerBreakChargeCurr = data.PowerBreakChargeCurr; // 停电充电电流
|
},
|
updateParam: function() {
|
var param = this.param;
|
var specialParams = this.specialParams;
|
var verify = this.verify;
|
// 修改命令num属性的的值为设置参数
|
param.num = cmd.set;
|
// 设置特殊值
|
param.CurrentTyte = specialParams.CurrentTyte*10; // 一次下电电压
|
param.MonomerOrder = specialParams.MonomerOrder*10; // 二次下电电压
|
checkObjIsGood(param, verify, function(result) {
|
if(result.code) {
|
app.dialog.confirm('确认设置系统参数?', function() {
|
// 请求后台
|
app.preloader.show(); // 显示等待框
|
$.ajax({
|
type: "post",
|
url: "Fbs9100_sysparamAction_action_update",
|
async: true,
|
dataType: 'json',
|
data: "json = " + JSON.stringify(result.data),
|
success: function(result) {
|
var rs = JSON.parse(result.result);
|
if(rs.code == 1){
|
toast.open({
|
text: '设置系统参数成功!',
|
position: "center",
|
closeTimeout: 2000
|
});
|
}else{
|
toast.open({
|
text: '设置系统参数失败!',
|
position: "center",
|
closeTimeout: 2000
|
});
|
}
|
// 关闭等待
|
app.preloader.hide();
|
},
|
error: function() {
|
toast.open({
|
text: '设置系统参数失败!',
|
position: "center",
|
closeTimeout: 2000
|
});
|
// 关闭等待
|
app.preloader.hide();
|
}
|
});
|
});
|
}else { // 检测数据不合格提示
|
toast.open({
|
text: result.name+":"+result.msg,
|
position: 'top',
|
closeTimeout: 3000
|
});
|
}
|
});
|
}
|
},
|
mounted: function() {
|
var _self = this;
|
// 读取系统参数
|
this.readParams();
|
|
// 监控读取参数按钮
|
bus.$off('readParams').$on('readParams', function() {
|
_self.readParams();
|
});
|
|
// 监听设置按钮
|
bus.$off('setParams').$on('setParams', function(bool) {
|
if(bool) {
|
_self.updateParam();
|
}
|
});
|
}
|
});
|
|
var btnVm = new Vue({
|
el: '#sysParamSetBtn',
|
delimiters: ['${', '}'],
|
data: {
|
setBtnStatus: false
|
},
|
methods: {
|
readParams: function() {
|
bus.$emit('readParams');
|
},
|
setParams: function() {
|
bus.$emit('setParams', this.setBtnStatus);
|
}
|
},
|
mounted: function() {
|
var _self = this;
|
bus.$off('setStatus').$on('setStatus', function(status) {
|
if(status.read && status.values) {
|
_self.setBtnStatus = true;
|
}else {
|
_self.setBtnStatus = false;
|
}
|
});
|
}
|
});
|
}
|
}
|
}
|
</script>
|