From 73c4c70924d8e271a9a8a93a0191892003760c4b Mon Sep 17 00:00:00 2001
From: hdw <hdw@192.168.137.1>
Date: 星期三, 19 十二月 2018 17:41:15 +0800
Subject: [PATCH] 修改面板的内容
---
gx_tieta/WebRoot/iframe/batt-info-edit.html | 298 +++++++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 258 insertions(+), 40 deletions(-)
diff --git a/gx_tieta/WebRoot/iframe/batt-info-edit.html b/gx_tieta/WebRoot/iframe/batt-info-edit.html
index dfd887e..ccbce2d 100644
--- a/gx_tieta/WebRoot/iframe/batt-info-edit.html
+++ b/gx_tieta/WebRoot/iframe/batt-info-edit.html
@@ -27,7 +27,8 @@
<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">
+ <div class="layui-col-xs5 layui-col-xs-offset7 layui-col-sm5 layui-col-sm-offset7 layui-col-md3 layui-col-md-offset9 layui-col-lg3 layui-col-lg-offset9">
+ <button class="layui-btn layui-btn-sm layui-btn-normal" id="addGroup">娣诲姞鐢垫睜缁�</button>
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit="" lay-filter="enEidt">纭缂栬緫</button>
<button class="layui-btn layui-btn-sm layui-btn-normal" id="closePage">鍏抽棴闈㈡澘</button>
</div>
@@ -126,33 +127,9 @@
</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>
+ <label class="layui-form-label">FBS璁惧鍚嶇О</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">璁惧绱㈠紩<span class="red">*</span></label>
- <div class="layui-input-block">
- <select name="GroupIndexInFBSDevice" id="devindex">
- {{# layui.each([0,1,2,3], function(index) { }};
- {{# if(index == d.GroupIndexInFBSDevice) { }}
- <option value="{{ index }}" selected>{{ index }}</option>
- {{# }else{ }}
- <option value="{{ index }}">{{ 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">鐢垫睜缁処D</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>
@@ -161,14 +138,6 @@
<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="BattGroupName" lay-verify="required" id="groupname" autocomplete="off" class="layui-input" value="{{= d.BattGroupName }}">
</div>
</div>
</div>
@@ -264,7 +233,7 @@
<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|phone" id="stationphone" autocomplete="off" class="layui-input" value="{{= d.station_phone }}">
+ <input type="text" name="station_phone" lay-verify="required|number" id="stationphone" autocomplete="off" class="layui-input" value="{{= d.station_phone }}">
</div>
</div>
</div>
@@ -333,7 +302,112 @@
</div>
</div>
</div>
+ <div class="layui-row layui-col-space8" id="battGroupInfo">
+ {{# layui.each(d.btsinfo, function(index, item) { }}
+ <div class="layui-col-lg6 batt-group-item">
+ <div class="layui-card">
+ <div class="layui-card-header layui-bg-gray">{{item.BattGroupName}}</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{{index}}.index">
+ {{# layui.each([0,1,2,3], function(k) { }}
+ {{# if(item.GroupIndexInFBSDevice == 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">鐢垫睜缁処D</label>
+ <div class="layui-input-block">
+ <input type="text" name="group{{index}}.id" lay-verify="required" disabled="" autocomplete="off" class="layui-input layui-bg-gray battid" value="{{item.BattGroupId}}">
+ </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{{index}}.name" lay-verify="required" autocomplete="off" class="layui-input" value="{{item.BattGroupName}}">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ {{# }); }}
+ </div>
</script>
+ <script type="text/html" id="addBattGroupTpl">
+ {{# layui.each(d, function(index, item) { }}
+ <div class="layui-col-lg6 batt-group-item">
+ <div class="layui-card">
+ <div class="layui-card-header layui-bg-gray">{{item.name}}</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.num}}.index">
+ {{# layui.each([0,1,2,3], function(k) { }}
+ {{# if(item.num == 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">鐢垫睜缁処D</label>
+ <div class="layui-input-block">
+ <input type="text" name="group{{item.num}}.id" lay-verify="required" disabled="" autocomplete="off" class="layui-input layui-bg-gray battid" value="{{item.id}}">
+ </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.num}}.name" lay-verify="required" autocomplete="off" class="layui-input" value="{{item.name}}">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ {{# }); }}
+
+ </script>
+ <script type="text/html" id="battGroupNum">
+ <div style="width:300px; height: 40px;">
+ <div style="margin-top: 20px;margin-left: 8px; margin-right: 8px; text-algin: center;">
+ <span>鏂板缓 </span>
+ <select id="addGroupnum" style="width: 190px;height: 26px; border: 1px solid #ccc">
+ {{# layui.each(d.num, function(index, item) { }}
+ <option value="{{ item }}">{{ item }}</option>
+ {{# }); }}
+ </select>涓數姹犵粍
+ <br><br>
+ </div>
+ </div>
+ </script>
<script type="text/javascript" src="../src/layui.js"></script>
<script type="text/javascript">
layui.use(['form', 'laytpl', 'jquery', 'element', 'laydate'], function() {
@@ -345,7 +419,8 @@
var battInfoTpl = $('#battInfoTpl').html();
var editInfo = parent.$('#iframeEdit').data('data');
- //console.log(editInfo);
+ editInfo.FbsDeviceIp = getDevIp(editInfo.FBSDeviceId);
+ // console.log(editInfo);
var data = {
StationId: '4011100'
,StationName1: '骞胯タ鐪�'
@@ -398,8 +473,6 @@
elem: '#usedate'
,format: 'yyyy-MM-dd HH:mm:ss'
});
-
-
});
// 楠岃瘉淇℃伅
@@ -428,8 +501,26 @@
$('#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(enEidt)', function(data) {
+ // console.log(data);
layer.confirm('鏄惁纭淇敼', {icon: 3, title:'鎻愮ず'}, function(index){
var _data = data.field;
var province = _data.StationName1; // 鐪�
@@ -437,8 +528,9 @@
var home = _data.StationName3; // 鏈烘埧鍚嶇О
var bts = _data.StationName4; // 璁惧鍚嶇О
_data.StationName = province+'-'+city+'-'+home+'-'+bts;
- var temp = [_data];
- //console.log(temp);
+ var battNum = getBattGroupNum();
+ var temp = analysisData(battNum, _data);
+ // console.log(temp);
// 鏇存柊鏁版嵁
updBatt(temp);
});
@@ -488,6 +580,7 @@
layer.msg('淇敼鎴愬姛锛�3绉掑悗闈㈡澘鑷姩鍏抽棴');
setTimeout(function() {
parent.$('#iframeClose').click();
+ parent.$('#paging .search').click();
}, 3000);
}else{
layer.msg('淇敼澶辫触锛�');
@@ -501,6 +594,131 @@
}
});
}
+
+ // 瑙ｆ瀽娣诲姞鐨勬暟鎹�
+ function analysisData(btsinfo, data) {
+ //console.log(arr);
+ var rs = [];
+ for(var i=0; i<btsinfo; i++) {
+ var temp = {};
+
+ var _num = i;
+ var _index = 'group'+_num+'.index';
+ var _name = 'group'+_num+'.name';
+ var _id = 'group'+_num+'.id';
+ 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 if(key == _id) {
+ temp.BattGroupId = data[key];
+ }
+ }else {
+ temp[key] = data[key];
+ }
+ });
+
+ rs.push(temp);
+ }
+
+ return rs;
+ }
+
+ // 妫�娴嬪綋鍓嶅睘鎬ф槸鍚︿负搴熷睘鎬�
+ function checkKeyNotVal(key) {
+ var patt = /^group[0-9]{1}\./;
+
+ return patt.test(key);
+ }
+
+ var battGroupNum = $('#battGroupNum').html();
+ // 鐐瑰嚮娣诲姞鐢垫睜缁勬寜閽�
+ $('#addGroup').click(function() {
+ getPreMaxBattGroupId();
+ var num = getBattGroupNum();
+ if(num>=4) {
+ layer.msg('鏈�澶�4缁勭數姹犵粍');
+ return;
+ }
+ var addNum = 4-num;
+ //console.log(typeof addNum);
+ var tmp = {num:[]};
+ // 鏋勯�犵敓鎴愭坊鍔犵數姹犱釜鏁扮殑鏁版嵁
+ for(var i=0; i<addNum; i++) {
+ tmp.num.push(i+1);
+ }
+ //console.log(tmp);
+ // 娓叉煋鍐呭
+ laytpl(battGroupNum).render(tmp, function(html) {
+ //console.log(html);
+ // 鎵撳紑闈㈡澘璁剧疆鏂板缓鐢垫睜缁勪釜鏁�
+ layer.open({
+ type: 1
+ ,title: '閫夋嫨鏂板缓鐢垫睜缁勪釜鏁�'
+ ,content: html
+ ,area: ['335px', '165px']
+ ,fixed: true
+ ,resize: false
+ ,btn:['纭畾', '鍙栨秷']
+ ,yes: function(index) {
+ layer.close(index);
+ var _num = $('#addGroupnum').val();
+ var _min = getBattGroupNum();
+ getMaxBattGroupId(_min, _num); // 鑾峰彇鏈�澶х殑鐢垫睜缁処D骞剁敓鎴愭寚瀹氱殑鏁版嵁鏍煎紡
+ }
+ });
+ });
+ });
+
+ // 鑾峰彇鏈�澶х殑鐢垫睜缁勬暟
+ function getBattGroupNum() {
+ var num = $('#battGroupInfo .batt-group-item').length;
+ return num;
+ }
+
+ // 鑾峰彇褰撳墠鏈�澶х殑鐢垫睜缁刬d
+ function getPreMaxBattGroupId(battid) {
+ var _maxid = $('#battGroupInfo .battid').eq(-1).val(); // 褰撳墠闈㈡澘涓渶澶х殑鐢垫睜缁刬d
+ var rsMaxId = battid>_maxid?battid:Number(_maxid)+1; // 褰撳墠鏁版嵁搴撴渶澶х殑鐢垫睜缁刬d
+ return rsMaxId; // 杩斿洖鏈�澶х殑鐢垫睜缁刬d
+ }
+
+ // 鑾峰彇鐢垫睜鏈�澶х殑id骞剁敓鎴愭寚瀹氭牸寮忕殑鏁版嵁
+ var addBattGroupTpl = $('#addBattGroupTpl').html();
+ function getMaxBattGroupId(min, num) {
+ var load = layer.load(1); // 娣诲姞绛夊緟妗�
+ // 璇锋眰鍚庡彴鑾峰彇鏈�澶х數姹犵粍鐨刬d
+ $.ajax({
+ type: 'post'
+ ,async: true
+ ,url: "BattInfAction!searchMaxBattgroupId"
+ ,data: null
+ ,dataType: 'json'
+ ,success: function(res) {
+ var rs = JSON.parse(res.result);
+ var battid = getPreMaxBattGroupId(rs.data);
+ var temp = [];
+ for(var i=0; i<num; i++) {
+ var _temp = {};
+ _temp.num = i+min;
+ _temp.id = i+battid;
+ _temp.name = '鐢垫睜缁�'+(_temp.num+1);
+
+ temp.push(_temp);
+ }
+ laytpl(addBattGroupTpl).render(temp, function(html) {
+ var $html = $(html);
+ $('#battGroupInfo').append($html);
+ form.render();
+ });
+ }
+ ,complete: function() {
+ layer.close(load); // 鍏抽棴绛夊緟妗�
+ }
+ });
+ }
});
</script>
</body>
--
Gitblit v1.9.1