| | |
| | | <link rel="stylesheet" type="text/css" href="css/basic.css" />
|
| | | <link rel="stylesheet" href="css/common.css">
|
| | | <link rel="stylesheet" href="pages/css/common.css">
|
| | | <link rel="stylesheet" href="pages/css/mylayui.css">
|
| | | <style type="text/css">
|
| | | #main {
|
| | | position: absolute;
|
| | | top: 124px;
|
| | | bottom: 32px;
|
| | | }
|
| | | #sideBar {
|
| | | height: 100%;
|
| | | }
|
| | |
| | | <div class="side-bar" id="sideBar"></div>
|
| | | </div>
|
| | | </div>
|
| | | <div class="abs abs-right left360" id="inforCont">
|
| | | <div class="abs abs-left360" id="inforCont">
|
| | | <div class="tbl-container">
|
| | | <table class="" id="groupTbl" lay-filter="groupTbl"></table>
|
| | | </div>
|
| | |
| | | <script type="text/html" id="groupTblTools">
|
| | | <div class="layui-btn-container" id="tblToolsBtn">
|
| | | <input type="checkbox" id="brandAgreement" name="" lay-skin="primary" title="品牌一致" {{ d.brandAgreement }}>
|
| | | <input type="radio" data-max="100" data-min="0" id="cap100" name="perCap" lay-skin="primary" title="全部" {{ d.cap100 }}> |
| | | <input type="radio" data-max="100" data-min="90" id="cap90" name="perCap" lay-skin="primary" title="90%以上" {{ d.cap90 }}>
|
| | | <input type="radio" data-max="1000" data-min="0" id="cap100" name="perCap" lay-skin="primary" title="全部" {{ d.cap100 }}> |
| | | <input type="radio" data-max="1000" data-min="90" id="cap90" name="perCap" lay-skin="primary" title="90%以上" {{ d.cap90 }}>
|
| | | <input type="radio" data-max="90" data-min="80" id="cap80" name="perCap" lay-skin="primary" title="80%~90%" {{ d.cap80 }}>
|
| | | <input type="radio" data-max="80" data-min="70" id="cap70" name="perCap" lay-skin="primary" title="70%~80%" {{ d.cap70 }}>
|
| | | <input type="radio" data-max="70" data-min="60" id="cap60" name="perCap" lay-skin="primary" title="60%~70%" {{ d.cap60 }}>
|
| | |
| | | var treeView = new TreeView($('#sideBar'));
|
| | |
|
| | | // 设置左右缩放
|
| | | $('#resizeCont .side-bar-container').resizable({
|
| | | /* $('#resizeCont .side-bar-container').resizable({
|
| | | handles: 'e',
|
| | | maxWidth: 520,
|
| | | minWidth: 240,
|
| | |
| | | treeView.setContainer();
|
| | | $('#inforCont').css('left', ui.size.width+'px');
|
| | | }
|
| | | });
|
| | | }); */
|
| | |
|
| | | // 生成一级导航-省
|
| | | first(treeView, treeView.container);
|
| | |
| | | second(treeView, $(this).parent(), province);
|
| | | });
|
| | |
|
| | | // 市->机房
|
| | | // 市->区/县
|
| | | treeView.ele.on('click', '.city', function() {
|
| | | var city = $(this).data('attr');
|
| | | third(treeView, $(this).parent(), city);
|
| | | var radio = $(this).children('.treeview-txt').find('input');
|
| | | radio.prop('checked', true);
|
| | | third(treeView, $(this).parent(), city);
|
| | |
|
| | | // 未被选中
|
| | | if(!$(this).hasClass('acCity')) {
|
| | |
| | | ,defaultToolbar: ['exports', 'filter']
|
| | | ,cellMinWidth: 80
|
| | | ,cols: [[
|
| | | {type: 'radio', fixed: 'left'}
|
| | | ,{field:'stationname', title:'机房名称', align:'center', width: 380}
|
| | | {field:'stationname', title:'机房名称', align:'center', width: 380}
|
| | | ,{field:'groupname', title:'电池组名称', align:'center'}
|
| | | ,{field:'monnum', title:'单体编号', align:'center'}
|
| | | ,{field:'brandname', title:'品牌名称', align:'center'}
|
| | |
| | |
|
| | | ]
|
| | | ,page: {}
|
| | | ,height: 'full-170'
|
| | | ,height: 'full-165'
|
| | | };
|
| | |
|
| | | var toolBarTpl = groupTblTools.innerHTML;
|
| | |
| | | function searchData() {
|
| | | var temp = getSearchParams(); // 获取查询条件
|
| | | // 根据查询条件查询机房信息
|
| | | var loading = layer.load(0, {shade: [0.1,'#fff']}); //0代表加载的风格,支持0-2
|
| | | var loading = layer.load(1, {shade: [0.1,'#fff']}); //0代表加载的风格,支持0-2
|
| | | $.ajax({
|
| | | type: 'post',
|
| | | url: 'BattInfAction!serchMakeGroup',
|
| | |
| | | if(rs.code == 1) {
|
| | | var data = rs.data;
|
| | | var num = 0;
|
| | | //console.log(data);
|
| | | var rsData = formaterTblData(data);
|
| | | // 设置表格的数据
|
| | | num = rsData.length;
|
| | |
| | | var obj = {};
|
| | | obj.stationname = _data.StationName; // 机房名称
|
| | | obj.groupname = _data.BattGroupName; // 电池组名称
|
| | | obj.brandname = _data.BattProducer; // 品牌
|
| | | obj.monvol = _data.MonVolStd; // 标称电压
|
| | | obj.nominalcap = _data.MonCapStd; // 标称容量
|
| | | |
| | | obj.nominalcap = Number(_data.MonCapStd); // 标称容量
|
| | | for(var k=0; k<_data.obj.length;k++) {
|
| | | var _obj = $.extend({}, obj);
|
| | | var __data = _data.obj[k];
|
| | | // 设置单体信息
|
| | | _obj.monnum = '#'+__data.mon_num; // 单体编号
|
| | | _obj.relcap = __data.test_cap.toFixed(0); // 实际容量
|
| | | _obj.percap = (__data.percent*100).toFixed(1); // 容量百分比
|
| | | rs.push(_obj);
|
| | | _obj.brandname = __data.note; // 品牌
|
| | | _obj.relcap = Number(__data.test_cap.toFixed(1)); // 实际容量
|
| | | _obj.percap = Number((__data.percent*100).toFixed(1)); // 容量百分比
|
| | | |
| | | // 判断电池单体不存在
|
| | | if(__data.mon_num != -1) {
|
| | | rs.push(_obj);
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | |
| | | // 符合条件启用构造对象
|
| | | var temp = {
|
| | | StationName2: attr.StationName2,
|
| | | StationName5: '',
|
| | | BattProducer: 1
|
| | | };
|
| | |
|
| | |
| | | var formatData = [];
|
| | | for(var i=0; i<_data.length;i++) {
|
| | | var __data = _data[i];
|
| | | var tmp = treeView.getFolder(__data.StationName1, 'province', __data);
|
| | | var tmp = treeView.getFolder(__data.StationName1, 'province', __data.StationName1, __data);
|
| | | formatData.push(tmp);
|
| | | }
|
| | | treeView.treeView(container, formatData);
|
| | |
| | | for(var i=0; i<_data.length;i++) {
|
| | | var __data = _data[i];
|
| | | var txt = '<input type="radio" name="city">'+ __data.StationName2;
|
| | | var tmp = treeView.getFolder(txt, 'city', __data);
|
| | | var tmp = treeView.getFolder(txt, 'city', __data.StationName2,__data);
|
| | | formatData.push(tmp);
|
| | | }
|
| | | treeView.treeView(container, formatData);
|
| | |
| | | });
|
| | | }
|
| | |
|
| | | // 生成 三级导航-机房
|
| | | // 生成 三级导航-区/县
|
| | | function third(treeView, container, data) {
|
| | | // 已经存在
|
| | | if(container.find('ul').length !=0) {
|
| | |
| | | treeView.addProgress(container);
|
| | | $.ajax({
|
| | | type: "post",
|
| | | url: "BattInfAction!serchStationName3", |
| | | url: "BattInfAction!serchStationName5", |
| | | async:true,
|
| | | dataType:'json',
|
| | | data:"json = "+JSON.stringify(data),
|
| | |
| | | var formatData = [];
|
| | | for(var i=0; i<_data.length;i++) {
|
| | | var __data = _data[i];
|
| | | var txt = '<input type="checkbox" checked="checked" disabled name="home">'+ __data.StationName;
|
| | | var tmp = treeView.getFile(txt, 'home', __data.StationId,__data);
|
| | | var txt = '<input type="checkbox" checked="checked" disabled name="county">'+ __data.StationName5;
|
| | | var tmp = treeView.getFile(txt, 'county', __data.StationName5,__data);
|
| | | formatData.push(tmp);
|
| | | }
|
| | | treeView.treeView(container, formatData);
|