1.数据完整性列表调整
2.区域电能质量评估列表调整 3.调整监测点台账列表顺序 4.删除灿能电力字样 5.调整loge和ico图标 6.调整概览首页在线率和完整率数据 7.调整设备树的查询方式
This commit is contained in:
@@ -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>
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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%;">
|
||||
|
||||
@@ -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%;">
|
||||
|
||||
@@ -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, '终端运行情况')
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@@ -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 + ";'> 监测点数:" +data.body.pointCount +
|
||||
"</b>\n<b style='font-size: 12px;color: " + color + ";'> 终端数:" + data.body.count +
|
||||
"</b>\n<b style='font-size: 12px;color: " + color + ";'> 在线率:" + data.body.online +
|
||||
"%</b>\n<b style='font-size: 12px;color: " + color + ";'> 数据完整性:" + data.body.dataIntegrality + "%</b>\n";
|
||||
"</b>\n<b style='font-size: 12px;color: " + color + ";'> 在线率:" + rate(onlines) +
|
||||
"%</b>\n<b style='font-size: 12px;color: " + color + ";'> 数据完整性:" + rate(integralitys) + "%</b>\n";
|
||||
var str2 = "<b style='font-size: 13px;color: " + color + ";'>" + companyname +
|
||||
"</b>\n<b style='font-size: 12px;color: " + color + ";'> 监测点数:" + data.body.gwPointCount +
|
||||
"</b>\n<b style='font-size: 12px;color: " + color + ";'> 终端数:" + data.body.gwCount +
|
||||
"</b>\n<b style='font-size: 12px;color: " + color + ";'> 在线率:" + data.body.gwOnline +
|
||||
"%</b>\n<b style='font-size: 12px;color: " + color + ";'> 数据完整性:" + data.body.gwDataIntegrality + "%</b>\n";
|
||||
"</b>\n<b style='font-size: 12px;color: " + color + ";'> 在线率:" + rate(gwonlines) +
|
||||
"%</b>\n<b style='font-size: 12px;color: " + color + ";'> 数据完整性:" + 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 = {
|
||||
|
||||
285
pqs9000/src/main/webapp/jspJS/area/assesTable.js
Normal file
285
pqs9000/src/main/webapp/jspJS/area/assesTable.js
Normal 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
|
||||
|
||||
|
||||
@@ -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, '数据完整性列表')
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
@@ -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 = {
|
||||
|
||||
@@ -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();
|
||||
|
||||
@@ -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')
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -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();
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user