1.数据完整性列表调整

2.区域电能质量评估列表调整
3.调整监测点台账列表顺序
4.删除灿能电力字样
5.调整loge和ico图标
6.调整概览首页在线率和完整率数据
7.调整设备树的查询方式
This commit is contained in:
wr
2024-04-11 15:20:41 +08:00
parent 438c21880f
commit 051d4fc85a
43 changed files with 1169 additions and 208 deletions

View File

@@ -0,0 +1,131 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>电能质量评估列表</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
<link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
<link rel="stylesheet" href="${ctx}/css/plugin/ztree/zTreeStyle.css">
<link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrapSwitch/bootstrap-switch.min.css">
<link rel="stylesheet" href="${ctx}/css/basic.css">
<link rel="stylesheet" href="${ctx}/css/plugin/basicButton.css">
<link rel="stylesheet" href="${ctx}/css/tip.css">
<style>
body {
overflow: hidden;
}
#integritylist {
min-width: 2000px;
}
.tr {
text-align: center;
}
.td {
text-align: center;
height: 48px;
line-height: 48px
}
.table > tbody > tr > td {
padding: 5px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.pagination > li > a, .pagination > li > span {
padding: 6px 12px;
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="form-inline header mt10">
<label class="form-group">区域:</label>
<div class="form-group has-feedback mr10">
<div class="disinlineb">
<input id="area" class="form-control" style="width: 140px" readonly>
<i class="fa fa-caret-down areaicon"></i>
<i class="fa fa-caret-up treeUpIcon disnone"
style="color: #C9CBCE;position: absolute;left: 60px;font-size: 18px;z-index: 9999;top: 20px"></i>
<div class=" ztree treeUpDiv disnone " id="areaTree"
style="position: absolute;width: 140px;height: 147px;border: 2px solid #C9CBCE;overflow: auto;top: 32px;background: #fff;z-index: 100;border-radius: 2px">
</div>
</div>
</div>
<%@include file="../../include/time.jsp" %>
<button id="query" type="button" class="btn btn-primary ml5">
<i class="glyphicon glyphicon-search"></i>
</button>
<div class="form-group fr mr10" id="fliteData">
<label>筛选数据:</label>
<input type="text" class="form-control" onkeyup="searchResult(this.value)"
placeholder="空格分开多条件筛选数据">
</div>
</div>
<table id="integritylist" class="table table-striped table-bordered dataTable no-footer width100">
<thead>
<tr>
<th>序号</th>
<th>供电公司</th>
<th>变电站</th>
<th>监测点名称</th>
<th>综合评估</th>
<th>电压偏差(%)</th>
<th>频率偏差(Hz)</th>
<th>谐波含量(%)</th>
<th>电压闪变</th>
<th>三相电压不平衡度(%)</th>
</tr>
</thead>
</table>
</div>
<input id="_startTime" value="${startTime}" hidden>
<input id="_endTime" value="${endTime}" hidden>
<input id="_area" value="${area}" hidden>
<input id="_interval" value="${interval}" hidden>
<input id="gwType" value="${gwType}" hidden>
</body>
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${ctx}/js/plugin/datatables/datatables.jquery.js"></script>
<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
<script src="${ctx}/js/plugin/bootstrapSwitch/bootstrap-switch.min.js"></script>
<script src="${ctx}/js/plugin/layui/layer.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
<script src="${ctx}/js/plugin/ztree/jquery.ztree.core.js"></script>
<script src="${ctx}/js/area.js"></script>
<script src="${ctx}/js/plugin/xss/xss.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/js/color.js"></script>
<script src="${ctx}/jspJS/area/assesTable.js"></script>
<script src="${ctx}/jspJS/utils/helper.js"></script>
<script type="text/javascript">
$("#helper").click(function () {
toHelper("#jcdsjwzx");
});
var gwType = $("#gwType");
</script>
</html>

View File

@@ -82,9 +82,19 @@
<div class="form-inline disinlineb wanzhengdiv">
<div class="form-group has-feedback mr10">
<label>统计类型:</label>
<input type="checkbox" checked class="wanzheng"/>
<input type="checkbox" class="wanzheng" id="checkbox"/>
</div>
</div>
<label class="form-group">监测点性质:</label>
<select class="form-control" id="powerId">
<option value="">全部</option>
<option value="0">电网侧</option>
<option value="1">非电网侧</option>
<option value="2">电网侧(新能源)</option>
<option value="3">非电网侧(新能源)</option>
<option value="4">上送国网</option>
<option value="5">PCC</option>
</select><label class="form-group">
<button id="query" type="button" class="btn btn-primary ml5">
<i class="glyphicon glyphicon-search"></i>
</button>
@@ -121,6 +131,7 @@
<input id="_endTime" value="${endTime}" hidden>
<input id="_area" value="${area}" hidden>
<input id="_interval" value="${interval}" hidden>
<input id="gwType" value="${gwType}" hidden>
</body>
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
@@ -145,5 +156,6 @@
$("#helper").click(function () {
toHelper("#jcdsjwzx");
});
var gwType = $("#gwType");
</script>
</html>

View File

@@ -73,6 +73,16 @@
<option value="-1">全部</option>
</select>
</div>
<label class="form-group">监测点性质:</label>
<select class="form-control" id="powerId">
<option value="">全部</option>
<option value="0">电网侧</option>
<option value="1">非电网侧</option>
<option value="2">电网侧(新能源)</option>
<option value="3">非电网侧(新能源)</option>
<option value="4">上送国网</option>
<option value="5">PCC</option>
</select><label class="form-group">
<button id="query" type="button" class="btn btn-primary ml5">
<i class="glyphicon glyphicon-search"></i>
</button>
@@ -88,38 +98,35 @@
<th>序号</th>
<th>省公司</th>
<th>市公司</th>
<th>监测点电压等级</th>
<th>监测点名称</th>
<th>电能质量名称</th>
<th id="devNo" title="监测终端编号(电能质量监测系统终端编号)">监测终端编号</th>
<th>所属电站</th>
<th>母线名称</th>
<th>电能质量终端装置名称</th>
<th>监测点名称</th>
<th>监测点电压等级</th>
<th>监测点序号</th>
<th>干扰源类型</th>
<th>监测对象名称</th>
<th>电网侧变电站</th>
<th>监测装置网络参数</th>
<th>监测终端状态</th>
<th>监测装置通讯状态</th>
<th>最新数据时间</th>
<th>监测装置网络参数</th>
<th>监测装置安装位置</th>
<th>监测装置投运时间</th>
<th>监测装置型号</th>
<th>所属前置机</th>
<th>监测装置厂家</th>
<th>监测装置安装位置</th>
<th>监测厂家设备编号</th>
<th>监测点状态</th>
<th>监测点运行状态</th>
<th>最新数据时间</th>
<th>最小短路容量MVA</th>
<th>供电设备容量MVA</th>
<th>用户协议容量MVA</th>
<th>监测点状态</th>
<th>监测点运行状态</th>
<th>监测点序号</th>
<th>监测终端编号(电能质量监测系统终端编号)</th>
<th>监测厂家设备编号</th>
<th>监测点编号</th>
<th>监测点性质</th>
<th>所属前置机</th>
<th>监测终端接线方式</th>
<th>电压偏差上限</th>
<th>电压偏差下限</th>

View File

@@ -137,6 +137,7 @@
<input type="hidden" id="token" value="${token}">
<input id="_area" value="${area}" hidden>
<input id="gwType" value="${type}" hidden>
<input id="facturer" value="${manufacturer}" hidden>
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/jquery/jquery.dataTables.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
@@ -166,6 +167,8 @@
});
var $area = $("#area");
var gwType = $("#gwType");
var facturer = $("#facturer").val();
</script>
</body>
</html>

View File

@@ -21,21 +21,21 @@
</form>
</div>
<div id="search">
<input style="width: 200px; height: 25px;" id="search_value"
<input style="width: 94%; height: 25px;" id="search_value"
type="text" value="" placeholder="请输入关键词" autocomplete="off"
oninput="valueChange(this.value)" />
<button type="button" id="serchB"
class="btn-primary"
onclick="javascript: searchNode(search_value.value)"
style="height: 25px; width: 55px; border-radius: 4px; border: 1px solid;">
<i class="glyphicon glyphicon-search"></i>搜索
</button>
<button type="button" id="resetB"
class="btn-primary"
onclick="resetTree()"
style="padding: 0 5px; height: 25px; width: 55px; border-radius: 4px; border: 1px solid;display:none;">
<i class="glyphicon glyphicon-refresh"></i>重置
</button>
<%-- <button type="button" id="serchB"--%>
<%-- class="btn-primary"--%>
<%-- onclick="javascript: searchNode(search_value.value)"--%>
<%-- style="height: 25px; width: 55px; border-radius: 4px; border: 1px solid;">--%>
<%-- <i class="glyphicon glyphicon-search"></i>搜索--%>
<%-- </button>--%>
<%-- <button type="button" id="resetB"--%>
<%-- class="btn-primary"--%>
<%-- onclick=""--%>
<%-- style="padding: 0 5px; height: 25px; width: 55px; border-radius: 4px; border: 1px solid;display:none;">--%>
<%-- <i class="glyphicon glyphicon-refresh"></i>重置--%>
<%-- </button>--%>
</div>
<div id="tree" class="ztree" style="overflow: auto;margin-left: -8px;"></div>
</div>

View File

@@ -185,9 +185,9 @@
<shiro:hasPermission name="/pqs9000/area/harmonicrate">
<a href="javascript:void(0)" onclick="addTab('/pqs9000/area/harmonicrate','谐波总畸变率统计')">谐波总畸变率统计</a>
</shiro:hasPermission>
<%-- <shiro:hasPermission name="/pqs9000/area/onlinerate">--%>
<%-- <a href="javascript:void(0)" onclick="addTab('/pqs9000/area/onlinerate','终端在线率')">终端在线率</a>--%>
<%-- </shiro:hasPermission>--%>
<shiro:hasPermission name="/pqs9000/area/tomonitorscope">
<a href="javascript:void(0)" onclick="addTab('/pqs9000/business/tomonitorscope','监测点信息图')">监测点信息图</a>
</shiro:hasPermission>
<shiro:hasPermission name="/pqs9000/area/vdlist">
<a href="javascript:void(0)" onclick="addTab('/pqs9000/area/vdlist','暂态事件列表')">暂态事件列表</a>
</shiro:hasPermission>
@@ -303,7 +303,7 @@
</div>
</header>
<div class="footer-copy clearfix">
<div class="fr f13">CopyRight@2017 南京灿能电力自动化股份有限公司 版权所有</div>
<div class="fr f13"></div>
</div>
<div id="rightContent" style="position: absolute; left: 270px; right: 20px; top: 80px;">
<div id="tabs" style="width: 100%; height: 100%;">

View File

@@ -272,7 +272,7 @@
</div>
</header>
<div class="footer-copy clearfix">
<div class="fr f13">CopyRight@2017 南京灿能电力自动化股份有限公司 版权所有</div>
<div class="fr f13"></div>
</div>
<div id="rightContent" style="position: absolute; left: 270px; right: 20px; top: 80px;">
<div id="tabs" style="width: 100%; height: 100%;">

View File

@@ -394,8 +394,9 @@
district.setOption(option);
district.on('click', function (params) {
var city=params.data.areaIndex;
var gwtype= tiggleValue=="冀北省"?"0":"1";
if (getRole("/pqs9000/business/runtime") === 1) {
window.top.addTab('runtime?area='+city, '终端运行情况')
window.top.addTab('runtime?area='+city+"&type="+gwtype, '终端运行情况')
}
});
}
@@ -710,11 +711,11 @@
};
var factory = echarts.init(document.getElementById('company'));
factory.setOption(option);
factory.on('click', function () {
// var city=params.data.areaIndex;
alert(1)
factory.on('click', function (params) {
var gwtype= tiggleValue=="冀北省"?"0":"1";
var manufacturer= params.name;
if (getRole("/pqs9000/business/runtime") == 1) {
window.top.addTab('runtime', '终端运行情况')
window.top.addTab('runtime?type='+gwtype+"&manufacturer="+manufacturer, '终端运行情况')
}
});
}

View File

@@ -134,7 +134,23 @@
var companyLength;//厂家个数
var color;
var companyname;
var onlines = [];
var gwonlines = [];
var integralitys = [];
var gwintegralitys = [];
function rate(num) {
if(num.length===0){
return 0;
}
var dataNum = 0;
for (var i = 0; i < num.length; i++) {
if (!(num[i] === 3.1415)&&!(num[i] === 3.14159)) {
dataNum=dataNum+num[i];
}
}
return (dataNum/num.length).toFixed(2);
}
function initInfo() {
var endTime = getEndTime();
var startTime = getMonthStartTime(endTime);
@@ -153,13 +169,13 @@
var str1 = "<b style='font-size: 13px;color:" + color + ";'>" + data.body.name +
":</b>\n<b style='font-size: 12px;color:" + color + ";'>&nbsp;&nbsp;监测点数:" +data.body.pointCount +
"</b>\n<b style='font-size: 12px;color: " + color + ";'>&nbsp;&nbsp;终端数:" + data.body.count +
"</b>\n<b style='font-size: 12px;color: " + color + ";'>&nbsp;&nbsp;在线率:" + data.body.online +
"%</b>\n<b style='font-size: 12px;color: " + color + ";'>&nbsp;&nbsp;数据完整性:" + data.body.dataIntegrality + "%</b>\n";
"</b>\n<b style='font-size: 12px;color: " + color + ";'>&nbsp;&nbsp;在线率:" + rate(onlines) +
"%</b>\n<b style='font-size: 12px;color: " + color + ";'>&nbsp;&nbsp;数据完整性:" + rate(integralitys) + "%</b>\n";
var str2 = "<b style='font-size: 13px;color: " + color + ";'>" + companyname +
"</b>\n<b style='font-size: 12px;color: " + color + ";'>&nbsp;&nbsp;监测点数:" + data.body.gwPointCount +
"</b>\n<b style='font-size: 12px;color: " + color + ";'>&nbsp;&nbsp;终端数:" + data.body.gwCount +
"</b>\n<b style='font-size: 12px;color: " + color + ";'>&nbsp;&nbsp;在线率:" + data.body.gwOnline +
"%</b>\n<b style='font-size: 12px;color: " + color + ";'>&nbsp;&nbsp;数据完整性:" + data.body.gwDataIntegrality + "%</b>\n";
"</b>\n<b style='font-size: 12px;color: " + color + ";'>&nbsp;&nbsp;在线率:" + rate(gwonlines) +
"%</b>\n<b style='font-size: 12px;color: " + color + ";'>&nbsp;&nbsp;数据完整性:" + rate(gwintegralitys) + "%</b>\n";
var str = str0;
str += data.body.count == 0 ? "" : str1;
str += data.body.gwCount == 0 ? "" : str2;
@@ -181,7 +197,6 @@
}
})
initInfo();
var t1 = getRole("/pqs9000/business/frequency");
var t2 = getRole("/pqs9000/business/powerquality");
var t3 = 0;
@@ -513,6 +528,8 @@
onContent(id, title + info);
}
});
initInfo();
});
//画终端状态缩略图
@@ -557,6 +574,8 @@
}
itemStyle.normal=normalData;
singleData.itemStyle=itemStyle;
onlines[i]=Number(area[i].online);
gwonlines[i]=Number(area[i].gwonline);
rate[i]=singleData;
}
}
@@ -723,6 +742,8 @@
}
singleData.itemStyle = item;
inte[i] = singleData;
integralitys[i]=Number(area[i].dataIntegrity);
gwintegralitys[i]=Number(area[i].gwdataIntegrity);
}
}
var option = {

View File

@@ -0,0 +1,285 @@
var $area = $("#area");
var $startTime = $("#startTime");
var $endTime = $("#endTime");
var $timeType = $("#interval");
var dataTable = null;
var resultData = null;
var areaInfo;
var buttonname = '';
var companyname;
var tiggleValue = "";
var allNetsData = [];
var countryNetsData = [];
$("#interval").val("月份");
/**
* 电压等级排序自定义比较end
*/
$(function () {
//初始化区域
$.ajax({
type: "POST",
url: "/pqs9000/user/getAreasInfo",
dataType: 'json',
success: function (data) {
areaInfo = data;
$("#area").val(data[0].name);
$("#area").attr("index", data[0].id);
areaTree = $.fn.zTree.init($("#areaTree"), settingAreaTree, data);
//初始化页面内容
var sTemp = $("#_startTime").val();
var eTemp = $("#_endTime").val();
var aTemp = $("#_area").val();
var iTemp = $("#_interval").val();
sTemp = filterXSS(sTemp);
eTemp = filterXSS(eTemp);
aTemp = filterXSS(aTemp);
iTemp = filterXSS(iTemp);
if (sTemp === "" | sTemp === undefined) {
var area = $area.eq(0).attr("index");
var startTime = $startTime.eq(0).val();
var endTime = $endTime.eq(0).val();
refresh(area, startTime, endTime);
} else {
//填充区域、时间输入框
$("#startTime").val(sTemp);
$("#endTime").val(eTemp);
$("#interval").val(iTemp);
judgeInterval(iTemp);
if (aTemp === "" | aTemp === undefined) {
aTemp = $area.eq(0).attr("index");
} else {
$area.eq(0).val(getDeptsName(aTemp));
$area.eq(0).attr("index", aTemp);
}
refresh(aTemp, sTemp, eTemp);
}
}
});
var start = $startTime.eq(0).val();
var end = $endTime.eq(0).val();
$.ajax({
type: "POST",
data: {
start: start,
end: end
},
async: false,
url: "/pqs9000/device/getMsgInfo",
dataType: 'json',
success: function (data) {
buttonname = data.body.name;
tiggleValue = data.body.name;
}
});
$.ajax({
type: "POST",
url: "/pqs9000/theme/getThemeInfo",
async: false,
dataType: 'json',
success: function (data) {
companyname = data.body.name;
}
});
});
//点击确定,去后台请求参数
$("#query").click(function () {
var area = $area.eq(0).attr("index");
var startTime = $startTime.eq(0).val();
var endTime = $endTime.eq(0).val();
var devflag = $("#devflag").val();
var powerId = $("#powerId").val();
refresh(area, startTime, endTime,devflag,powerId);
});
//获取表格数据
function refresh(area, startTime, endTime,devflag,powerId) {
var i;
$.ajax({
type: "POST",
url: "/pqs9000/overview/assesTableData",
dataType: "json",
data: {
startTime: startTime,
endTime: endTime,
area: area,
},
beforeSend: function () {
i = ityzl_SHOW_LOAD_LAYER();
},
success: function (data) {
if (data.code === 500) {
layer.msg(data.message, {icon: 2, time: 2000})
//没有数据
allNetsData = null;
} else {
allNetsData = data.body;
}
startQuery();
//***********关闭loading
ityzl_CLOSE_LOAD_LAYER(i);
}
});
}
//实例化表格
function initTable(data) {
var height = $(window).height() - 155;
var length = Math.floor(height / 28);
if (length < 1) {
length = 1;
}
dataTable = $("#integritylist").DataTable();
dataTable.clear().draw();
dataTable = $('#integritylist').DataTable({
order: [1, "asc"],
columnDefs: [
{
orderable: false,
targets: 0
}
],
columns: [
{width: "2%", data: null},
{
width: "4%", data: "powerCompany", render: function (data, type, full, meta) {
var value = data;
if (data.length > 10) {
value = data.substring(0, 9) + "...";
value = "<span title=" + data + ">" + value + "</span>";
}
return value;
}
},
{
width: "4%", data: "substation", render: function (data, type, full, meta) {
var value = data;
if (data.length > 10) {
value = data.substring(0, 9) + "...";
value = "<span title=" + data + ">" + value + "</span>";
}
return value;
}
},
{
width: "4%", data: "lineName", render: function (data, type, full, meta) {
var value = data;
if (data.length > 12) {
value = data.substring(0, 11) + "...";
value = "<span title=" + data + ">" + value + "</span>";
}
return value;
}
},
{width: "2%", data: "synData"},
{width: "2%", data: "vuDevs"},
{width: "2%", data: "freqDev"},
{width: "2%", data: "dataPlt"},
{width: "2%", data: "vunbalanceCp95"},
{width: "2%", data: "vThdCp95"}
],
destroy: true,
data: data,
lengthChange: false,
searching: true,
dom: 'rtip',
scrollY: height,
scrollX: true,
lengthMenu: [length],
language: {
url: '/pqs9000/json/chine.json'
},
fnDrawCallback: function (oTable) {
$("#integritylist_info").addClass("fl");
$("#integritylist_paginate").addClass("fr");
$("#integritylist_paginate").append("<div style='float:right;padding-top:4px;padding-left:10px'>到第 <input type='text' id='changePage' class='input-text' style='width:50px;height:28px;'> 页 <button class='btn btn-primary' id='dataTable-btn'>确定</button></div>");
var table = $("#integritylist").dataTable();
$('#dataTable-btn').click(function (e) {
if ($("#changePage").val() && $("#changePage").val() > 0) {
var redirectpage = $("#changePage").val() - 1;
} else {
var redirectpage = 0;
}
table.fnPageChange(redirectpage);
});
}
});
var name = $area.find("option:selected").text();
new $.fn.dataTable.Buttons(dataTable, {
buttons: [
{
extend: 'csv',
title: name + '电能质量评估列表',//导出csv名称
exportOptions: {
columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
format: {
body: function (data, rID, cID) {
if (cID === 0) {
return rID + 1;
} else if (cID === 1 | cID === 2 | cID === 3) {
if (data.indexOf("title") > 0) {
return data.substring(data.indexOf("=") + 1, data.indexOf(">"));
} else {
return data
}
} else {
return data;
}
}
}
}
}
]
});
modifyCss(dataTable);
dataTable.on('order.dt search.dt',
function () {
dataTable.column(0, {
search: 'applied',
order: 'applied'
}).nodes().each(function (cell, i) {
cell.innerHTML = i + 1;
});
}).draw();
}
function modifyCss(dataTable) {
dataTable.buttons().container().css("display", "inline-block");
dataTable.buttons().container().css("float", "right");
dataTable.buttons().container().css("top", "4px");
dataTable.buttons().container().find("a").prepend("<i class='glyphicon glyphicon-share'></i>");
dataTable.buttons().container().appendTo('.header');
dataTable.buttons().container().after($("#fliteData")[0]);
}
//搜索表中的数据
function searchResult(value) {
dataTable.search(value).draw();
}
//特殊处理,表头紧缩问题--start
var it = null;
function startQuery() {
//实时刷新时间单位为毫秒
it = setInterval('refreshQuery()', 100);
}
/* 刷新查询 */
function refreshQuery() {
var width = $("#integritylist").width();
if (width > 100) {
initTable(allNetsData);
window.clearInterval(it)
}
}
//特殊处理,表头紧缩问题--end

View File

@@ -348,8 +348,9 @@ function drawAreaPic(area) {
var startTime = $startTime.eq(0).val();
var endTime = $endTime.eq(0).val();
var interval = $("#interval").val();
var gwType= tiggleValue=="冀北省"?"0":"1";
if (getRole("/pqs9000/area/integralitytable")) {
window.top.addTab('/pqs9000/area/integralitytable?startTime=' + startTime + '&endTime=' + endTime + '&area=' + city + '&interval=' + interval, '数据完整性列表')
window.top.addTab('/pqs9000/area/integralitytable?startTime=' + startTime + '&endTime=' + endTime + '&area=' + city + '&interval=' + interval+'&gwtype='+ gwType, '数据完整性列表')
}
}
});

View File

@@ -215,6 +215,7 @@ function initMap(quentityData, name, max, temp, unit,lineFeed,route) {
}
singleData.itemStyle = item;
}
singleData.areaIndex = quentityData[i].deptsIndex;
inte[i] = singleData;
}
}
@@ -286,6 +287,13 @@ function initMap(quentityData, name, max, temp, unit,lineFeed,route) {
}]
};
barOption.setOption(option);
barOption.on('click', function (params) {
var city = params.data.areaIndex;
var startTime = $startTime.eq(0).val();
var endTime = $endTime.eq(0).val();
var interval = $("#interval").val();
onContent(city, startTime, endTime,interval);
});
//填充表格
var height = picHeight * 0.5 - 40;
if (quentityData == null) {
@@ -327,7 +335,19 @@ function initMap(quentityData, name, max, temp, unit,lineFeed,route) {
],
})
}
function onContent(city, startTime, endTime,interval) {
layer.open({
id: 'overview',
type: 2,
title: "电能质量评估列表",
maxmin: false,
resize: false,
shadeClose: true, //点击遮罩关闭层
area: ['100%', '100%'],
content: "/pqs9000/overview/assesTable?starttime="+startTime+"&endtime="+endTime+"&area="+city+"&interval="+interval,
scrollbar: false
});
}
function renderMapEvent(data, f1, f2, f3, f4, f5, f6, f7, f8) {
//初始化绘制全国地图配置
var optionEvent = {

View File

@@ -96,7 +96,13 @@ $(function () {
companyname = data.body.name;
}
});
//初始化页面内容(1是国网 0是全部)
if (gwType.val() == '1') {
tiggleValue="国网";
$("#checkbox").prop('checked', false);
} else {
$("#checkbox").prop('checked', true);
}
//开关初始化
$(".wanzheng").bootstrapSwitch({
onText: buttonname, // 设置ON文本
@@ -125,12 +131,12 @@ $("#query").click(function () {
var startTime = $startTime.eq(0).val();
var endTime = $endTime.eq(0).val();
var devflag = $("#devflag").val();
refresh(area, startTime, endTime,devflag);
var powerId = $("#powerId").val();
refresh(area, startTime, endTime,devflag,powerId);
});
//获取表格数据
function refresh(area, startTime, endTime,devflag) {
console.log(devflag)
function refresh(area, startTime, endTime,devflag,powerId) {
var i;
$.ajax({
type: "POST",
@@ -140,7 +146,8 @@ function refresh(area, startTime, endTime,devflag) {
startTime: startTime,
endTime: endTime,
area: area,
devflag:devflag
devflag:devflag,
powerId:powerId
},
beforeSend: function () {
i = ityzl_SHOW_LOAD_LAYER();

View File

@@ -66,12 +66,14 @@ function initData(type) {
voltage: null,
loadType: null,
appear: null,
powerId: null,
}
} else {
let scale = getOptions("voltage")
let type = getOptions("type")
let status = $("#status").val()
let appear = $("#appear").val()
let powerId = $("#powerId").val();
area = $area.eq(0).attr("index");
let dept = []
dept.push(area)
@@ -91,7 +93,8 @@ function initData(type) {
areaList: dept,
voltage: scale,
loadType: type,
appear: appear
appear: appear,
powerId:powerId
}
}
@@ -136,11 +139,13 @@ function initTable(data) {
{width: "0%",data:null},
{width: "6%", data: "province"},
{width: "7%", data: "gdName"},
{width: "3%", data: "scale"},
{width: "4%", data: "lineName"},
{width: "4%", data: "electricityQualityName"},
{width: "3%", data: "devName"},
{width: "4%", data: "subName"},
{width: "4%", data: "busBarName"},
{width: "4%", data: "electricityQualityName"},
{width: "4%", data: "lineName"},
{width: "3%", data: "scale"},
{width: "3%", data: "lineNum"},
{width: "5%", data: "loadType"},
{
width: "1%", data: "objName", render: function (data) {
@@ -148,14 +153,35 @@ function initTable(data) {
}
},
{width: "3%", data: "powerSubstationName"},
{width: "3%", data: "ip"},
{width: "3%", data: "devflag"},
{width: "3%", data: "devStatus"},
{width: "3%", data: "updateTime"},
{width: "3%", data: "ip"},
{width: "3%", data: "devLocation"},
{width: "3%", data: "time"},
{width: "3%", data: "devType"},
{width: "3%", data: "nodeName"},
{width: "3%", data: "manufacturer"},
{width: "3%", data: "devNo"},
{
width: "7%", data: "status", render: function (data) {
if (data == 1) {
return "正常"
} else {
return "中断"
}
}
},
{width: "3%", data: "lineStatus"},
{width: "3%", data: "updateTime"},
{width: "3%", data: "dlCmp"},
{width: "3%", data: "devCmp"},
{width: "3%", data: "xyCmp"},
{width: "3%", data: "monitorId", render: function (data, type, full, meta) {
if (data == null || data === ' '){
return "/"
}
return data;
}
},
{width: "3%", data: "powerId", render: function (data, type, full, meta) {
switch (data) {
case 0:
@@ -173,29 +199,7 @@ function initTable(data) {
}
}
},
{width: "3%", data: "dlCmp"},
{width: "3%", data: "devCmp"},
{width: "3%", data: "xyCmp"},
{
width: "7%", data: "status", render: function (data) {
if (data == 1) {
return "正常"
} else {
return "中断"
}
}
},
{width: "3%", data: "lineStatus"},
{width: "3%", data: "lineNum"},
{width: "3%", data: "devName"},
{width: "3%", data: "devNo"},
{width: "3%", data: "monitorId", render: function (data, type, full, meta) {
if (data == null || data === ' '){
return "/"
}
return data;
}
},
{width: "3%", data: "nodeName"},
{
width: "6%", data: "ptType", render: function (data, type, full, meta) {
switch (data) {
@@ -261,9 +265,9 @@ function initTable(data) {
},
createdRow: function ( row, data, index ) {
if(data.status=="1"){
$('td', row).eq(20).css('color','#00ff04')
$('td', row).eq(21).css('color','#00ff04')
}else if(data.status=="0"){
$('td', row).eq(20).css('color','#ED1C24')
$('td', row).eq(21).css('color','#ED1C24')
}

View File

@@ -39,30 +39,7 @@ var area = null;
var devTypeBefore = "";//记录之前的状态
var devTypeNow = "";//记录更改后的状态
$(document).ready(function () {
$.ajax({
type: "POST",
url: "/pqs9000/user/getAreasInfo",
dataType: 'json',
success: function (data) {
$("#area").val(data[0].name);
$("#area").attr("index", data[0].id);
areaTree = $.fn.zTree.init($("#areaTree"), settingAreaTree, data);
areaInfo = data;
//初始化页面内容
var aTemp = $("#_area").val();
aTemp = filterXSS(aTemp);
if (aTemp === "" || aTemp === undefined) {
aTemp = $area.eq(0).attr("index");
} else {
$area.eq(0).val(getDeptsName(aTemp));
$area.eq(0).attr("index", aTemp);
}
area = aTemp;
load();
}
})
getGdnameG();
//load();
});
$("#query").click(function () {
area = $area.eq(0).attr("index");
@@ -93,12 +70,41 @@ function getGdnameG() {
success: function (data) {
if (data.body != null) {
for (var i = 0; i < data.body.length; i++) {
var option = $("<option style='text-align: center;' value='"
+ data.body[i].manufacturer + "'>"
+ data.body[i].manufacturer + "</option>");
var option ;
if(data.body[i].manufacturer === facturer){
option = $("<option style='text-align: center;' value='"
+ data.body[i].manufacturer + "' selected>"
+ data.body[i].manufacturer + "</option>");
}else{
option = $("<option style='text-align: center;' value='"
+ data.body[i].manufacturer + "'>"
+ data.body[i].manufacturer + "</option>");
}
$("#manufacturer").append(option);
}
}
$.ajax({
type: "POST",
url: "/pqs9000/user/getAreasInfo",
dataType: 'json',
success: function (data) {
$("#area").val(data[0].name);
$("#area").attr("index", data[0].id);
areaTree = $.fn.zTree.init($("#areaTree"), settingAreaTree, data);
areaInfo = data;
//初始化页面内容
var aTemp = $("#_area").val();
aTemp = filterXSS(aTemp);
if (aTemp === "" || aTemp === undefined) {
aTemp = $area.eq(0).attr("index");
} else {
$area.eq(0).val(getDeptsName(aTemp));
$area.eq(0).attr("index", aTemp);
}
area = aTemp;
load();
}
})
}
})
}

View File

@@ -274,59 +274,61 @@ function closeHigh() {
// 模糊搜索name满足条件的节点
function searchNode(value) {
if (value == "")
return;
// var treeObj = $.fn.zTree.getZTreeObj("tree");
// var allNodes = treeObj.getNodes();
// treeObj.hideNodes(allNodes);
// var nodes = treeObj.getNodesByParamFuzzy("name", value);// 获取搜索的节点
//
// closeHigh();
//
// treeObj.expandAll(false);// 展开第一层节点
// treeObj.expandNode(treeObj.getNodes()[0], true);
//
// // 高亮并展开搜索到的节点
// for (var i = 0; i < nodes.length; i++) {
// if(nodes[i].nodeType == 5){
// treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode().getParentNode().getParentNode());
// treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode().getParentNode());
// treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode());
// treeObj.showNode(nodes[i].getParentNode().getParentNode());
// treeObj.showNode(nodes[i].getParentNode());
// treeObj.showNode(nodes[i]);
// }else if(nodes[i].nodeType == 4){
// treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode().getParentNode());
// treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode());
// treeObj.showNode(nodes[i].getParentNode().getParentNode());
// treeObj.showNode(nodes[i].getParentNode());
// treeObj.showNode(nodes[i]);
// treeObj.showNode(nodes[i].children);
// }else if(nodes[i].nodeType == 3){
// var a = nodes[i].getParentNode().getParentNode().getParentNode();
// treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode());
// treeObj.showNode(nodes[i].getParentNode().getParentNode());
// treeObj.showNode(nodes[i].getParentNode());
// treeObj.showNode(nodes[i]);
// treeObj.showNode(nodes[i].children);
// }else if(nodes[i].nodeType == 2){
// treeObj.showNode(nodes[i].getParentNode().getParentNode());
// treeObj.showNode(nodes[i].getParentNode());
// treeObj.showNode(nodes[i]);
// treeObj.showNode(nodes[i].children);
// }else if(nodes[i].nodeType == 1){
// treeObj.showNode(nodes[i].getParentNode());
// treeObj.showNode(nodes[i]);
// treeObj.showNode(nodes[i].children);
// }else if(nodes[i].nodeType == 0){
// treeObj.showNode(nodes[i]);
// treeObj.showNode(nodes[i].children);
// }
// nodes[i].highlight = true;
// treeObj.updateNode(nodes[i]); // 更新节点,让高亮生效
// treeObj.expandNode(nodes[i].getParentNode(), true);
// }
// if (value == ""){
// resetTree()
// return;
// }
var treeObj = $.fn.zTree.getZTreeObj("tree");
var allNodes = treeObj.getNodes();
treeObj.hideNodes(allNodes);
var nodes = treeObj.getNodesByParamFuzzy("name", value);// 获取搜索的节点
closeHigh();
treeObj.expandAll(false);// 展开第一层节点
treeObj.expandNode(treeObj.getNodes()[0], true);
// 高亮并展开搜索到的节点
for (var i = 0; i < nodes.length; i++) {
if(nodes[i].nodeType == 5){
treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode().getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode());
treeObj.showNode(nodes[i]);
}else if(nodes[i].nodeType == 4){
treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode());
treeObj.showNode(nodes[i]);
treeObj.showNode(nodes[i].children);
}else if(nodes[i].nodeType == 3){
var a = nodes[i].getParentNode().getParentNode().getParentNode();
treeObj.showNode(nodes[i].getParentNode().getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode());
treeObj.showNode(nodes[i]);
treeObj.showNode(nodes[i].children);
}else if(nodes[i].nodeType == 2){
treeObj.showNode(nodes[i].getParentNode().getParentNode());
treeObj.showNode(nodes[i].getParentNode());
treeObj.showNode(nodes[i]);
treeObj.showNode(nodes[i].children);
}else if(nodes[i].nodeType == 1){
treeObj.showNode(nodes[i].getParentNode());
treeObj.showNode(nodes[i]);
treeObj.showNode(nodes[i].children);
}else if(nodes[i].nodeType == 0){
treeObj.showNode(nodes[i]);
treeObj.showNode(nodes[i].children);
}
nodes[i].highlight = true;
treeObj.updateNode(nodes[i]); // 更新节点,让高亮生效
treeObj.expandNode(nodes[i].getParentNode(), true);
}
var hiddenNodes = [];
var ztreeObj = $.fn.zTree.getZTreeObj("tree");
@@ -343,8 +345,8 @@ function searchNode(value) {
closeHigh();
// treeObj.expandAll(false);// 展开第一层节点
// treeObj.expandNode(treeObj.getNodes()[0], true);
treeObj.expandAll(false);// 展开第一层节点
treeObj.expandNode(treeObj.getNodes()[0], true);
// 高亮并展开搜索到的节点
for (var i = 0; i < nodes.length; i++) {
@@ -356,8 +358,8 @@ function searchNode(value) {
// treeObj.expandAll(true);
$("#serchB").css("display", "none");
$("#resetB").css("display", "");
// $("#serchB").css("display", "none");
// $("#resetB").css("display", "");
}
/**
* 查找子结点如果匹配模糊查询的关键字则返回false否则返回true
@@ -467,6 +469,9 @@ function getTreeSelected(type) {
function valueChange(value) {
if (value == '') {
closeHigh();
resetTree();
}else{
searchNode(value);
}
}