| | |
| | | <script type="text/javascript" src="src/layui.js"></script>
|
| | | <script type="text/javascript" src="pages/js/mylayui.js"></script>
|
| | | <script type="text/html" id="toolBar">
|
| | | <a class="layui-btn layui-btn-xs" lay-event="replace">更换</a>
|
| | | <a class="layui-btn layui-btn-xs" lay-event="matchGroup">配组</a>
|
| | | </script>
|
| | | <script type="text/javascript">
|
| | | layui.use(['layer', 'table', 'form', 'laytpl', 'element'],function() {
|
| | | var layer = layui.layer // 获取layer模块
|
| | | ,table = layui.table // 获取table模块
|
| | | ,form = layui.form
|
| | | ,laytpl = layui.laytpl
|
| | | ,element = layui.element;
|
| | | ,form = layui.form;
|
| | | // 表格数据配置项
|
| | | var tOptions = {
|
| | | elem: '#groupTbl'
|
| | |
| | | var groupData = $('#group').find('option:selected').data('data');
|
| | | // 判断是否已经选中电池组
|
| | | if(groupData) {
|
| | | $('#setMatchGroupData')
|
| | | console.log(groupData);
|
| | | tOptions.data = [{}];
|
| | | table.render(tOptions);
|
| | | searchData(groupData);
|
| | | }else {
|
| | | tOptions.data = [];
|
| | | table.render(tOptions);
|
| | | layer.msg('请选择一组电池');
|
| | | }
|
| | | });
|
| | | |
| | | // 查询电池组下所有的单体
|
| | | function searchData(obj) {
|
| | | // 添加等待框
|
| | | var loading = layer.load(0, {shade: [0.1,'#fff']}); //0代表加载的风格,支持0-2
|
| | | var structData = structSearchData(obj);
|
| | | $.ajax({
|
| | | type: 'post',
|
| | | async: true,
|
| | | url:'BattInfAction!serchGroupByInfor',
|
| | | data: 'json='+JSON.stringify(structData),
|
| | | dataType: 'json',
|
| | | success: function(result) {
|
| | | layer.close(loading); // 关闭等待框
|
| | | var rs = JSON.parse(result.result);
|
| | | if(rs.code == 1) {
|
| | | var data = rs.data;
|
| | | var num = 0;
|
| | | var rsData = formaterTblData(data);
|
| | | num = rsData.length;
|
| | | tOptions.data = rsData;
|
| | | // 设置分页信息
|
| | | tOptions.page.layout = ['count', 'prev', 'page', 'next']; //自定义分页布局
|
| | | tOptions.page.limit= num;
|
| | | tOptions.page.limits = [num];
|
| | | }
|
| | | // 重新绘制表格内容
|
| | | table.reload('groupTbl', tOptions);
|
| | | }
|
| | | });
|
| | | }
|
| | | |
| | | // 构造查询对象
|
| | | function structSearchData(data) {
|
| | | var obj = {};
|
| | | obj.StationName1 = '';
|
| | | obj.StationName2 = '';
|
| | | obj.StationName3 = '';
|
| | | obj.BattGroupName = '';
|
| | | obj.BattGroupId = data.BattGroupId;
|
| | | return obj;
|
| | | }
|
| | | |
| | | // 构造生成表格数据的方法
|
| | | function formaterTblData(data) {
|
| | | var rs = []; // 结果集
|
| | | console.log(data);
|
| | | // 遍历查询的结果根据查询结果生成指定的格式
|
| | | for(var i=0; i<data.length; i++) {
|
| | | var _data = data[i];
|
| | | var obj = {};
|
| | | obj.stationname = _data.StationName; // 机房名称
|
| | | obj.groupname = _data.BattGroupName; // 电池组名称
|
| | | obj.monvol = _data.MonVolStd; // 标称电压
|
| | | obj.nominalcap = Number(_data.MonCapStd); // 标称容量
|
| | | obj.monnum = '#'+_data.MonNum; // 单体编号
|
| | | obj.brandname = _data.BattProducer; // 品牌
|
| | | // 不显示内容
|
| | | obj.num = _data.MonNum; // 单体编号不加#
|
| | | obj.battgroupid = _data.BattGroupId; // 电池组id
|
| | | obj.stationid = _data.StationId; // 机房id |
| | | rs.push(obj);
|
| | | }
|
| | | |
| | | return rs; // 返回结果集
|
| | | }
|
| | |
|
| | | // 点击表格工具栏更换
|
| | | table.on('tool(groupTbl)', function(obj) {
|
| | | var event = obj.event;
|
| | | switch(event) {
|
| | | case 'replace':
|
| | | showReplacePanel(obj.data);
|
| | | case 'matchGroup':
|
| | | showMatchGroupPanel(obj.data);
|
| | | break;
|
| | | }
|
| | | });
|
| | |
|
| | | // 显示更换电池单体面板
|
| | | function showReplacePanel(obj) {
|
| | | function showMatchGroupPanel(obj) {
|
| | | $('#setMatchGroupData').data('data', obj);
|
| | | |
| | | // 设置弹出框的title的值
|
| | | var txt = obj.stationname+'-'+obj.groupname+'-'+obj.monnum+'('+obj.brandname+')';
|
| | | // 显示面板
|
| | | layer.open({
|
| | | type: 2,
|
| | | title: '更换电池',
|
| | | title: '<span style="font-weight:bold">配组:</span>'+txt,
|
| | | area: ['1200px', '500px'],
|
| | | fixed: false, //不固定
|
| | | maxmin: true,
|
| | |
| | | var _attr = {
|
| | | StationId: _data.StationId
|
| | | };
|
| | | var _tmp = getLayuiSelect(_data.StationName3, _data.StationName, _attr, _data);
|
| | | var _tmp = getLayuiSelect(_data.StationName, _data.StationName, _attr, _data);
|
| | | list.push(_tmp);
|
| | | }
|
| | | }else {
|