diff options
| author | fangshunjian <[email protected]> | 2019-01-22 12:13:38 +0600 |
|---|---|---|
| committer | fangshunjian <[email protected]> | 2019-01-22 12:14:14 +0600 |
| commit | 9b39c65447fc174d9c4bec51ea290b4eb2b9a811 (patch) | |
| tree | 7d1dc0ef331fd20475aa17628b25b70747ddf0e3 /WebRoot | |
| parent | 97248b92bac0c7c83f34880c7f7ee195700f18c8 (diff) | |
1、新增 inline-device 历史流量折线图k18-1.0
2、优化交换机监测折线图 查询语句
3、修改 监测设置,一个字段只能设置一个告警配置的限制
4、修改首页菜单宽度
Diffstat (limited to 'WebRoot')
| -rw-r--r-- | WebRoot/images/newtopo/ASEM-T102-FRONT.png | bin | 16577 -> 16648 bytes | |||
| -rw-r--r-- | WebRoot/main.jsp | 10 | ||||
| -rw-r--r-- | WebRoot/page/detection/monitorData/drawSwitchportMonitorInfo.jsp | 1 | ||||
| -rw-r--r-- | WebRoot/page/detection/monitorData/grafana.jsp | 6 | ||||
| -rw-r--r-- | WebRoot/page/detection/monitorData/inlineInfoList.jsp | 55 | ||||
| -rw-r--r-- | WebRoot/page/detection/monitorData/inlineSwitchportMonitorInfo.jsp | 564 | ||||
| -rw-r--r-- | WebRoot/page/detection/switchInfo/switchInfoTotalList.jsp | 4 |
7 files changed, 624 insertions, 16 deletions
diff --git a/WebRoot/images/newtopo/ASEM-T102-FRONT.png b/WebRoot/images/newtopo/ASEM-T102-FRONT.png Binary files differindex b1ab59b..ea8d518 100644 --- a/WebRoot/images/newtopo/ASEM-T102-FRONT.png +++ b/WebRoot/images/newtopo/ASEM-T102-FRONT.png diff --git a/WebRoot/main.jsp b/WebRoot/main.jsp index c71aea1..bcc58c5 100644 --- a/WebRoot/main.jsp +++ b/WebRoot/main.jsp @@ -424,13 +424,15 @@ html, body { .nav a span{
margin-left: 40px;
}
-
+#leftNodes {
+ width:250px;
+}
.middle_tab{
- left: 210px;
+ left: 250px;
}
.middle_right{
- left : 215px;
+ left : 255px;
}
@@ -564,7 +566,7 @@ html, body { <table>
<tr valign="buttom" id="titles">
<td width="100%" height="18" background="<c:url value='/images/main_58.png'/>">
- <div align="center" style="width: 210px;background-color: #a81e32">
+ <div align="center" style="width: 250px;background-color: #a81e32">
<span id="show" class="STYLE1"
style="color: rgb(242, 229, 229);cursor:pointer; font-weight: bold;width: 100%">▽i18n_main.text.show1_n81i▽</span>
</div>
diff --git a/WebRoot/page/detection/monitorData/drawSwitchportMonitorInfo.jsp b/WebRoot/page/detection/monitorData/drawSwitchportMonitorInfo.jsp index b306c38..c45220a 100644 --- a/WebRoot/page/detection/monitorData/drawSwitchportMonitorInfo.jsp +++ b/WebRoot/page/detection/monitorData/drawSwitchportMonitorInfo.jsp @@ -29,6 +29,7 @@ <script type="text/javascript" src="<c:url value='/js/WebCalendar.js' />"></script>
<script>
var oldDrawDiv = "1";
+ Highcharts.setOptions({global: {useUTC: false}});
$(function() {
$( "#tabs" ).tabs();
$( "#tabs" ).removeClass("ui-widget");//删除ui样式(此样式会使折线图下方navigator失灵)
diff --git a/WebRoot/page/detection/monitorData/grafana.jsp b/WebRoot/page/detection/monitorData/grafana.jsp index 9ef4915..30396d9 100644 --- a/WebRoot/page/detection/monitorData/grafana.jsp +++ b/WebRoot/page/detection/monitorData/grafana.jsp @@ -58,10 +58,10 @@ addr:"Astana",
url:'http://10.0.5.19:8086/query'
},
- /* "100001":{
+ "100001":{
addr:"Almaty",
- url:'http://10.0.5.19:8086/query'
- } */
+ url:'http://10.0.5.15:8086/query'
+ }
};
//配置查询相关信息
var queryInfo = {
diff --git a/WebRoot/page/detection/monitorData/inlineInfoList.jsp b/WebRoot/page/detection/monitorData/inlineInfoList.jsp index 2d33b17..1b4b9d5 100644 --- a/WebRoot/page/detection/monitorData/inlineInfoList.jsp +++ b/WebRoot/page/detection/monitorData/inlineInfoList.jsp @@ -32,6 +32,23 @@ document.form3.submit();
}
+
+ //绘制折线图
+ function drawPic(deviceId,seqId,title){
+ var url = "/nmsweb/detection/inlineDevice.do?action=drawPic&checkTypeId=10&dsiId=9&sqId="+seqId +"&deviceId=" + deviceId;
+ //iframe窗
+ top.layer.open({
+ type: 2,
+ title: title,
+ shadeClose: false,
+ shade: 0.6 ,
+ maxmin: true, //开启最大化最小化按钮
+ area: ['1200px', '750px'],
+ content: url
+ });
+ }
+
+
jQuery(function(){
$("#info").floatHeaderDiv();
})
@@ -65,31 +82,40 @@ <div class="box_2"><jsp:include page="/include/include.jsp" /></div>
<table border="0" cellpadding="0" cellspacing="0" class="table">
<tr>
- <td width="5%" class="color_top">
+ <td width="2%" class="color_top">
IP
</td>
- <td width="5%" class="color_top">
+ <td width="2%" class="color_top">
+ Device ID
+ </td>
+ <td width="2%" class="color_top">
+ Link ID
+ </td>
+ <td width="3%" class="color_top">
i18n_deviceType_n81i
</td>
- <td width="5%" class="color_top">
+ <td width="2%" class="color_top">
i18n_addr_n81i
</td>
<td width="5%" class="color_top">
i18n_isp_n81i
</td>
- <td width="5%" class="color_top">
+ <td width="2%" class="color_top">
pass status
</td>
- <td width="10%" class="color_top"><!-- 输入速度 mbps -->
+ <td width="5%" class="color_top"><!-- 输入速度 mbps -->
i18n_sdigp.text.inoctetsspeed_n81i
</td>
- <td width="10%" class="color_top"><!-- 输入包速率 pps -->
+ <td width="5%" class="color_top"><!-- 输入包速率 pps -->
i18n_sdigp.text.inpktsspeed_n81i
</td>
- <td width="10%" class="color_8">
+ <td width="5%" class="color_8">
<!-- 更新时间 -->i18n_dclwl.text.dataCheckTime_n81i
</td>
+ <td width="15%" class="color_8">
+ ODF
+ </td>
</tr>
<c:choose>
<c:when test="${fn:length(page.result) > 0}">
@@ -105,6 +131,12 @@ ${item['ip_addr']}
</td>
<td class="${color }">
+ ${item['device_id']}
+ </td>
+ <td class="${color }">
+ ${item['link_id']}
+ </td>
+ <td class="${color }">
${item['device_type']}
</td>
<td class="${color }">
@@ -118,6 +150,9 @@ </td>
<td class="${color }">
${item['INOCTETSSPEED']}
+ <a href="javascript:drawPic(${item['id'] },${item['seq_id'] },'${item['ip_addr']}-${item['isp_key_name']}')">
+ <img src="${pageContext.request.contextPath }/images/action.png" border=0 height="15" width="15" alt="" title="i18n_miln.message.drawPic_n81i" />
+ </a>
</td>
<td class="${color }">
${item['INPKTSSPEED']}
@@ -125,6 +160,9 @@ <td class="${color }">
${item['DATA_CHECK_TIME']}
</td>
+ <td class="${color }">
+ ${item['ODF']}
+ </td>
<tr>
</c:forEach>
</c:when>
@@ -142,6 +180,9 @@ </c:if>
</form>
</div>
+
+ <div id="chartDiv"></div>
+
</body>
</html>
diff --git a/WebRoot/page/detection/monitorData/inlineSwitchportMonitorInfo.jsp b/WebRoot/page/detection/monitorData/inlineSwitchportMonitorInfo.jsp new file mode 100644 index 0000000..b9e94f5 --- /dev/null +++ b/WebRoot/page/detection/monitorData/inlineSwitchportMonitorInfo.jsp @@ -0,0 +1,564 @@ +<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
+<%@ taglib uri="/jstl/c" prefix="c"%>
+<%@ taglib uri="/jstl/fn" prefix="fn"%>
+<%@ taglib uri="/jstl/fmt" prefix="fmt"%>
+<%
+ String path = request.getContextPath();
+ String basePath = request.getScheme() + "://"
+ + request.getServerName() + ":" + request.getServerPort()
+ + path + "/";
+%>
+
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>i18n_dswmi.message.title_n81i</title>
+ <link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
+ type="text/css" />
+ <link href="<c:url value='/js/dtree/css/dtree.css'/>"
+ rel="stylesheet" type="text/css" />
+ <link href="<%=path%>/css/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css"></link>
+ <link href="<%=path%>/css/themes/base/jquery.ui.css" rel="stylesheet" type="text/css"></link>
+
+ <script type="text/javascript"src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
+ <script type="text/javascript"
+ src="<c:url value='/js/ui/jquery-ui.min.js'/>"></script>
+ <script type="text/javascript"
+ src="<c:url value='/js/highcharts.js'/>"></script>
+ <script type="text/javascript" src="<c:url value='/js/WebCalendar.js' />"></script>
+ <script>
+ var oldDrawDiv = "1";
+
+ Highcharts.setOptions({global: {useUTC: false}});
+ $(function() {
+ $( "#tabs" ).tabs();
+ $( "#tabs" ).removeClass("ui-widget");//删除ui样式(此样式会使折线图下方navigator失灵)
+ if(document.getElementById("tabs-1")){
+ $("a[dtype='cli']:eq(0)").trigger('click');
+ }
+
+ $("#ok").click(function() {
+ var result = "";
+ var num = $(".checks:checked").size();
+ //if(num>2){
+ //alert("请选择不大于2个标识进行绘图,以使页面流畅");
+ //return;
+ //}else{
+ $(".checks:checked").each(function() {
+ var lable = $(this).closest("label");
+ result += lable.attr("ids")+',';
+ });
+ //if (result == "" || result =="undefined") {
+ //alert("请选择绘制统计图标识");
+ //return;
+ //} else {
+ var metaId= $("#mid").val();
+
+ var drwTo= $("#tabIndex").val();
+ getPicScorce(metaId,drwTo);
+ //清空选择
+ //$(".checks").removeAttr("checked");
+ //resetBg();
+ //}
+ //}
+ })
+
+ $("#clear").click(function() {
+ $(".checks").removeAttr("checked");
+ resetBg();
+ })
+
+ $(".checks").click(function() {
+ resetBg();
+ })
+ });
+
+ function resetBg() {
+ $(".checks").each(function() {
+ var label = $(this).closest("label");
+ if ($(this).is(":checked")) {
+ label.css("background-Color", "#B5C19B");
+ } else {
+ label.css("background-Color", "");
+ }
+ })
+ }
+
+ //type为空是服务器检测菜单
+ //type=1:网元监测
+ //type=1:异常网元
+ //showHistory不为空是查询监测历史记录
+ function goBack(){
+ var action ="<c:url value='/detection/monitorData.do?action=query'/>";
+ if($("#type").val()== "1"){
+ action ="<c:url value='/detection/monitorData.do?action=queryNE'/>";
+ }else if($("#type").val()== "2"){
+ action ="<c:url value='/detection/monitorData.do?action=queryAbnormalSet'/>";
+ }
+ if($("#showHistory").val()== "history"){
+ action ="<c:url value='/detection/monitorData.do?action=showDetectionInfo'/>";
+ }
+ if($("#flag").val()== "queryEmergent"){
+ action ="<c:url value='/detection/monitorData.do?action=queryEmergent'/>";
+ }
+ if($("#flag").val()== "queryEmergentDetail"){
+ action ="<c:url value='/detection/monitorData.do?action=queryEmergentDetail&requestType=topo&nodeGroupId=${nodeGroupId}&nodeId=${nodeId}'/>";
+ }
+ if($("#requestType").val()== "newTopo"){
+ action ="<c:url value='/detection/monitorData.do?action=query&nodeId=${nodeId}'/>";
+ }
+ document.Mkform.action=action;
+ document.Mkform.submit();
+ }
+
+ //查询记录
+ function qry(){
+ var startTime = $("#startTime").val();
+ if(startTime==""){
+ alert("i18n_dswmi.message.startTime_n81i");
+ return;
+ }
+ var endTime = $("#endTime").val();
+ if(endTime==""){
+ alert("i18n_dswmi.message.endTime_n81i");
+ return;
+ }
+ var start=new Date(startTime.replace(/-/g,"/"));//起始时间操作值
+ var start1=new Date(startTime.replace(/-/g,"/"));//起始时间备份
+ start.setDate(start.getDate()+7);//起始时间日期加一周 用来与结束时间比较
+ var end=new Date(endTime.replace(/-/g,"/"));//结束时间
+ if(end<=start1){
+ alert("i18n_dswmi.message.startGtEnd_n81i");
+ return;
+ }
+ if(end>start){
+ alert("i18n_dswmi.message.intervalErr_n81i");
+ return;
+ }
+ $("#ok").click();
+ }
+
+ var seriesOptions = [];
+ var policeValue;
+ var xtilte="";
+ var ytitle="";
+
+ function getPicScorce(metaid,drwTo){
+ var lns = "";
+ $(".checks:checked").each(function() {
+ var lable = $(this).closest("label");
+ lns += lable.attr("ids")+',';
+ });
+
+ $("#tabIndex").val(drwTo);
+ $("#mid").val(metaid);//此行要在 判断是否选择绘制统计图标识的前面,否则点击其他tab时,再选择端口,点击确定时,不显示曲线图,因为展示的字段仍是之前的tab,所以当前tab不会显示曲线图
+ seriesOptions = [];//清空数据源
+
+ if (lns == "" || lns =="undefined") {
+ //避免切换tab时,先看到旧的曲线图,再刷新为新的曲线图
+ //$("#tabs-"+oldDrawDiv).empty();
+ //$("#tabs-"+oldDrawDiv).append('');
+ //如果未选择统计图标识,则新tab需要清理内容,否则显示的是之前的内容
+ $("#tabs-"+drwTo).empty();
+ $("#tabs-"+drwTo).append('');
+ alert("i18n_dswmi.message.selectToChart_n81i");
+ return;
+ }
+
+
+ $.ajax( {
+ url : "<%=path%>/detection/monitorData!getSwitchportSource.do?metaId="+metaid+"&dId="+$('#did').val()+"&cId="+$('#ctid').val()+"&seqId="+$('#seqId').val()+"&lns="+lns+"&startTime="+$('#startTime').val()+"&endTime="+$('#endTime').val()+"&type="+$('#type').val()+"&requestType="+$('#requestType').val()+"&nodeGroupId="+$('#nodeGroupId').val(),
+ type : "POST",
+ dataType : "json",
+ success : function(datas) {
+ if(datas!=null){
+ $('#tabsHidd-'+drwTo).val('1');
+ xtitle = datas[0].xtitle;
+ ytitle = datas[0].ytitle;
+ policeValue = datas[0].policeVal;
+ var lines = datas[1].lines;
+ seriesOptions = [];
+ if(lines[0].data==null || lines[0].data.length==0){// 针对丢包数,仅显示一条折线
+ seriesOptions[0] = {
+ name: lines[2].name,
+ data: lines[2].data,
+ type: 'line'
+ };
+ } else {// 针对bps\pps,显示一条step线和点
+ seriesOptions[0] = {
+ name: lines[0].name,
+ data: lines[0].data,
+ type: 'line',
+ step: true,
+ color: '#0CF223'
+ };
+ seriesOptions[1] = {
+ name: lines[1].name,
+ data: lines[1].data,
+ type: 'scatter',
+ color : '#0896E9'
+ };
+ }
+
+ if((lines[0].data == null || lines[0].data == "") && (lines[2].data == null || lines[2].data == "") ){
+ $("#tabs-"+drwTo).empty();
+ $("#tabs-"+drwTo).append('i18n_dswmi.message.noData_n81i');
+ }else{
+ //$.each(lines, function(k, da) {
+ //seriesOptions[k] = {
+ // name: da.name,
+ // data: da.data
+ //};
+ createChart(policeValue,drwTo);
+ //});
+ }
+ }else{
+ $("#tabs-"+drwTo).empty();
+ $("#tabs-"+drwTo).append('i18n_dswmi.message.noData_n81i');
+ }
+ }
+ })
+ oldDrawDiv = drwTo;
+ if (lns == "" || lns =="undefined") {
+ $(".checks").first().addr("checked","true");
+ }
+ }
+
+ function createChart(policeNum,dto) {
+ var chartObj = new Highcharts.Chart(
+ {
+ chart : {
+ renderTo : 'tabs-'+dto,
+ zoomType : 'x',
+ showAxes : true,
+ spacingRight : 20,
+ defaultSeriesType : 'line',
+ borderWidth: 1
+ },
+ title : {
+ text : xtitle
+ },
+ subtitle : {
+ text : ''//这是副标题内容
+ },
+ xAxis : {
+ type : 'datetime',
+ //maxZoom : 1000 * 60 * 60 * 24 *14,
+ //startOfWeek: 50,
+ labels : {
+ rotation : 20,
+ y : 20,
+ x : 20
+ },
+ dateTimeLabelFormats: {
+ second: '%Y-%m-%d %H:%M:%S',
+ minute: '%Y-%m-%d %H:%M',
+ hour: '%Y-%m-%d %H:%M',
+ day: '%Y-%m-%d',
+ week: '%Y-%m-%d',
+ month: '%Y-%m',
+ year: '%Y'
+ }
+ },
+ yAxis : {
+ title : {
+ text : ytitle
+ },
+ minorTickInterval: 'auto',
+ min:0,
+ plotLines: [{
+ value: policeValue,
+ width: 2,
+ color: '#F24C52',
+ dashStyle: 'dash',
+ label: {
+ text: 'i18n_dswmi.message.policyLine_n81i:('+policeNum+')',
+ align: 'right',
+ y: 8,
+ x: 0
+ }
+ }]/*,
+ plotBands: [{
+ from: 80,
+ to: 100,
+ color: '#F24C52'
+ }]*/
+
+ },
+ tooltip : {
+ borderColor : "#374E94",
+ backgroundColor : {
+ linearGradient : [ 0, 0, 0, 60 ],
+ stops : [ [ 0, '#FFFFFF' ], [ 1, '#E0E0E0' ] ]
+ },
+ borderWidth : 1,
+ shared : true,
+ crosshairs : {
+ width : 1,
+ color : 'red'
+ },
+ formatter : function() {
+ var s = Highcharts.dateFormat("%Y-%m-%d %H:%M",
+ this.x) + ' [';
+ $.each(this.points, function(i, point) {
+ s += '<span style="color:#374E94">'
+ + point.series.name
+ + ':</span><span style="font-weight: bold;color:#F24C52">'
+ + point.y + '</span> ';
+ });
+ s = $.trim(s) + "]";
+ return s;
+ }
+ },
+ plotOptions:{
+
+ line:{
+ lineWidth : 1,
+ marker: {
+ radius: 2,
+ states: {
+ hover: {
+ radius: 3
+ }
+ }
+ }
+ },
+ area : {
+ fillColor : {
+ //linearGradient : [ 0, 0, 0, 200 ],
+ //stops : [ [ 0, "#F24C52" ], [ 1, 'rgba(255,0,0,0)' ] ]
+ linearGradient : [ 0, 0, 30, 250 ],
+ stops : [ [ 0, "#0896E9" ], [ 1, 'rgba(0,157,145,0)' ] ]
+ },
+ fillOpacity: 0.08,
+ lineWidth : 1,
+ shadow : true,
+ marker: {
+ radius: 3,
+ states: {
+ hover: {
+ radius: 5
+ }
+ }
+ }
+ },
+ column: {
+ grouping: false,
+ shadow: false,
+ pointPlacement: 'between',
+ groupPadding: 0,
+ pointPadding: 0,
+ borderWidth: 0,
+ color: '#0CF223'
+ },
+ scatter:{
+ marker: {
+ radius: 2,
+ states: {
+ hover: {
+ radius: 3
+ }
+ },
+ symbol: 'circle'
+ }
+ }
+ },
+ exporting : {
+ buttons : {
+ exportButton : {
+ enabled : false
+ }
+ }
+ },
+ series : seriesOptions,
+ credits: {
+ enabled: false,
+ text: 'i18n_dswmi.message.updateTheMark_n81i'
+ }
+ });
+ Highcharts.setOptions( {
+ global : {
+ useUTC : false
+ }
+ });
+
+ }
+
+ </script>
+
+ </head>
+ <body>
+ <form action="" name="Mkform" method="post">
+ <input type="hidden" name="cip" value="${cip }" />
+ <input type="hidden" name="ctn" value="${ctn }" />
+ <input type="hidden" name="stateInfo" id="stateInfo" value="${stateInfo }" />
+ <input type="hidden" id="seqId" name="seqId" value="${sqId}"/>
+ <input type="hidden" id="did" name ="dsiId" value="${dsiId }"/>
+ <input type="hidden" id="nodeIpRange" name ="nodeIpRange" value="${nodeIpRange }"/>
+ <input type="hidden" id="nodeGroupStr" name ="nodeGroupStr" value="${nodeGroupStr }"/>
+ <input type="hidden" id = "ctid" name="ctid" value = "${ctId}"/>
+ <input type="hidden" id = "isClick" name="isClick" value ="0"/>
+ <input type="hidden" id = "mid" name="mid" value = "${metaId}"/>
+ <input type="hidden" id="tabIndex" value=""/>
+
+ <!-- type为空:服务器检测,type=1:网元检测 type=2:异常网元 -->
+ <input type="hidden" value="${type }" name="type" id="type"/>
+ <input type="hidden" value="${flag }" name="flag" id="flag"/>
+ <input type="hidden" value="${nodeType }" name="nodeType" id="nodeType"/>
+ <!-- 来源于拓扑图 begin -->
+ <input type="hidden" id="requestType" name="requestType" value="${requestType }" />
+ <input type="hidden" id="nodeGroupId" name="nodeGroupId" value="${nodeGroupId }" />
+ <!-- 来源于拓扑图 end -->
+
+ <!-- 是否为特种设备进入此页面 -->
+ <input type="hidden" name="entry" id="entry" value="${entry }"/>
+ <input type="hidden" name="detectId" id="detectId" value="${detectId }"/>
+ <input type="hidden" name="ip" id="ip" value="${ip }"/>
+ <input type="hidden" name="pid" id="pid" value="${pid }"/>
+
+ <!-- 查看监测设置历史记录 begin -->
+ <input type="hidden" name="sqId" value="${sqId }" />
+ <input type="hidden" name="sTime" value="${sTime }" />
+ <input type="hidden" name="eTime" value="${eTime }" />
+ <input type="hidden" name="status" value="${status }" />
+ <input type="hidden" name="showHistory" value="${showHistory }" id="showHistory" />
+ <!-- 查看监测设置历史记录 end -->
+
+ <jsp:include page="/common/transferHiddenParameter.jsp" />
+
+ <table width="80%" align="center" border="0" cellpadding="0"
+ cellspacing="1" class="table">
+ <tr>
+ <td class="color_8" colspan="2">
+ <strong>i18n_dswmi.message.title_n81i</strong>
+ </td>
+ </tr>
+ <tr>
+ <td class="box_1">
+ <div class="box_1">
+ <label class="divTopText"><font class="selectText">i18n_dswmi.text.startTime_n81i</font>
+ <%--<%
+ Date d = new Date();
+ d.setDate(d.getDate()-7);
+ SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
+ String st = sdf.format(d);
+ String et = sdf.format(new Date());
+ %>
+ --%><input type="text" id="startTime"
+ name="startTime" value="" readonly
+ onclick="SelectDate(this,'yyyy-MM-dd',${session.i18n_lang == 'zh_CN'?0:1})"/></label>
+ <label class="divTopText"><font class="selectText">i18n_dswmi.text.endTime_n81i</font>
+ <input type="text" id="endTime"
+ name="endTime" value="" readonly
+ onclick="SelectDate(this,'yyyy-MM-dd',${session.i18n_lang == 'zh_CN'?0:1})"/></label>
+ <img src="<c:url value='/images/button_chaxun.png'/>"
+ class="img_middle2" onclick="javascript:qry();" />
+ </div>
+
+ <span style="color: red;">i18n_dswmi.message.defaultMsg_n81i</span>
+ </td>
+ <td class="box_2">
+ <div class="box_2" style="margin-top: 5px;">
+ <!-- <input type="button" class=btn3_mouseout
+ onmouseover="this.className='btn3_mouseover'"
+ onmouseout="this.className='btn3_mouseout'"
+ onmousedown="this.className='btn3_mousedown'"
+ onmouseup="this.className='btn3_mouseup'"
+ onclick="goBack()" value="i18n_dswmi.button.back_n81i"/> -->
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td align="center" colspan="2">
+ <div id="tabs">
+ <c:set var="index" value="${1}" />
+ <c:set var="index1" value="${1}" />
+
+ <c:choose>
+ <c:when test="${fn:length(metadataList) > 0}">
+ <ul>
+ <c:forEach items="${metadataList}" var="meta">
+ <c:if test="${meta.filedComments==''}">
+ <li>
+ <a dtype='cli' href="#tabs-${index }" onclick="getPicScorce(${meta.id },'${index }')">${meta.filedName}</a>
+ <input id="tabsHidd-${index }" type="hidden" value="0"/>
+ </li>
+ </c:if>
+ <c:if test="${meta.filedComments!=''}">
+ <li>
+ <a dtype='cli' href="#tabs-${index }" onclick="getPicScorce(${meta.id },'${index }')">${meta.filedComments}</a>
+ <input id="tabsHidd-${index }" type="hidden" value="0"/>
+ </li>
+ </c:if>
+
+ <c:set var="index" value="${index + 1}" />
+ </c:forEach>
+ </ul>
+ <!-- 画图用的div -->
+ <c:forEach items="${metadataList}" var="meta1">
+ <div id="tabs-${index1 }" style='padding: 0;margin: 0;width: 95%; height: 450px;'>
+
+ </div>
+ <c:set var="index1" value="${index1 + 1}" />
+ </c:forEach>
+ </c:when>
+
+ <c:otherwise>
+ <span>i18n_dswmi.message.noRecord_n81i</span>
+ </c:otherwise>
+ </c:choose>
+ </div>
+ <div id="listDiv"
+ style="margin:5px 0px;background-color: #d3eaef; text-align:left;overflow: auto;border:1px solid gray;">
+ <c:choose>
+ <c:when test="${fn:length(dataList) > 0}">
+ <table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" style="margin-top: 5px;">
+ <c:set var="numPerRow" value="${6}" />
+ <c:forEach items="${dataList}" var="item" varStatus="iIndex" >
+ <c:if test="${iIndex.count%numPerRow==1}">
+ <tr>
+ </c:if>
+ <td align="left" width="10%">
+ <label class="item" title="${item}" ids="${item}"style="text-overflow: ellipsis; overflow: hidden;padding-left: 5px;">
+ <input name='lineNameRadio' class="checks" type="checkbox" value="${item}" ${iIndex.index eq 0 ? "checked=checked" : ""} />
+ ${item}
+ </label>
+ </td>
+ <c:if test="${iIndex.count%numPerRow==0}">
+ </tr>
+ </c:if>
+ </c:forEach>
+ <c:if test="${fn:length(dataList)%numPerRow!=0}">
+ </tr>
+ </c:if>
+ </table>
+ </c:when>
+ <c:otherwise>
+ <span>i18n_dswmi.textnoClassify_n81i</span>
+ </c:otherwise>
+ </c:choose>
+ <span style=" text-align: left;">
+ <br/>
+ <input type="button" class=btn3_mouseout
+ onmouseover="this.className='btn3_mouseover'"
+ onmouseout="this.className='btn3_mouseout'"
+ onmousedown="this.className='btn3_mousedown'"
+ onmouseup="this.className='btn3_mouseup'"
+ id="clear" value="i18n_dswmi.button.clearSelected_n81i"/>
+
+ <input type="button" class=btn3_mouseout
+ onmouseover="this.className='btn3_mouseover'"
+ onmouseout="this.className='btn3_mouseout'"
+ onmousedown="this.className='btn3_mousedown'"
+ onmouseup="this.className='btn3_mouseup'"
+ id="ok" value="i18n_dswmi.button.sure_n81i"/>
+ </span>
+ </div>
+ </td>
+ </tr>
+ </table>
+ </form>
+ <br />
+ </body>
+</html>
diff --git a/WebRoot/page/detection/switchInfo/switchInfoTotalList.jsp b/WebRoot/page/detection/switchInfo/switchInfoTotalList.jsp index f057731..7e8837d 100644 --- a/WebRoot/page/detection/switchInfo/switchInfoTotalList.jsp +++ b/WebRoot/page/detection/switchInfo/switchInfoTotalList.jsp @@ -400,7 +400,7 @@ onkeyup="lianxiangkeyup('nodeIp','NodeTable','String','nodeIp','suggest1',this.value);"
name="nodeIp" title="i18n_sitl.message.nodeIp_n81i" value="${nodeIp}" size="20" />
<div id='suggest1' class="ac_results"></div></label>
- <label class="divTopText"><font class="selectText">i18n_sitl.text.networElementType_n81i</font>
+ <%-- <label class="divTopText"><font class="selectText">i18n_sitl.text.networElementType_n81i</font>
<select name="networElementType" id="networElementType" style="width:140px;" >
<option value="">i18n_sitl.message.selectDefault_n81i</option>
<c:forEach items="${optionList}" var="optionTable" >
@@ -408,7 +408,7 @@ ${optionTable.typeValue}
</option>
</c:forEach>
- </select> </label>
+ </select> </label> --%>
<img src="<c:url value='/images/button_chaxun.png'/>"
class="img_middle2" onclick="javascript:qry();" />
</div>
|
