<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>修改电池信息</title>
|
<link rel="stylesheet" href="../src/css/layui.css">
|
<style>
|
.layui-form-pane .layui-form-label {
|
width: 130px;
|
}
|
.layui-form-pane .layui-input-block {
|
margin-left: 130px;
|
}
|
.red {
|
font-size: 20px;
|
color: #FF5722;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="layui-fluid">
|
<div style="height: 8px;"></div>
|
<div class="layui-form layui-form-pane" lay-filter="battInfoFilter">
|
<div class="layui-form-item">
|
<div class="layui-row layui-col-space8" id="battInfo"></div>
|
<div style="height: 8px;"></div>
|
<div class="layui-row">
|
<div class="layui-col-xs3 layui-col-xs-offset9 layui-col-sm3 layui-col-sm-offset9 layui-col-md2 layui-col-md-offset10 layui-col-lg2 layui-col-lg-offset10">
|
<button class="layui-btn layui-btn-sm layui-btn-normal layui-anim-scaleSpring" lay-submit="" lay-filter="enAdd">确认添加</button>
|
<button class="layui-btn layui-btn-sm layui-btn-normal" id="closePage">关闭面板</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script type="text/html" id="battInfoTpl">
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">机房编号</label>
|
<div class="layui-input-block">
|
<input type="text" name="StationId" lay-verify="required|number" id="homenum" autocomplete="off" class="layui-input" value="{{= d.StationId }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">省</label>
|
<div class="layui-input-block">
|
<input type="text" name="StationName1" lay-verify="required" id="province" autocomplete="off" class="layui-input" value="{{= d.StationName1 }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">市</label>
|
<div class="layui-input-block">
|
<input type="text" name="StationName2" lay-verify="required" id="StationName2" autocomplete="off" class="layui-input" value="{{= d.StationName2 }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">区/县</label>
|
<div class="layui-input-block">
|
<input type="text" name="StationName5" lay-verify="required" id="county" autocomplete="off" class="layui-input" value="{{= d.StationName5 }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg6">
|
<div class="layui-block">
|
<label class="layui-form-label">机房名称</label>
|
<div class="layui-input-block">
|
<input type="text" name="StationName3" lay-verify="required" id="homename" autocomplete="off" class="layui-input" value="{{= d.StationName3 }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">设备名称</label>
|
<div class="layui-input-block">
|
<input type="text" name="StationName4" lay-verify="required" id="homename" autocomplete="off" class="layui-input" value="{{= d.StationName4 }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">机房ip</label>
|
<div class="layui-input-block">
|
<input type="text" name="StationIp" lay-verify="required" id="homeip" autocomplete="off" class="layui-input" value="{{= d.StationIp }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">设备ID<span class="red">*</span></label>
|
<div class="layui-input-block">
|
<input type="text" name="FBSDeviceId" lay-verify="devid" id="devid" autocomplete="off" disabled="" class="layui-input layui-bg-gray" value="{{= d.FBSDeviceId }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">设备IP</label>
|
<div class="layui-input-block">
|
<input type="text" name="FbsDeviceIp" disabled="" id="fbsip" autocomplete="off" class="layui-input layui-bg-gray" value="{{= d.FbsDeviceIp }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">子网掩码</label>
|
<div class="layui-input-block">
|
<input type="text" name="FbsDeviceIp_YM" id="ym" disabled="" autocomplete="off" class="layui-input layui-bg-gray" value="{{= d.FbsDeviceIp_YM }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">网关</label>
|
<div class="layui-input-block">
|
<input type="text" name="FbsDeviceIp_WG" id="wg" disabled="" autocomplete="off" class="layui-input layui-bg-gray" value="{{= d.FbsDeviceIp_WG }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">设备名称</label>
|
<div class="layui-input-block">
|
<input type="text" name="FBSDeviceName" lay-verify="required" id="devname" autocomplete="off" class="layui-input" value="{{= d.FBSDeviceName }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">电池组ID</label>
|
<div class="layui-input-block">
|
<input type="text" name="BattGroupId" lay-verify="required|number" id="groupid" disabled="" autocomplete="off" class="layui-input layui-bg-gray" value="{{= d.BattGroupId }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">电池组编号</label>
|
<div class="layui-input-block">
|
<input type="text" name="BattGroupNum" lay-verify="required|number" id="groupnum" disabled="" autocomplete="off" class="layui-input layui-bg-gray" value="{{= d.BattGroupNum }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">浮充电压阀值</label>
|
<div class="layui-input-block">
|
<input type="text" name="FloatVolLevel" lay-verify="required|number" id="floatVolLevel" autocomplete="off" class="layui-input" value="{{= d.FloatVolLevel }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">离线电压阀值</label>
|
<div class="layui-input-block">
|
<input type="text" name="OfflineVolLevel" lay-verify="required|number" id="offlineVolLevel" autocomplete="off" class="layui-input" value="{{= d.OfflineVolLevel }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">浮充电流阀值</label>
|
<div class="layui-input-block">
|
<input type="text" name="BattFloatCurrent" lay-verify="required|number" id="floatCurrLevel" autocomplete="off" class="layui-input" value="{{= d.BattFloatCurrent }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">单体数量<span class="red">*</span></label>
|
<div class="layui-input-block">
|
<input type="text" name="MonCount" lay-verify="required|number" id="moncount" autocomplete="off" class="layui-input" value="{{= d.MonCount }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">标称容量<span class="red">*</span></label>
|
<div class="layui-input-block">
|
<input type="text" name="MonCapStd" lay-verify="required|number" id="moncap" autocomplete="off" class="layui-input" value="{{= d.MonCapStd }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">单体电压<span class="red">*</span></label>
|
<div class="layui-input-block">
|
<input type="text" name="MonVolStd" lay-verify="required|number" id="monvol" autocomplete="off" class="layui-input" value="{{= d.MonVolStd }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">单体内阻</label>
|
<div class="layui-input-block">
|
<input type="text" name="MonResStd" lay-verify="required|number" id="monres" autocomplete="off" class="layui-input" value="{{= d.MonResStd }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">单体电导</label>
|
<div class="layui-input-block">
|
<input type="text" name="MonSerStd" lay-verify="required|number" id="monser" autocomplete="off" class="layui-input" value="{{= d.MonSerStd }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">次低偏移量</label>
|
<div class="layui-input-block">
|
<input type="text" name="MonVolLowToAvg" lay-verify="required|number" id="monVolLowToAvg" autocomplete="off" class="layui-input" value="{{= d.MonVolLowToAvg }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">负载电流<span class="red">*</span></label>
|
<div class="layui-input-block">
|
<input type="text" name="Load_curr" lay-verify="required|number" id="loadcurr" autocomplete="off" class="layui-input" value="{{= d.Load_curr }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">核容电流</label>
|
<div class="layui-input-block">
|
<input type="text" name="DisCurrMax" lay-verify="required|number" id="discurrmax" autocomplete="off" class="layui-input" value="{{ d.DisCurrMax }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">基站手机号码<span class="red">*</span></label>
|
<div class="layui-input-block">
|
<input type="text" name="station_phone" lay-verify="required|number" id="stationphone" autocomplete="off" class="layui-input" value="{{= d.station_phone }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">电池品牌<span class="red">*</span></label>
|
<div class="layui-input-block">
|
<input type="text" name="BattProducer" lay-verify="required" id="producer" autocomplete="off" class="layui-input" value="{{= d.BattProducer }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">电池型号<span class="red">*</span></label>
|
<div class="layui-input-block">
|
<input type="text" name="BattModel" lay-verify="required" id="battmodel" autocomplete="off" class="layui-input" value="{{= d.BattModel }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">生产日期</label>
|
<div class="layui-input-block">
|
<input type="text" name="BattProductDate" id="productdate" autocomplete="off" class="layui-input" value="{{= d.BattProductDate }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">使用日期</label>
|
<div class="layui-input-block">
|
<input type="text" name="BattInUseDate" id="usedate" autocomplete="off" class="layui-input" value="{{= d.BattInUseDate }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">安装状态</label>
|
<div class="layui-input-block">
|
<select name="Station_install" id="isInstall">
|
{{#
|
var isInstall = function(value) {
|
var rs = '未安装';
|
if(value) {
|
rs = '已安装';
|
}
|
return rs;
|
};
|
}}
|
{{# layui.each([0,1], function(index) { }}
|
{{# if(index == d.Station_install) { }}
|
<option value="{{ index }}" selected>{{= isInstall(index) }}</option>
|
{{# }else{ }}
|
<option value="{{ index }}">{{= isInstall(index) }}</option>
|
{{# } }}
|
{{# }); }}
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-lg3">
|
<div class="layui-block">
|
<label class="layui-form-label">安装人员<span class="red">*</span></label>
|
<div class="layui-input-block">
|
<input type="text" name="install_user" id="insperson" autocomplete="off" class="layui-input" value="{{= d.install_user }}">
|
</div>
|
</div>
|
</div>
|
<div class="layui-row layui-col-space8">
|
{{# layui.each(d.addGroupNum, function(index, item) { }}
|
<div class="layui-col-lg6">
|
<div class="layui-card">
|
<div class="layui-card-header layui-bg-gray">电池组{{= item}}</div>
|
<div class="layui-card-body">
|
<div class="layui-row layui-col-space8">
|
<div class="layui-col-lg6">
|
<div class="layui-block">
|
<label class="layui-form-label">设备索引<span class="red">*</span></label>
|
<div class="layui-input-block">
|
<select name="group{{= item}}.index">
|
{{# layui.each([0,1,2,3], function(k) { }}
|
{{# if(index == k) { }}
|
<option value="{{ k }}" selected>{{ k }}</option>
|
{{# }else{ }}
|
<option value="{{ k }}">{{ k }}</option>
|
{{# } }}
|
{{# }); }}
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-lg6">
|
<div class="layui-block">
|
<label class="layui-form-label">电池组名称</label>
|
<div class="layui-input-block">
|
<input type="text" name="group{{= item}}.name" lay-verify="required" autocomplete="off" class="layui-input" value="电池组{{= item}}">
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
{{# }); }}
|
</div>
|
</script>
|
<script type="text/javascript" src="../src/layui.js"></script>
|
<script type="text/javascript">
|
layui.use(['form', 'laytpl', 'jquery', 'element', 'laydate'], function() {
|
var form = layui.form;
|
var laytpl = layui.laytpl;
|
var $ = layui.jquery;
|
var element = layui.element;
|
var laydate = layui.laydate;
|
|
var battInfoTpl = $('#battInfoTpl').html();
|
var editInfo = parent.$('#iframeEdit').data('data');
|
|
|
editInfo.FbsDeviceIp = getDevIp(editInfo.FBSDeviceId);
|
//console.log(editInfo);
|
var data = {
|
StationId: '4011100'
|
,StationName1: '广西省'
|
,StationName2: '白色市'
|
,StationName5: '乐业县'
|
,StationName3: 'GX百色乐业县立新小区WF'
|
,StationName4: 'BTS设备'
|
,StationIp: '192.168.0.1'
|
,FBSDeviceId: '960000111'
|
,FbsDeviceIp: '127.0.0.1'
|
,FbsDeviceIp_YM: '255.255.255.0'
|
,FbsDeviceIp_WG: '127.0.0.1'
|
,FBSDeviceName: '设备名称'
|
,GroupIndexInFBSDevice: 1
|
,BattGroupId: 1000005
|
,BattGroupNum: 2
|
,BattGroupName: '电池组1'
|
,FloatVolLevel: 54
|
,OfflineVolLevel: 42.9
|
,BattFloatCurrent: 10
|
,MonCount: 24
|
,MonCapStd: 300
|
,MonVolStd: 2
|
,MonResStd: 0.2
|
,MonSerStd: 5000
|
,MonVolLowToAvg: 0.05
|
,Load_curr: 15
|
,DisCurrMax: '0'
|
,station_phone: 12345678912
|
,BattProducer: '升阳'
|
,BattModel: ''
|
,productDate: '2018-09-18 00:00:00'
|
,useDate: '2018-09-18 00:00:00'
|
,install_user: '呵呵'
|
};
|
|
// 渲染内容
|
laytpl(battInfoTpl).render(editInfo, function(html) {
|
$('#battInfo').html(html);
|
form.render();
|
|
// 生产日期渲染
|
laydate.render({
|
elem: '#productdate'
|
,format: 'yyyy-MM-dd HH:mm:ss'
|
});
|
|
// 投入使用日期渲染
|
laydate.render({
|
elem: '#usedate'
|
,format: 'yyyy-MM-dd HH:mm:ss'
|
});
|
|
|
});
|
|
// 验证信息
|
form.verify({
|
string: function(value) {
|
var _value = value.trim();
|
if(_value.length == 0){
|
return '不能为空';
|
}
|
}
|
,ip: function(value) {
|
//var ptn = /^1$/;
|
}
|
,devid: function(value) {
|
var ptn = /^91([0-9]{7})$/;
|
if(!ptn.test(value)) {
|
return '设备id的格式不正确!以91开头的11位数字';
|
}
|
}
|
});
|
|
// 更改设备ID
|
$('#battInfo').on('input propertychange', '#devid', function() {
|
var val = $(this).val();
|
|
$('#fbsip').val(getDevIp(val));
|
});
|
|
// 根据标称电压修改设置浮充电压阀值/设置离线电压阀值
|
$('#battInfo').on('input propertychange', '#monvol', setFloatAndoutLine);
|
|
// 根据单体数量修改设置浮充电压阀值/设置离线电压阀值
|
$('#battInfo').on('input propertychange', '#moncount', setFloatAndoutLine);
|
|
// 设置浮充电压阀值/设置离线电压阀值
|
function setFloatAndoutLine() {
|
var vol = $('#monvol').val();
|
var monnum = $('#moncount').val();
|
var chargeVol = (vol*1.117*monnum).toFixed(1); // 浮充电压阀值
|
var outlineVol = (vol*1.073*monnum).toFixed(1); // 离线电压阀值
|
|
$('#floatVolLevel').val(chargeVol); // 浮充电压阀值
|
$('#offlineVolLevel').val(outlineVol); // 离线电压阀值
|
}
|
|
// 提交内容
|
form.on('submit(enAdd)', function(data) {
|
// console.log(data);
|
layer.confirm('是否确认添加', {icon: 3, title:'提示'}, function(index){
|
var _data = data.field;
|
var province = _data.StationName1; // 省
|
var city = _data.StationName2; // 市
|
var home = _data.StationName3; // 机房名称
|
var bts = _data.StationName4; // 设备名称
|
_data.StationName = province+'-'+city+'-'+home+'-'+bts;
|
//console.log(_data);
|
var temp = analysisData(editInfo.addGroupNum, _data);
|
//console.log(temp);
|
// 添加电池信息
|
addBatt(temp);
|
});
|
return false;
|
});
|
|
// 关闭面板
|
$('#closePage').click(function() {
|
parent.$('#iframeClose').click();
|
});
|
// 根据设备id计算设备ip
|
function getDevIp(dev_id) {
|
var ptn = /^91([0-9]{7})$/;
|
var ip = '';
|
if(ptn.test(dev_id)) {
|
var value = Number(RegExp.$1);
|
// console.log(value);
|
var intNum = prefixInteger(Math.floor(value/256), 3);
|
var resNum = prefixInteger(value%256, 3);
|
ip = '127.000.'+intNum+'.'+resNum;
|
}else {
|
ip = '设备ID格式不正确';
|
}
|
|
return ip;
|
}
|
|
// 获取001类似数据
|
function prefixInteger(num, length) {
|
return (Array(length).join('0') + num).slice(-length);
|
}
|
|
|
// 解析添加的数据
|
function analysisData(arr, data) {
|
//console.log(arr);
|
var rs = [];
|
for(var i=0; i<arr.length; i++) {
|
var temp = {};
|
var _arr = arr[i];
|
var _index = 'group'+_arr+'.index';
|
var _name = 'group'+_arr+'.name';
|
Object.keys(data).forEach(function(key) {
|
if(checkKeyNotVal(key)) {
|
if(key == _index) {
|
temp.GroupIndexInFBSDevice = data[key];
|
}else if(key == _name){
|
temp.BattGroupName = data[key];
|
}
|
}else {
|
temp[key] = data[key];
|
}
|
});
|
|
rs.push(temp);
|
}
|
|
return rs;
|
}
|
//console.log(checkKeyNotVal('group1index'));
|
// 检测当前属性是否为废属性
|
function checkKeyNotVal(key) {
|
var patt = /^group[0-9]{1}\./;
|
|
return patt.test(key);
|
}
|
|
//添加多个电池组
|
function addBatt(temp){
|
var load = layer.load(1);
|
$.ajax({
|
type: "post",
|
url: "BattInfAction!add",
|
async:true,
|
dataType:'text',
|
data:"json="+JSON.stringify(temp),
|
success: function(data){
|
data = eval('('+data+')');
|
var model = eval('('+data.result+')');
|
//console.info(model);
|
if(model.code ==1){
|
layer.msg('添加成功！3秒后面板自动关闭');
|
setTimeout(function() {
|
parent.$('#iframeClose').click();
|
parent.$('#paging .search').click();
|
}, 3000);
|
}else{
|
layer.msg('添加失败！');
|
}
|
},
|
error:function(){
|
layer.msg('添加失败！');
|
},
|
complete: function() {
|
layer.close(load);
|
}
|
});
|
}
|
});
|
</script>
|
</body>
|
</html>
|
