机房验收

hdw

2018-12-20 b8c1269fe493177cb0a6659fbc032193032737aa

机房验收

 gx_tieta/WebRoot/ex-battinfo.jsp

@@ -41,15 +41,22 @@
        <div class="layui-page-container">

            <!-- 页面主题内容 -->

            <div class="layui-page-content" style="position: relative;">

                <div class="tbl-filter" lay-filter="tblFilter" style="position: absolute;z-index: 891;top: 8px; left: 15px">

                    <div class="layui-form layui-form-pane"  lay-filter="tblFilter">

                        <button class="layui-btn layui-btn-sm layui-btn-green" id="exBattGroups">批量审批</button>

                        <button class="layui-btn layui-btn-sm layui-bg-blue" id="acceptBattGroups">批量验收</button>

                        <!-- <button class="layui-btn layui-btn-sm layui-btn-normal" id="reTbl">刷新表格</button> -->

                <div class="layui-tab layui-tab-card" lay-filter="tabsFilter">

                    <ul class="layui-tab-title">

                        <li class="layui-this">待审核<span class="layui-badge" id="applyNum">0</span></li>

                        <li>待验收<span class="layui-badge" id="acceptNum">0</span></li>

                    </ul>

                    <div class="layui-tab-content">

                        <div class="layui-tab-item layui-show">

                            <!-- 表格内容 -->

                            <table id="pageTbl" lay-filter="pageTbl"></table>

                        </div>

                        <div class="layui-tab-item">

                            <!-- 表格内容 -->

                            <table id="acceptTbl" lay-filter="acceptTbl"></table>

                        </div>

                    </div>

                </div>

                <!-- 表格内容 -->

                <table id="pageTbl" lay-filter="pageTbl"></table>

            </div>

            <div class="data-footer">

                <!-- 分页内容 -->

@@ -71,14 +78,24 @@
            </div>

        </div>

        <script type="text/html" id="battGrouptools">

            <a class="layui-btn layui-btn-xs" lay-event="adopt">通过</a>

            <a class="layui-btn layui-btn-xs" lay-event="adopt">审核</a>

        </script>

        <script type="text/html" id="acceptBattGroupTools">

            <a class="layui-btn layui-btn-xs layui-bg-blue" lay-event="accept">验收</a>

            <a class="layui-btn layui-btn-xs layui-bg-blue" lay-event="control">实时查询</a>

        </script>

        <script type="text/html" id="applyEn">

            {{# if(d.apply_en){ }}

                <a class="layui-btn layui-btn-xs">已通过</a>

            {{# }else{ }}

                <a class="layui-btn layui-btn-danger layui-btn-xs">待审核</a>

            {{# } }}

        </script>

        <script type="text/html" id="acceptEn">

            {{# if(d.check_en){ }}

                <a class="layui-btn layui-btn-xs">已验收</a>

            {{# }else{ }}

                <a class="layui-btn layui-btn-danger layui-btn-xs">待验收</a>

            {{# } }}

        </script>

        <script type="text/html" id="produceTime">

@@ -101,15 +118,55 @@
        <script type="text/javascript" src="pages/js/common.js"></script>

        <script type="text/javascript">

            layui.use(['form', 'table', 'layer', 'element'], function() {

                /* 页面导入layui模块 */

                var table = layui.table;        // 获取表格模块

                var form = layui.form;            // 获取表单模块

                var layer = layui.layer;        // 获取弹出框模块

                var element = layui.element;    // 获取元素操作模块

                

                /* 分页信息模块 */

                var Page = new TblPage();    // 实例化TblPage对象--验收的的审核信息

                Page.set(1, 0, 20);            // 初始化值

				
                var acceptPage = new TblPage();        // 实例化TblPage对象--待验收的分页信息

                acceptPage.set(1, 0, 20);            // 初始化值

				
                   // 页面dom对象

                var pagePage = new PagePage({

                    search: $('#paging .search')        // 查询

                    ,home: $('#page_home')                // 首页

                    ,pre: $('#page_pre')

                    ,next: $('#page_next_p')

                    ,last: $('#page_last')

                    ,num: $('#page_num')

                    ,go: $('#page_go')

                    ,total: $('#total')

                    ,size: $('#number')

                    ,current: $('#current')

                });

        		
                pagePage.init(Page, search);

        		
                // 选项卡模块

                var tabsIndex = 0;

                element.on('tab(tabsFilter)', function(data){

                    // console.log(this);             //当前Tab标题所在的原始DOM元素

                    // console.log(data.index);     //得到当前Tab的所在下标

                    // console.log(data.elem);     //得到当前的Tab大容器

                    tabsIndex = data.index;        // 标识显示的选项卡内容

                    if(tabsIndex) {

                        pagePage.init(acceptPage, acceptSearch);    // 待验收

                    }else {

                        pagePage.init(Page, search);            // 待审核

                    }

                    $(window).resize();

                });

        		
        		
                // 表格模块

                var tOptions = {

                    elem: '#pageTbl'

                    ,toolbar: true

                    ,toolbar: false

                    ,defaultToolbar: []

                    ,cellMinWidth: 80

                    ,cols: [[

@@ -148,19 +205,78 @@
                        ,{field:'useDate', title:'投入使用日期', templet: '#useTime', align:'center', width: 140}

                        ,{field:'isInstall', title:'安装状态', templet: '#isInstall', align:'center', width: 140}

                        ,{field:'install_user', title:'设备安装人员', align:'center', width: 260}

                        ,{field:'apply_uid', title:'申请人', align:'center', width: 120}

                        ,{field:'apply_name', title:'申请人', align:'center', width: 120}

                        ,{field:'apply_en', title:'申请状态', align:'center', templet: '#applyEn',width: 120}

                        ,{field:'apply_date', title:'申请日期', align:'center', width: 260}

                        ,{fixed: 'right', title:'审批操作', align: 'center', toolbar: '#battGrouptools', width:160}

                        ,{fixed: 'right', title:'审批操作', align: 'center', toolbar: '#battGrouptools', width:120}

                    ]]

                    ,data:[]

                    ,limit: 10000

                    ,page: false

                    ,height: 'full-190'

                    ,height: 'full-235'

                };

                

                // 生成表格数据

                table.render(tOptions);

				
				
                // 待验收的表格 
                var acceptOptions = {

                    elem: '#acceptTbl'

                    ,toolbar: false

                    ,defaultToolbar: []

                    ,cellMinWidth: 80

                    ,cols: [[

                        {type:'checkbox',fixed: 'left'}

                        ,{field:'StationId', title:'机房编号', align:'center', width: 120}

                        ,{field:'StationName1', title:'省', align:'center', width: 100}

                        ,{field:'StationName2', title:'市', align:'center', width: 100}

                        ,{field:'StationName5', title:'区县', align:'center', width: 100}

                        ,{field:'StationName3', title:'机房名称', align:'center', width: 360}

                        ,{field:'StationName4', title:'设备名称', align:'center', width: 150}

                        ,{field:'StationIp', title:'机房ip', align:'center', width: 160}

                        ,{field: 'FBSDeviceId', title: 'FBS设备ID（重要）', align: 'center', width: 160}

                        ,{field:'FbsDeviceIp', title:'FBS设备IP（重要）', align:'center', width: 160}

                        ,{field:'FbsDeviceIp_YM', title:'子网掩码', align:'center', width: 160}

                        ,{field:'FbsDeviceIp_WG', title:'网关', align:'center', width: 160}

                        ,{field:'FBSDeviceName', title:'FBS设备名称', align:'center', width: 160}

                        ,{field:'GroupIndexInFBSDevice', title:'FBS设备索引', align:'center', width: 160}

                        ,{field:'BattGroupId', title:'电池组ID', align:'center', width: 160}

                        ,{field:'BattGroupNum', title:'机房内电池组编号', align:'center', width: 160}

                        ,{field:'BattGroupName', title:'电池组名称', align:'center', width: 160}

                        ,{field:'FloatVolLevel', title:'浮充电压阀值', align:'center', width: 160}

                        ,{field:'OfflineVolLevel', title:'离线电压阀值', align:'center', width: 160}

                        ,{field:'BattFloatCurrent', title:'浮充阀值', align:'center', width: 100}

                        ,{field:'MonCount', title:'单体数量', align:'center', width: 100}

                        ,{field:'MonCapStd', title:'标称容量', align:'center', width: 100}

                        ,{field:'MonVolStd', title:'标称单体电压', align:'center', width: 140}

                        ,{field:'MonResStd', title:'标称单体内阻', align:'center', width: 140}

                        ,{field:'MonSerStd', title:'标称单体电导', align:'center', width: 140}

                        ,{field:'MonVolLowToAvg', title:'单体电压次低偏移量', align:'center', width: 140}

                        ,{field:'Load_curr', title:'负载电流', align:'center', width: 140}

                        ,{field:'DisCurrMax', title:'最大核容电流', align:'center', width: 140}

                        ,{field:'station_phone', title:'基站手机号码', align:'center', width: 140}

                        ,{field:'BattProducer', title:'电池品牌', align:'center', width: 140}

                        ,{field:'BattModel', title:'电池型号', align:'center', width: 260}

                        ,{field:'productDate', title:'电池生产日期', templet: '#produceTime', align:'center', width: 140}

                        ,{field:'useDate', title:'投入使用日期', templet: '#useTime', align:'center', width: 140}

                        ,{field:'isInstall', title:'安装状态', templet: '#isInstall', align:'center', width: 140}

                        ,{field:'install_user', title:'设备安装人员', align:'center', width: 260}

                        ,{field:'check_en', title:'验收状态', templet: '#acceptEn',align:'center', width: 120}

                        ,{field:'apply_name', title:'申请人', align:'center', width: 120}

                        ,{field:'apply_date', title:'申请日期', align:'center', width: 260}

                        ,{field:'confirm_name', title:'审核人', align:'center', width: 120}

                        ,{fixed: 'right', title:'验收操作', align: 'center', toolbar: '#acceptBattGroupTools', width:180}

                    ]]

                    ,data:[]

                    ,limit: 10000

                    ,page: false

                    ,height: 'full-235'

                };

				
                // 生成表格数据

                table.render(acceptOptions);

				
                

                // 审批操作栏

                table.on('tool(pageTbl)', function(obj) {

@@ -175,6 +291,21 @@
                            layer.msg('功能开发中...');

                        break;

                    };

                });

				
                // 验收操作栏

                table.on('tool(acceptTbl)', function(obj) {

                    switch(obj.event) {

                        case 'accept':

                            acceptBattGroup(obj.data);

                        break;

                        case 'control':

                            controlPage(obj.data);

                        break;

                        default:

                            layer.msg('功能开发中...');

                        break;

                    }

                });

                

                

@@ -246,8 +377,11 @@
                            // console.log(rs);

                            if(rs.code == 1) {

                                layer.msg('确认审核成功！');

                                // 查询后台数据

                                search(createSearchParam(), true);

                                // 查询待审核后台数据

                                search();

								
                                // 查询待验收后台数据

                                acceptSearch();

                            }else {

                                layer.msg('确认审核失败！');

                            }

@@ -259,17 +393,81 @@
                    });

                }

                

                // 实例化TblPage对象

                var Page = new TblPage();

                Page.set(1, 0, 20);

				 
                // 通过验收

                function acceptBattGroup(data) {

                    // 构造验收通过的机房的信息

                    var temp = [createAcceptParam(data)];

                    // 是否却确认验收

                    layer.confirm('是否确认验收', {icon: 3, title: '提示'}, function(index) {

                        layer.close(index);

                        // 向后台申请验收通过

                        acceptBattGroupAjax(temp);

                    });

                }

				
                // 构造向后台请求的验收的数据

                function createAcceptParam(data) {

                    // 遍历data对象并返回指定格式的对象

                    var temp = {};

                    temp.binf = {};

                    Object.keys(data).forEach(function(key) {

                        if(key == 'num') {

                            temp.num = data[key];

                        }else {

                            temp.binf[key] = data[key];

                        }

                    });

					
                    return temp;

                }

				
                // 向后台申请通过验收

                function acceptBattGroupAjax(data) {

                    var load = layer.load(1);        // 添加等待框

                    // 请求后台

                    $.ajax({

                        type: 'post'

                        ,async: true

                        ,url: "Battinf_applyAction!check"

                        ,data: "json="+JSON.stringify(data)

                        ,dataType: 'json'

                        ,success: function(res) {

                            var rs = JSON.parse(res.result);

                            // console.log(rs);

                            if(rs.code == 1) {

                                layer.msg('确认验收成功！');

								
                                // 查询待验收后台数据

                                acceptSearch();

                            }else {

                                layer.msg('确认验收失败！');

                            }

							
                        }

                        ,complete: function() {

                            layer.close(load);

                        }

                    });

					
                }

				
				
                // 跳转到实时页面

                function controlPage(data) {

                    console.log(data);

                    var home = data.StationName;

                    var province = data.StationName1;

                    var city = data.StationName2;

                    var county = data.StationName5;

                    var url = skipUrl('control.jsp',province,city,county,home);

                    window.open(url);

                }

				
                // 查询后台数据

                search(createSearchParam(), true);

                function search(temp, newLoad) {

                    var load;

                    if(newLoad) {

                        load = layer.load(1);

                    }

                search();

                function search() {

                    var load =  layer.load(1);

                    var temp = createSearchParam();

                    // 查询后台

                    $.ajax({

                        type: 'post'

@@ -283,7 +481,7 @@
                            var resData = [];

                            if(rs.code == 1) {

                                var data = rs.data;

                                console.log(data);

                                //console.log(data);

                                // 遍历数据的值

                                for(var i=0; i<data.length; i++) {

                                    var _data = data[i];

@@ -292,9 +490,9 @@
                                    Page.setAll(_data.apply_note);

                                }

                            }

                            // console.log(resData);

                            setPageVal(Page);

                            tOptions.data = resData;

                            pagePage.setVal();                // 设置分页信息

                            $('#applyNum').text(Page.all);     // 设置徽章

                            tOptions.data = resData;    //  设置表格的数据

                            

                            // 生成表格数据

                            table.render(tOptions);

@@ -317,6 +515,59 @@
                    return temp;

                }

                

                // 查询待验收的机房

                acceptSearch();

                function acceptSearch(temp, newLoad) {

                    var load = layer.load(1);

                    var temp = acceptSearchParam();

                    //console.log(temp);

                    // 查询后台

                    $.ajax({

                        type: 'post'

                        ,async: true

                        ,url: "Battinf_applyAction!serchByCondition"

                        ,data: "json="+JSON.stringify(temp)

                        ,dataType: 'json'

                        ,success: function(res) {

                            //console.log(res);

                            var rs = JSON.parse(res.result);

                            var resData = [];

                            if(rs.code == 1) {

                                var data = rs.data;

                                // console.log(data);

                                // 遍历数据的值

                                for(var i=0; i<data.length; i++) {

                                    var _data = data[i];

                                    var _tmp = formaterResData(_data);

                                    resData.push(_tmp);

                                    acceptPage.setAll(_data.apply_note);

                                }

                            }

                            pagePage.setVal();                // 设置分页信息

                            $('#acceptNum').text(acceptPage.all);     // 设置徽章

                            acceptOptions.data = resData;        // 设置表格的数据

							
                            // 生成表格数据

                            table.render(acceptOptions);

							
                        }

                        ,complete: function() {

                            layer.close(load);

                        }

                    });

                }

				
                // 构造验收的查询条件

                function acceptSearchParam() {

                    var temp = {

                        apply_en: 1

                        ,binf: {

                            page: acceptPage.getPage()

                        }

                    };

                    return temp;

                }

				
                // 构造结果集

                function formaterResData(data) {

                    // 遍历结果集

@@ -334,87 +585,6 @@
                    });

                    

                    return temp;

                }

				
                //点击查询按钮

                $('#paging .search').click(function(){

                    search(createSearchParam(), false);

                });

				
                //首页

                $('#page_home').click(function(){

                    if(Page != undefined){

                        if(Page.curr != 1){

                            Page.setCurr(1);

                            search(createSearchParam(), true);

                        }

                    }		
                });

				
                //点击上一页

                $("#page_pre").click(function(){

                    if(Page != undefined){

                        if(Page.curr > 1){

                            Page.setCurr(Page.curr-1);

                            search(createSearchParam(), true);

                        }

                    }

                });

				
                //点击下一页

                $("#page_next_p").click(function(){				
                    if(Page != undefined){

                        if(Page.num > Page.curr){

                            Page.setCurr(Page.curr+1);

                            search(createSearchParam(), true);

                        }

                    }

                });

				
                //尾页

                $('#page_last').click(function(){

                    if(Page != undefined){

                        if(Page.curr < Page.num){

                            Page.setCurr(Page.num);

                            search(createSearchParam(), true);

                        }

                    }

                });

				
                //设置每页行数

                $('#number').blur(function(){

                    var value=$('#number').val();

                    //当输入的数大于0时

                    if(value>0){

                        if(value != Page.size){

                            Page.setSize(parseInt(value));

                            Page.setCurr(1);

                        }

                    }else{

                        //当输入非法数字时

                        alert("请输入合法的数字");                        /* 请输入合法的整数 */

                        $('#number').val(Page.size);					
                    }

                });

				
                //点击跳转

                $('#page_go').click(function(){

                    var tarpage=$('#page_num').attr('value');

                    if(tarpage > Page.num){

                        Page.setCurr(Page.num);

                        search(createSearchParam(), true);

                    }else if(tarpage > 0 && tarpage!= Page.curr){

                        Page.setCurr(parseInt(tarpage));

                        search(createSearchParam(), true);

                    }

					
                });

				
                // 设置页面Page

                function setPageVal(page) {

                    $('#current').text(page.curr+'/'+page.num);

                    $('#total').text(page.all);

                    $('#number').val(page.size);

                }

            });

        </script>


 gx_tieta/WebRoot/pages/css/mylayui.css

@@ -327,4 +327,11 @@
}

.page-link:active {

    color: #FF0000;

}

/* layui style */

body .layui-tab {

    margin:1px 0;

}

body .layui-tab-content {

    padding: 0;

}

 gx_tieta/WebRoot/pages/js/mylayui.js

@@ -112,4 +112,142 @@
// 设置共有多少页

TblPage.prototype._setNum = function() {

    this.num = Math.ceil(this.all/this.size);

}
}



// 定义页面中分页元素的对象

var PagePage = function(opts) {

    this.search = '';        // 查询

    this.home = '';                // 首页

    this.pre = '';                // 上一页

    this.next = '';                // 下一页

    this.last = '';                // 尾页

    this.size = '';                // 每页显示条数

    this.num = '';                // 跳转的页数

    this.go = '';                // 页面跳转

    this.current = '';            // 当前页/总页数

    this.total = '';            // 数据总量

    this.page = opts.page;        // 分页信息

    this._initDom(opts);

    this.callback = "";

}



// 设置PagePage的方法

PagePage.prototype = {

    _initDom: function(opts) {

        this.search = this._getEle(opts.search);

        this.home = this._getEle(opts.home);

        this.pre = this._getEle(opts.pre);

        this.next = this._getEle(opts.next);

        this.last = this._getEle(opts.last);

        this.num = this._getEle(opts.num);

        this.go = this._getEle(opts.go);

        this.current = this._getEle(opts.current);

        this.total = this._getEle(opts.total);

        this.size = this._getEle(opts.size);

        //console.log(this.search);

        this.addEvent();

    }

    ,_getEle: function(ele) {

        //console.log(ele);

        var len = ele?ele.length:0;

        //console.log(len);

        var rsEle = len?ele:$('#PagePageTmp');

        return rsEle;

    }

    ,addEvent: function() {

        var _this = this;

		
        //  点击查询

        this.search.off('click.PagePage.event').on('click.PagePage.event', function() {

            if(_this._checkCallback()) {

                _this.callback();

            } 
        });

		
        // 点击首页

        this.home.off('click.PagePage.event').on('click.PagePage.event', function() {

            var Page = _this.page;

            if(Page.curr != 1){

                Page.setCurr(1);

                _this.callback();

            }

        });

		
        // 点击上一页

        this.pre.off('click.PagePage.event').on('click.PagePage.event', function() {

            var Page = _this.page;

            if(Page.curr > 1){

                Page.setCurr(Page.curr-1);

                _this.callback();

            }

        });

		
        // 点击下一页

        this.next.off('click.PagePage.event').on('click.PagePage.event', function() {

            var Page = _this.page;

            if(Page.num > Page.curr){

                Page.setCurr(Page.curr+1);

                _this.callback();

            }

        });

		
        // 设置每页显示条数

        this.size.off('blur.PagePage.event').on('blur.PagePage.event', function() {

            var Page = _this.page;

            var value= $(this).val();

            //当输入的数大于0时

            if(value>0){

                if(value != Page.size){

                    Page.setSize(parseInt(value));

                    Page.setCurr(1);

                }

            }else{

                //当输入非法数字时

                alert("请输入合法的数字");                        /* 请输入合法的整数 */

                $(this).val(Page.size);					
            }

        });

		
        // 尾页

        this.last.off('click.PagePage.event').on('click.PagePage.event', function() {

            var Page = _this.page;

            if(Page.curr < Page.num){

                Page.setCurr(Page.num);

                _this.callback();

            }

        });

		
        // 跳转

        this.go.off('click.PagePage.event').on('click.PagePage.event', function() {

            var Page = _this.page;

            var tarpage= _this.num.val();

            if(tarpage > Page.num){

                Page.setCurr(Page.num);

            }else if(tarpage > 0 && tarpage!= Page.curr){

                Page.setCurr(parseInt(tarpage));

            }

            _this.callback();

        });

		
    }

    ,setCallback:function(callback) {

        this.callback = callback;

    }

    ,setPage: function(page) {

        this.page = page;

    }

    ,init:function(page, callback) {

        this.setPage(page);

        this.setCallback(callback);

        this.setVal();

    }

    ,setVal: function() {

        this.current.text(this.page.curr+'/'+this.page.num);

        this.total.text(this.page.all);

        this.size.val(this.page.size);

    }

    ,_checkCallback: function() {

        return typeof this.callback === 'function';

    }

};