+
+
+
+
+
+
+ 
+
+
+ 监控活跃度分析
' + transformNull(d.workManager) + '
' + transformNull(d.workManagerPhone) + '
'; + } + }, + { + field: "name", + title: "球机编号", + width: '15%', + unresize: true, + align: "center", + }, + ], + ], + done: function (res, curr, count) { + layer.close(loadingMsg); + table.resize("currTable"); + count || this.elem.next(".layui-table-view").find(".layui-table-header").css("display", "inline-block"); + count || this.elem.next(".layui-table-view").find(".layui-table-box").css("overflow", "auto"); + let that = this.elem.next(); + res.data.forEach(function (item, index) { + if (index % 2 === 0) { + that.find(".layui-table-box tbody tr[data-index='" + index + "']").css('background-color', '#06182E') + } else { + that.find(".layui-table-box tbody tr[data-index='" + index + "']").css('background-color', '#1F2F43') + } + }) + }, + }); +} + +// 获取参数 +function getReqParams(page, limit, type) { + let obj = {}; + if (!type) { + obj = { + page: page + "", + limit: limit + "", + proName: $('#proName').val(), + org: $('#org').val(), + riskLevel: $('#riskLevel').val(), + teamName: $('#teamName').val(), + workManager: $('#workManager').val(), + currentUserId: user.userId + '', + isSup: user.isSup, + currentUserOrgId: user.orgId + }; + } else { + obj = { + page: '1', + limit: '10', + proName: '', + org: $('#org').val(), + riskLevel: '', + teamName: '', + workManager: '', + currentUserId: user.userId + '', + isSup: user.isSup, + currentUserOrgId: user.orgId + }; + } + return obj; +} + +// 查询/重置 +function queryTable(type) { + if (type === 2) { + $('#proName').val(''); + $('#org').val(''); + $('#riskLevel').val(''); + $('#teamName').val(''); + $('#workManager').val(''); + layui.form.render(); + } + let pattern = new RegExp("[%_<>]"); + if (pattern.test($("#proName").val())) { + $("#proName").val(''); + return layer.msg('工程名称查询包含特殊字符，请重新输入', { + icon: 2, + time: 2000 //2秒关闭（如果不配置，默认是3秒） + }); + } + if (pattern.test($("#teamName").val())) { + $("#teamName").val(''); + return layer.msg('班组名称查询包含特殊字符，请重新输入', { + icon: 2, + time: 2000 //2秒关闭（如果不配置，默认是3秒） + }); + } + if (pattern.test($("#workManager").val())) { + $("#workManager").val(''); + return layer.msg('班组长查询包含特殊字符，请重新输入', { + icon: 2, + time: 2000 //2秒关闭（如果不配置，默认是3秒） + }); + } + pageNum = 1; + pages(1, limitSize) +} + +// 关闭页面 +function closePage(type) { + let index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引 + parent.layer.close(index); //再执行关闭 +} \ No newline at end of file diff --git a/bns/js/supplement/child/monitoring_hyd_list.js b/bns/js/supplement/child/monitoring_hyd_list.js new file mode 100644 index 0000000..ac1c802 --- /dev/null +++ b/bns/js/supplement/child/monitoring_hyd_list.js @@ -0,0 +1,235 @@ +let form, layer, table, laydate, tableIns, user = getUser(), tableHeight; +let pageNum = 1, limitSize = 10; // 默认第一页，分页数量为10 +let objParam; +function setParams(params) { + objParam = JSON.parse(params); + $('#title').html(objParam.title); + layui.use(['form', 'layer', 'table', 'laydate'], function () { + form = layui.form; + layer = layui.layer; + table = layui.table; + laydate = layui.laydate; + pages(1, 10, 1); + }) +} + +/* 加载表格 */ +function pages(pageNum, pageSize, typeNum) { + let params = getReqParams(pageNum, pageSize, typeNum); + let url = dataUrl + "proteam/pot/monitoringCoverage/getMonitoringHydList"; + ajaxRequest(url, "POST", params, true, function () { + }, function (result) { + if (result.code === 200) { + initTable(result.data, result.limit, result.curr) + laypages(result.count, result.curr, result.limit) + } else if (result.code === 500) { + layer.alert(result.msg, { icon: 2 }) + } + }, function (xhr, status, error) { + errorFn(xhr, status, error) + }, null); +} + +function laypages(total, page, limit) { + layui.use(['laypage'], function () { + let laypage = layui.laypage; + laypage.render({ + elem: 'voi-page', + count: total, + curr: page, + limit: limit, + limits: [10, 20, 50, 100, 200, 500], + layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'], + groups: 5, + jump: function (obj, first) { + if (!first) { + pageNum = obj.curr, limitSize = obj.limit; + pages(obj.curr, obj.limit, null); + } + } + }); + }) +} + +/*初始化表格*/ +function initTable(dataList, limit, page) { + let loadingMsg = layer.msg("数据加载中,请稍候...", { icon: 16, scrollbar: false, time: 0, }); + tableIns = table.render({ + id: 'currTable', + elem: "#currTable", + height: 'full-230', + data: dataList, + limit: limit, + cols: [ + [ + { + title: "排名", + width: '7%', + unresize: true, + align: "center", + templet: function (d) { + return (page - 1) * limit + d.LAY_NUM; + } + }, + { + field: "proName", + title: "工程名称", + width: '15%', + unresize: true, + align: "center", + style: 'word-break: break-all' + }, + { + field: "riskLevel", + title: "风险等级", + width: '10%', + unresize: true, + align: "center", + templet: function (d) { + return setRiskLevelColor(d.riskLevel); + } + }, + { + field: "org", + title: "建管单位", + width: '10%', + unresize: true, + align: "center", + }, + { + field: "teamName", + title: "班组名称", + width: '13%', + unresize: true, + align: "center", + }, + { + title: "班组长姓名", + width: '10%', + unresize: true, + align: "center", + templet: function (d) { + return '' + transformNull(d.workManager) + '
' + transformNull(d.workManagerPhone) + '
'; + } + }, + + { + title: "球机地址", + width: '10%', + unresize: true, + align: "center", + templet: function (d) { + return '' + d.lon + '
' + d.lat + '
'; + } + }, + { + field: "timeValue", + title: "运行时长", + width: '15%', + unresize: true, + align: "center", + }, + { + field: "name", + title: "球机编号", + width: '10%', + unresize: true, + align: "center", + }, + ], + ], + done: function (res, curr, count) { + layer.close(loadingMsg); + table.resize("currTable"); + count || this.elem.next(".layui-table-view").find(".layui-table-header").css("display", "inline-block"); + count || this.elem.next(".layui-table-view").find(".layui-table-box").css("overflow", "auto"); + let that = this.elem.next(); + res.data.forEach(function (item, index) { + if (index % 2 === 0) { + that.find(".layui-table-box tbody tr[data-index='" + index + "']").css('background-color', '#06182E') + } else { + that.find(".layui-table-box tbody tr[data-index='" + index + "']").css('background-color', '#1F2F43') + } + }) + }, + }); +} + +// 获取参数 +function getReqParams(page, limit, type) { + let obj = {}; + if (!type) { + obj = { + page: page + "", + limit: limit + "", + proName: $('#proName').val(), + org: $('#org').val(), + riskLevel: $('#riskLevel').val(), + teamName: $('#teamName').val(), + workManager: $('#workManager').val(), + type:objParam.type, + id:objParam.id, + currentUserId: user.userId + '', + isSup: user.isSup, + currentUserOrgId: user.orgId + }; + } else { + obj = { + page: '1', + limit: '10', + proName: '', + org:'', + riskLevel:'', + teamName:'', + workManager:'', + type:objParam.type, + id:objParam.id, + currentUserId: user.userId + '', + isSup: user.isSup, + currentUserOrgId: user.orgId + }; + } + return obj; +} + +// 查询/重置 +function queryTable(type) { + if (type === 2) { + $('#proName').val(''); + $('#org').val(''); + $('#riskLevel').val(''); + $('#teamName').val(''); + $('#workManager').val(''); + layui.form.render(); + } + let pattern = new RegExp("[%_<>]"); + if (pattern.test($("#proName").val())) { + $("#proName").val(''); + return layer.msg('工程名称查询包含特殊字符，请重新输入', { + icon: 2, + time: 2000 //2秒关闭（如果不配置，默认是3秒） + }); + } + if (pattern.test($("#teamName").val())) { + $("#teamName").val(''); + return layer.msg('班组名称查询包含特殊字符，请重新输入', { + icon: 2, + time: 2000 //2秒关闭（如果不配置，默认是3秒） + }); + } + if (pattern.test($("#workManager").val())) { + $("#workManager").val(''); + return layer.msg('班组长查询包含特殊字符，请重新输入', { + icon: 2, + time: 2000 //2秒关闭（如果不配置，默认是3秒） + }); + } + pageNum = 1; + pages(1, limitSize) +} + +// 关闭页面 +function closePage(type) { + let index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引 + parent.layer.close(index); //再执行关闭 +} \ No newline at end of file diff --git a/bns/js/supplement/monitoring_coverage.js b/bns/js/supplement/monitoring_coverage.js index 7c3b878..c85b59a 100644 --- a/bns/js/supplement/monitoring_coverage.js +++ b/bns/js/supplement/monitoring_coverage.js @@ -1,5 +1,5 @@ let form, layer, table, laydate, tableIns, user = getUser(); -let mapPointList = [],mainMapPointList = []; +let mapPointList = [], mainMapPointList = []; layui.use(['form', 'layer', 'table', 'laydate'], function () { form = layui.form; layer = layui.layer; @@ -9,7 +9,7 @@ layui.use(['form', 'layer', 'table', 'laydate'], function () { }) /* 数据初始化 */ -function initData(){ +function initData() { getHyd(); getFgd(); getMap(); @@ -20,7 +20,7 @@ function initData(){ } /* 获取监控活跃度分析 */ -function getHyd(){ +function getHyd() { let params = {}; let url = dataUrl + "proteam/pot/monitoringCoverage/getHyd"; ajaxRequest(url, "GET", params, true, function () { @@ -36,7 +36,7 @@ function getHyd(){ } /* 获取监控覆盖度分析 */ -function getFgd(){ +function getFgd() { let params = {}; let url = dataUrl + "proteam/pot/monitoringCoverage/getFgd"; ajaxRequest(url, "GET", params, true, function () { @@ -52,14 +52,14 @@ function getFgd(){ } /* 获取地图球机 */ -function getMap(){ +function getMap() { let params = {}; let url = dataUrl + "proteam/pot/monitoringCoverage/getMap"; ajaxRequest(url, "GET", params, true, function () { }, function (result) { if (result.code === 200) { let dataList = []; - $.each(result.data,function(index,item){ + $.each(result.data, function (index, item) { item.coordinate = [parseFloat(item.lon), parseFloat(item.lat)] dataList.push(item); }) @@ -74,13 +74,13 @@ function getMap(){ } /* 获取球机异常类型 */ -function getErrorNum(){ +function getErrorNum() { let params = {}; let url = dataUrl + "proteam/pot/monitoringCoverage/getErrorNum"; ajaxRequest(url, "GET", params, true, function () { }, function (result) { if (result.code === 200) { - $.each(result.data,function(index,item){ + $.each(result.data, function (index, item) { $('#num' + item.name).html(item.num); }) } else if (result.code === 500) { @@ -92,7 +92,7 @@ function getErrorNum(){ } /* 下行观看分析 */ -function getWatchNum(){ +function getWatchNum() { let params = {}; let url = dataUrl + "proteam/pot/monitoringCoverage/getWatchNum"; ajaxRequest(url, "GET", params, true, function () { @@ -109,7 +109,7 @@ function getWatchNum(){ } /* 风险球机覆盖度 */ -function getCoverRate(){ +function getCoverRate() { let params = {}; let url = dataUrl + "proteam/pot/monitoringCoverage/getCoverRate"; ajaxRequest(url, "GET", params, true, function () { @@ -126,7 +126,7 @@ function getCoverRate(){ } /* 球机速率正常/异常数量 */ -function getSpeedNum(){ +function getSpeedNum() { let params = {}; let url = dataUrl + "proteam/pot/monitoringCoverage/getSpeedNum"; ajaxRequest(url, "GET", params, true, function () { @@ -140,4 +140,13 @@ function getSpeedNum(){ }, function (xhr, status, error) { errorFn(xhr, status, error) }, null); +} + +function openHyd() { + let obj = { + type: 1, + title: '监控活跃度分析', + id: '' + } + openIframeByParamObj3("hyd_detail", "监控活跃度分析", "../supplement/child/monitoring_hyd_list.html", "62%", "85%", obj); } \ No newline at end of file diff --git a/bns/js/supplement/monitoring_coverage_echarts.js b/bns/js/supplement/monitoring_coverage_echarts.js index 771059a..6f39d46 100644 --- a/bns/js/supplement/monitoring_coverage_echarts.js +++ b/bns/js/supplement/monitoring_coverage_echarts.js @@ -21,7 +21,6 @@ function initEchartsOne(list) { type: 'shadow', }, formatter: function (params) { - console.error(params); let result = ''; $.each(list, function (index, item) { if (parseInt(params[0].name) === item.num) { @@ -143,6 +142,22 @@ function initEchartsOne(list) { window.addEventListener("resize", function () { myChart.resize(); }); + let name = '',id = ''; + myChart.off("click").on("click", function (params) { + $.each(list, function (index, item) { + if (parseInt(params.name) === item.num) { + name = item.name; + id = item.id; + } + }) + let obj = { + name: name, + type: 1, + title:'监控活跃度分析', + id:id + } + openIframeByParamObj3("hyd_detail", "监控活跃度分析", "../supplement/child/monitoring_hyd_list.html", "62%", "85%", obj); + }); } function initEchartsTwo(list) { @@ -271,6 +286,21 @@ function initEchartsTwo(list) { window.addEventListener("resize", function () { myChart2.resize(); }); + myChart2.off("click").on("click", function (params) { + console.error(params); + let id = ''; + $.each(list, function (index, item) { + if (params.name === item.name) { + id = item.id; + } + }) + let obj = { + type: 2, + title:'监控覆盖度分析', + id:id + } + openIframeByParamObj3("fgd_detail", "监控活跃度分析", "../supplement/child/monitoring_fgd_list.html", "62%", "85%", obj); + }); } function initEchartsThree(list) {