| | |
|---|
| | | <meta http-equiv="expires" content="0">
|
|---|
| | | <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
|
|---|
| | | <meta http-equiv="description" content="This is my page">
|
|---|
| | | <title>设备连接信息</title>
|
|---|
| | | <title><s:text name="Dev_connect_info_query"/></title> <!-- 设备连接信息查询 -->
|
|---|
| | | <link rel="stylesheet" type="text/css" href="pages/css/base.css">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="jqueryui/jquery-ui.css">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="src/css/layui.css">
|
|---|
| | |
|---|
| | | <div class="layui-page-container">
|
|---|
| | | <!-- 条件筛选 -->
|
|---|
| | | <div class="layui-page-filter">
|
|---|
| | | <div class="page-filter-header layui-page-filter-fweight">设备连接信息</div>
|
|---|
| | | <div class="page-filter-header layui-page-filter-fweight"><s:text name="Dev_connect_info_query"/></div> <!-- 设备连接信息查询 -->
|
|---|
| | | <div class="page-filter-content">
|
|---|
| | | <table>
|
|---|
| | | <tr class="layui-page-filter-tbl-header layui-page-filter-fweight">
|
|---|
| | |
|---|
| | | <script type="text/javascript" src="jqueryui/jquery-ui.min.js"></script>
|
|---|
| | | <script type="text/javascript" src="src/layui.js"></script>
|
|---|
| | | <script type="text/javascript" src="pages/js/mylayui.js"></script>
|
|---|
| | | <script type="text/javascript" src="pages/js/common.js"></script>
|
|---|
| | | <script type="text/javascript">
|
|---|
| | | layui.use(['form', 'table', 'layer', 'element'], function() {
|
|---|
| | | var table = layui.table; // 获取表格模块
|
|---|
| | | var form = layui.form; // 获取表单模块
|
|---|
| | | var layer = layui.layer; // 获取弹出框模块
|
|---|
| | | var element = layui.element; // 获取元素操作模块
|
|---|
| | | |
|---|
| | | |
|---|
| | | var isNewLoad = true;
|
|---|
| | | var pre_province = getQueryString('province');
|
|---|
| | | // 查询省下拉框
|
|---|
| | |
|---|
| | | ,toolbar: false
|
|---|
| | | ,cellMinWidth: 80
|
|---|
| | | ,cols: [[
|
|---|
| | | {fileld: 'Staionanme', title: '机房名称', align: 'center', width: 380}
|
|---|
| | | {field: 'Staionanme', title: '机房名称', align: 'center', width: 450}
|
|---|
| | | ,{field:'dev_id', title:'设备id', align:'center', width: 150}
|
|---|
| | | ,{field:'battgroup_id1', title:'电池组1', align:'center', width: 150}
|
|---|
| | | ,{field:'battgroup_id2', title:'电池组2', align:'center', width: 150}
|
|---|
| | | ,{field:'battgroup_id3', title:'电池组3', align:'center', width: 150}
|
|---|
| | | ,{field:'battgroup_id4', title:'电池组4', align:'center', width: 150}
|
|---|
| | | ,{field:'connet_time', title:'设备连接时间', align:'center'}
|
|---|
| | | ,{field: 'dev_comm_runtime', title: '设备运行时长', align: 'center'}
|
|---|
| | | ,{field:'dev_comm_runtime', title: '设备运行时间', align: 'center'}
|
|---|
| | | ,{field:'break_type_txt', title:'连接状态', align:'center', templet: '#breakTypeTpl', width: 150}
|
|---|
| | | ]]
|
|---|
| | | ,data:[
|
|---|
| | | {'break_type': 1}
|
|---|
| | | ]
|
|---|
| | | ,data:[]
|
|---|
| | | ,limit: 1000
|
|---|
| | | ,page: false
|
|---|
| | | ,height: 'full-290'
|
|---|
| | |
|---|
| | | table.render(tOptions);
|
|---|
| | |
|
|---|
| | | var Page = new TblPage();
|
|---|
| | | Page.set(1, 100, 10);
|
|---|
| | | Page.set(1, 0, 10);
|
|---|
| | | //console.log(Page);
|
|---|
| | |
|
|---|
| | | // 查询后台数据
|
|---|
| | |
|---|
| | | function search(temp, newLoad) {
|
|---|
| | | var load;
|
|---|
| | | if(newLoad) {
|
|---|
| | | load = layer.load(1)
|
|---|
| | | load = layer.load(1);
|
|---|
| | | }
|
|---|
| | | console.log(temp);
|
|---|
| | | setTimeout(function() {
|
|---|
| | | setPageVal(Page);
|
|---|
| | | layer.close(load);
|
|---|
| | | }, 1000);
|
|---|
| | | //console.log(temp); |
|---|
| | | $.ajax({
|
|---|
| | | type:'post',
|
|---|
| | | async:true,
|
|---|
| | | url: 'App_bts_comm_taskAction!serchByCondition',
|
|---|
| | | data: "json="+JSON.stringify(temp),
|
|---|
| | | dataType: 'json',
|
|---|
| | | success:function(result) {
|
|---|
| | | var model = JSON.parse(result.result);
|
|---|
| | | //console.info(model);
|
|---|
| | | var arr_td = new Array();
|
|---|
| | | if(model.code == 1){
|
|---|
| | | for(var i=0;i<model.data.length;i++){
|
|---|
| | | var _data = model.data[i];
|
|---|
| | | var _tmp = {};
|
|---|
| | | _tmp.Staionanme = _data.stationName;
|
|---|
| | | _tmp.dev_id = _data.dev_id;
|
|---|
| | | _tmp.battgroup_id1 = _data.battgroup_id1;
|
|---|
| | | _tmp.battgroup_id2 = _data.battgroup_id2;
|
|---|
| | | _tmp.battgroup_id3 = _data.battgroup_id3;
|
|---|
| | | _tmp.battgroup_id4 = _data.battgroup_id4;
|
|---|
| | | _tmp.connet_time = _data.connet_time;
|
|---|
| | | _tmp.dev_comm_runtime = _data.dev_comm_runtime;
|
|---|
| | | _tmp.break_type = _data.break_type;
|
|---|
| | | _tmp.break_type_txt = createDeviceType(_data.break_type);
|
|---|
| | | arr_td.push(_tmp);
|
|---|
| | | Page.setAll(_data.num);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | //console.info(tOptions);
|
|---|
| | | tOptions.data = arr_td;
|
|---|
| | | // 生成表格数据
|
|---|
| | | table.render(tOptions);
|
|---|
| | | setPageVal(Page);
|
|---|
| | | layer.close(load);
|
|---|
| | | },error:function(e){
|
|---|
| | | layer.close(load);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | |
|---|
| | | }
|
|---|
| | | |
|---|
| | | //获取设备连接的状态
|
|---|
| | | function createDeviceType(dev_type){
|
|---|
| | | var str_type = "未知类型";
|
|---|
| | | //console.info(typeof dev_type);
|
|---|
| | | switch(dev_type){
|
|---|
| | | case 0:str_type="成功连接";break;
|
|---|
| | | case 1:str_type="找不到对应设备ID";break;
|
|---|
| | | case 2:str_type="通信异常断开";break;
|
|---|
| | | default:str_type="未知类型";
|
|---|
| | | }
|
|---|
| | | return str_type;
|
|---|
| | | }
|
|---|
| | | |
|---|
| | |
|
|---|
| | | // 构造查询条件
|
|---|
| | | function createSearchParam() {
|
|---|
| | | var sid = $('#home').attr('stationid')?$('#home').attr('stationid'): 0;
|
|---|
| | | var sid = $('#home').find('option:selected').attr('stationid')?$('#home').find('option:selected').attr('stationid'): 0;
|
|---|
| | | var temp = {
|
|---|
| | | StationId: sid
|
|---|
| | | ,page: Page.getPage()
|
|---|
| | | StationId: sid,
|
|---|
| | | StationName1:$('#province').attr('value'),
|
|---|
| | | StationName2:$('#city').attr('value'),
|
|---|
| | | StationName5:$('#county').attr('value'),
|
|---|
| | | page: Page.getPage(),
|
|---|
| | | };
|
|---|
| | | |
|---|
| | | return temp;
|
|---|
| | | |
|---|
| | | |
|---|
| | | }
|
|---|
| | | |
|---|
| | | //点击查询按钮
|
|---|
| | | $('#paging .search').click(function(){
|
|---|
| | | search(createSearchParam(), false);
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | //首页
|
|---|
| | | $('#page_home').click(function(){
|
|---|
| | | alert(123);
|
|---|
| | | if(Page != undefined){
|
|---|
| | | if(Page.curr != 1){
|
|---|
| | | Page.setCurr(1);
|
|---|
| | |
|---|
| | | //尾页
|
|---|
| | | $('#page_last').click(function(){
|
|---|
| | | if(Page != undefined){
|
|---|
| | | if(Page.pageCurr < Page.num){
|
|---|
| | | if(Page.curr < Page.num){
|
|---|
| | | Page.setCurr(Page.num);
|
|---|
| | | search(createSearchParam(), true);
|
|---|
| | | }
|
|---|
| | |
|---|
| | | $('#total').text(page.all);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | //点击导出报表
|
|---|
| | | $('#export_table').click(function(){
|
|---|
| | | var tblData = GLOBAL.Table.cTblData(tOptions); |
|---|
| | | GLOBAL.Table.expExcel.xls(tblData);
|
|---|
| | | });
|
|---|
| | | |
|---|
| | | //构造导出表格对象
|
|---|
| | | function createTableData(tOptions){
|
|---|
| | | var thead_arr = new Array(); //表头数据数组
|
|---|
| | | var thody_arr = new Array(); //表格数据数组
|
|---|
| | | var proname_arr = new Array(); //属性名数组
|
|---|
| | | //console.info(tOptions); |
|---|
| | | if(tOptions != undefined){ |
|---|
| | | //构造表头数组 |
|---|
| | | for(var i = 0;i< tOptions.cols.length;i++){
|
|---|
| | | var _th = tOptions.cols[i];
|
|---|
| | | for(var k=0;k<_th.length;k++){ |
|---|
| | | if(_th[k].field != undefined){ |
|---|
| | | proname_arr.push(_th[k].field);
|
|---|
| | | thead_arr.push(_th[k].title);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | //构造表格内部数据数组
|
|---|
| | | for(var j = 0;j < tOptions.data.length;j++){
|
|---|
| | | var _data = tOptions.data[j];
|
|---|
| | | for(var k=0;k<proname_arr.length;k++){
|
|---|
| | | thody_arr.push(_data[proname_arr[k]]);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | return {
|
|---|
| | | thead: [thead_arr],
|
|---|
| | | tbody:[thody_arr]
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </body>
|
|---|
