diff options
Diffstat (limited to 'umc-iui/src/main/resources/webroot/umc-drill/monitorns.html')
-rw-r--r-- | umc-iui/src/main/resources/webroot/umc-drill/monitorns.html | 613 |
1 files changed, 0 insertions, 613 deletions
diff --git a/umc-iui/src/main/resources/webroot/umc-drill/monitorns.html b/umc-iui/src/main/resources/webroot/umc-drill/monitorns.html deleted file mode 100644 index 0550ae45..00000000 --- a/umc-iui/src/main/resources/webroot/umc-drill/monitorns.html +++ /dev/null @@ -1,613 +0,0 @@ -<!DOCTYPE html>
-<!--
-
- Copyright (C) 2015 ZTE, Inc. and others. All rights reserved. (ZTE)
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
-
--->
-<html>
-<head>
- <meta charset="UTF-8">
- <link rel="stylesheet" type="text/css" href="../component/thirdparty/font-awesome/css/font-awesome.min.css" id="font_awesome"/>
- <link rel="stylesheet" type="text/css" href="../component/thirdparty/bootstrap/css/bootstrap.min.css" />
- <link rel="stylesheet" type="text/css" href="../component/thirdparty/uniform/css/uniform.default.css" />
- <link rel="stylesheet" type="text/css" href="../framework/css/plugins.css" rel="stylesheet" />
- <link rel="stylesheet" type="text/css" href="../component/css/ZteIctIcons/style.css" />
- <link rel="stylesheet" type="text/css" href="../vendor/zTree/css/zTreeStyle/zTreeStyle.css" />
- <link rel="stylesheet" type="text/css" href="../vendor/icheck/skins/all.css" />
- <!-- <link href="/ngict/iui/framework/css/style.css" rel="stylesheet" type="text/css">-->
- <link rel="stylesheet" type="text/css" href="../framework/css/ngict-component.css" rel="stylesheet" />
- <!-- <link href="css/sm.css" rel="stylesheet" type="text/css" /> -->
- <link rel="stylesheet" type="text/css" href="css/vnf.css" />
- <link rel="stylesheet" type="text/css" href="css/itm.css" />
- <style type="text/css">
- .modal.fade.in {
- top: 20%;
- }
- </style>
- <style>
- /* .ms-controller {
- visibility: hidden
- } */
- .queryLink {
- font-size: 20px;
- margin-top: 0px !important;
- }
- .activateLabel{
- text-align: center;
- margin-left: 15px;
- color: white;
- background: #49A950;
- border-radius: .25em;
- display: inline-block;
- padding:.1em .6em ;
- }
- .alamrCountLabel{
- text-align: center;
- margin-top: 10px;
- color: white;
- background-color: #E37D2C;
- border-radius: .25em;
- text-align:center;
- padding:.1em .6em ;
- }
- .contain{
- width: 80px;
- height: 30px;
- background: #fff;
- position:relative;
- border: 2px solid #7AB4E5;
- border-radius: 15px;
- text-align: center;
- color: #89BEDF;
- line-height:24px !important;
- }
- .containSun{
- width: 80px;
- height: 30px;
- background: #fff;
- position: absolute;
- left: 46%;
- top: 15px;
- border: 2px solid #BAD3E3;
- border-radius: 15px;
- text-align: center;
- color: #89BEDF;
- line-height:24px !important;
- }
- .separator-line {
- height: 1px;
- background: #7AB4E5;
- overflow: hidden;
- }
- .rightRow{
- padding-bottom: 10px;
- padding-left: 20px;
- }
- .rightContent{
- text-align: left;
- border-left: 1px solid #D1D0D0;
- height: 95px;
- }
- .hiddenBlock{
- display:none;
- }
- .detailTittle{
- color: #333;
- padding: 20px 10px 10px 0;
- font:16px Microsoft yahei;
- }
- .detailItem{
- padding: 5px;
- padding-left: 15px;
- font:15px Microsoft yahei;
- margin-bottom: 10px;
- }
- .boxMainArea{
- margin-top: 15px;
- padding: 10px;
- padding-top: 0px;
- }
- .parentClose{
- height:0px !important;
- /*opacity:0;*/
- /*display:none !important;*/
- }
- .monitorChart{
- display: inline-block;
- width:620px;
- height:350px;
- border:1px solid #ccc;
- padding:5px;
- margin:15px;
- }
- </style>
- <script>
- var icheckInit = 0;
- </script>
-</head>
-<body style="background:#fff;display:none;">
-
- <ul class="nav nav-tabs" role="tablist">
- <li role="presentation" class="active"><a href="#monitor" aria-controls="home" role="tab" data-toggle="tab"><span id="com_zte_umc_monitor_default_tip" name_i18n="com_zte_umc_monitor"></span></a></li>
- <li role="presentation" id="monitorInfo" style="display:none;"><a href="#fmpm" aria-controls="profile" role="tab" data-toggle="tab"><span id="com_zte_umc_monitor_information_tip" name_i18n="com_zte_umc_monitor"></span></a></li>
- </ul>
- <div class="tab-content">
- <div role="tabpanel" class="tab-pane active" id="monitor">
- <div ms-controller="vnfController" class="ms-controller">
- <div class="row row1">
- <div id="mainContent" class="col-xs-9 col-md-9 col-sm-9 col-lg-9">
- <!-- <a href="#">
- <div class="row rootIcon" ms-if="elem.id=='root'">
- <div class="col-xs-12">
- <span class="ict-computer" style="font-size: 68px;color: #7AB4E5;"></span>
- </div>
- </div>
- </a> -->
- <div class="parentWrapper container-fluid">
- <div class="row" style="">
- <div class="container-fluid" style="padding-right: 20px; padding-top: 10px;">
- <div class="col-xs-offset-3 col-md-offset-4 col-xs-6 col-sm-6 col-md-4 col-lg-4 boxPadding" ms-repeat-elem="parent" data-repeat-rendered="parentsRended">
- <div class="nodeWrapper">
- <div class="row rootIcon" ms-if="elem.id=='root'" style="margin-bottom:-20px">
-
- <span class="ict-computer" style="font-size: 60px;color: #7AB4E5;margin-bottom:5px"></span>
-
- </div>
- <div class="vnfBox" ms-if="elem.id!='root'">
- <div class="row titleArea" ms-click="nodeClicked(elem ,this)">
- <div class="col-xs-3 portletIcon">{{elem.rendertype}}</div>
- <div class="col-xs-9 portletLabel">{{elem.name}}</div>
- </div>
- <div class="row boxMainArea" ms-click="boxDetailClicked(elem ,this)">
- <div class="col-xs-5 icon-alarm">
- <!-- <div class="queryLink" ms-if="elem.type!='current'">图标</div> -->
-
- <div class="ict-cloud" style="font-size: 60px;color: #7AB4E5;margin-bottom:10px;"></div>
-
-
- <!-- <div class="alamrCountLabel" ms-if="elem.alarmCount>0">{{elem.alarmCount}}</div> -->
- <div class="alamrCountLabel label">{{elem.alarmCount}}</div>
-
- </div>
- <div class="col-xs-7 rightContent">
-
- <!-- <div class="row rightRow">
- <i class="fa fa-warning"></i> 个VNF
- </div> -->
-
- <div class="row rightRow">
- <span id="com_zte_umc_monitor_moc" name_i18n="com_zte_umc_monitor"></span>:{{elem.moc_name}}
- </div>
- <div class="row rightRow" ms-if="elem.rendertype!='vdu' && elem.rendertype!='host'">
- <span id="com_zte_umc_monitor_provider" name_i18n="com_zte_umc_monitor"></span>:{{elem.vendor}}
- </div>
- <!-- <div class="row rightRow">
- Name: detail
- </div> -->
- <div class="row rightRow" ms-if="elem.rendertype=='vnf'">
- <span id="com_zte_umc_monitor_vnfm_blongs_to" name_i18n="com_zte_umc_monitor"></span>: {{elem.vnfm_name}}
- </div>
-
- <div class="row rightRow" ms-if="elem.rendertype=='ns' || elem.rendertype=='vnf'">
- <label><span id="com_zte_umc_monitor_status" name_i18n="com_zte_umc_monitor"></span>:<div class="activateLabel">{{elem.status}}</div></label>
- </div>
-
- <div class="row rightRow" ms-if="elem.rendertype=='vdu' || elem.rendertype=='host'">
- <span id="com_zte_umc_monitor_ip_address" name_i18n="com_zte_umc_monitor"></span>: {{elem.ip_addresses}}
- </div>
-
- <div class="row rightRow" ms-if="elem.rendertype=='vdu'">
- <label><span id="com_zte_umc_monitor_vim_blongs_to" name_i18n="com_zte_umc_monitor"></span>: {{elem.vim_name}}</label>
- </div>
-
-
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- <div class="row-fluid parents">
- <div ms-visible="boxVisible" class="col-xs-12">
- <a href="#" ms-click="clickDisplayGraphAlink()">
- <div class="contain">包含</div>
- </a>
- </div>
- </div> -->
- <div class="row-fluid parents container-fluid" id="contianArea">
- <a href="#" ms-click="clickDisplayGraphAlink()">
- <div class="contain"><span id="com_zte_umc_monitor_contains" name_i18n="com_zte_umc_monitor"></span></div>
- <!-- <div class = "separator-line seperateLine" ></div> -->
- </a>
- </div>
- <div class="container-fluid" id="arrowParent" >
- <div class="arrow ">
- <img src="images/arrow.png">
- </div>
- </div>
- <div class="container-fluid midWrapper" style="">
-
- <div class="col-xs-offset-3 col-md-offset-4 col-xs-6 col-sm-6 col-md-4 col-lg-4 boxPadding">
- <div class="nodeWrapper">
- <div class="row rootIcon" ms-if="self.id=='root'" style="margin-bottom:5px">
- <span class="ict-computer" style="font-size: 60px;color: #7AB4E5"></span>
- </div>
- <div class="vnfBox self" ms-if="self.id!='root'">
- <div class="row titleArea" ms-click="nodeClicked(self ,this)">
- <div class="col-xs-3 portletIcon">{{self.rendertype}}</div>
- <div class="col-xs-9 portletLabel">{{self.name}}</div>
- </div>
- <div class="row boxMainArea" ms-click="boxDetailClicked(self ,this)">
- <div class="col-xs-5 icon-alarm">
-
- <div class="ict-computer" style="font-size: 60px;color: #7AB4E5;text-align: center ;margin-bottom:10px;"></div>
-
-
-
-
- <!-- <div class="alamrCountLabel" ms-if="self.alarmCount>0">{{self.alarmCount}}</div> -->
- <div class="alamrCountLabel label">{{self.alarmCount}}</div>
-
-
- </div>
- <div class="col-xs-7 rightContent">
-
- <!-- <div class="row rightRow">
- <i class="fa fa-warning"></i> 个VNF
- </div> -->
-
- <div class="row rightRow"><span id="com_zte_umc_monitor_moc" name_i18n="com_zte_umc_monitor"></span>:{{self.moc_name}}</div>
- <div class="row rightRow" ms-if="self.rendertype!='vdu' && self.rendertype!='host'"><span id="com_zte_umc_monitor_provider" name_i18n="com_zte_umc_monitor"></span>:{{self.vendor}}</div>
-
- <div class="row rightRow" ms-if="self.rendertype=='vnf'">
- <span id="com_zte_umc_monitor_vnfm_blongs_to" name_i18n="com_zte_umc_monitor"></span>: {{self.vnfm_name}}
- </div>
-
- <!-- <div class="row rightRow">
- 归属于:<a href="#">A管理系统</a>
- </div> -->
-
- <div class="row rightRow" ms-if="self.rendertype=='ns' || self.rendertype=='vnf'">
- <label><span id="com_zte_umc_monitor_status" name_i18n="com_zte_umc_monitor"></span>:<div class="activateLabel">{{self.status}}</div></label>
- </div>
-
- <div class="row rightRow" ms-if="self.rendertype=='vdu' || self.rendertype=='host'">
- <span id="com_zte_umc_monitor_ip_address" name_i18n="com_zte_umc_monitor"></span>: {{self.ip_addresses}}
- </div>
-
- <div class="row rightRow" ms-if="self.rendertype=='vdu'">
- <label><span id="com_zte_umc_monitor_vim_blongs_to" name_i18n="com_zte_umc_monitor"></span>: {{self.vim_name}}</label>
- </div>
-
- </div>
- </div>
- </div>
- </div>
- </div>
-
- </div>
- <div class="container-fluid" id="arrowSun">
- <div class="arrow" >
- <img src="images/arrow.png">
- </div>
- </div>
- <!-- <div class = "separator-line" ></div> -->
- <!-- <div class="row-fluid suns">
- <div ms-visible="sunVisable" class="col-xs-12">
- <a href="#" ms-click="clickSunDisplayGraphAlink()">
- <div class="containSun">包含</div>
- </a>
- </div>
- </div> -->
- <div class="row-fluid suns container-fluid" id="contianAreaSun">
-
- <!-- <a href="#"> -->
- <div class="contain" ms-click="clickSunDisplayGraphAlink()"><span id="com_zte_umc_monitor_contains" name_i18n="com_zte_umc_monitor"></span></div>
- <!-- <div class = "separator-line seperateLine" ></div> -->
- <!-- </a> -->
-
- </div>
- <!-- <div class="sunWrapper" ms-visible="sunVisable" ms-repeat-el="sun"> -->
- <div class="sunWrapper container-fluid">
- <!-- <div ms-repeat-el="sun"> -->
- <div ms-repeat-el="sun" data-repeat-rendered="childrenRended">
- <div class = "separator-line" ms-if="$index>0"></div>
- <div class="sunRow">
- <div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 boxPadding " ms-repeat-elem="el.array">
- <!-- <a href="#">
- <div class="removeflot"></div>
- <div class="box " ms-class="box{{$index+1}}" ms-click="queryTabClicked(elem ,this)">
- <div class="namediv">
- <div class="nam">{{elem.name}}</div>
- <div class="num" ms-if="elem.type=='current'">{{elem.alarmCount}}</div>
- <div class="queryLink" ms-if="elem.type!='current'">详情</div>
- </div>
- </div>
- </a> -->
- <div class="nodeWrapper">
- <div class="removeflot"></div>
- <div class="vnfBox">
- <div class="row titleArea" ms-click="nodeClicked(elem ,this)">
- <div class="col-xs-3 portletIcon">{{elem.rendertype}}</div>
- <div class="col-xs-9 portletLabel">{{elem.name}}</div>
- </div>
- <div class="row boxMainArea" ms-click="boxDetailClicked(elem ,this)">
- <div class="col-xs-5 icon-alarm">
-
-
- <div class="ict-process" style="font-size: 60px;color: #7AB4E5;text-align: center ;margin-bottom:10px;"></div>
-
-
- <!-- <div class="alamrCountLabel" ms-if="elem.alarmCount>0">{{elem.alarmCount}}</div> -->
-
- <div class="alamrCountLabel label ">{{elem.alarmCount}}</div>
-
- </div>
- <div class="col-xs-7 rightContent">
-
- <!-- <div class="row rightRow">
- <i class="fa fa-warning"></i> 个VNF
- </div> -->
-
- <div class="row rightRow"><span id="com_zte_umc_monitor_moc" name_i18n="com_zte_umc_monitor"></span>:{{elem.moc_name}}
- </div>
- <div class="row rightRow" ms-if="elem.rendertype!='vdu' && elem.rendertype!='host'"><span id="com_zte_umc_monitor_provider" name_i18n="com_zte_umc_monitor"></span>:{{elem.vendor}}</div>
- <!-- <div class="row rightRow">
- Name: detail
- </div> -->
- <div class="row rightRow" ms-if="elem.rendertype=='vnf'">
- <span id="com_zte_umc_monitor_vnfm_blongs_to" name_i18n="com_zte_umc_monitor"></span>: {{elem.vnfm_name}}
- </div>
-
- <div class="row rightRow" ms-if="elem.rendertype=='ns' || elem.rendertype=='vnf'">
- <label><span id="com_zte_umc_monitor_status" name_i18n="com_zte_umc_monitor"></span>:<div class="activateLabel">{{elem.status}}</div></label>
- </div>
- <!-- <div class="alamrCountLabel">5</div> -->
- <div class="row rightRow" ms-if="elem.rendertype=='vdu' || elem.rendertype=='host'">
- <span id="com_zte_umc_monitor_ip_address" name_i18n="com_zte_umc_monitor"></span>: {{elem.ip_addresses}}
- </div>
- <div class="row rightRow" ms-if="elem.rendertype=='vdu'">
- <label><span id="com_zte_umc_monitor_vim_blongs_to" name_i18n="com_zte_umc_monitor"></span>: {{elem.vim_name}}</label>
- </div>
-
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- <div class = "separator-line" ></div> -->
- </div>
- <!-- </div> -->
- </div>
- </div>
- <div class="col-xs-3 col-md-3 col-sm-3 col-lg-3">
- <div class="col-xs-12 fixed_side">
- <ul class="nav nav-tabs" role="tablist">
- <!-- <li role="presentation" class="active"><a href="#basicInfo" aria-controls="home" role="tab" data-toggle="tab">{{selfdetail.name}}</a></li> -->
- <!-- <li role="presentation"><a href="#monitorInfo" aria-controls="profile" role="tab" data-toggle="tab">监控信息</a></li> -->
- </ul>
- <div class="tab-content">
- <div role="tabpanel" class="tab-pane active" id="basicInfo">
- <!-- <div class="detailTittle">网络监控服务</div> -->
- <!-- <div class="detailTittle">{{selfdetail.name}}</div> -->
- <div class="detailTittle">{{detailTitle}}</div>
- <table class="table table-striped table-bordered table-hover" cellpadding="0" cellspacing="0" border="0"id="basic_info">
- <thead>
- <th role="row" class="heading"><span id="com_zte_umc_monitor_detail_info" name_i18n="com_zte_umc_monitor"></span></th>
- <th role="row" class="heading"></th>
- </thead>
- <tbody>
- <tr ms-repeat-elem="selfDetail">
- <td>{{elem.name}}</td><td>{{elem.value}}</td>
- <tr>
- </tbody>
- </table>
- <!-- <div>
- <a href="#" class="monitorJumpLabel">
- <span id="com_zte_umc_monitor_information_tip" name_i18n="com_zte_umc_monitor"></span>
- </a>
- </div> -->
- </div>
- <!-- <div role="tabpanel" class="tab-pane" id="monitorInfo">
- <div class="detailTittle"> </div>
- <table class="table table-striped table-bordered table-hover" cellpadding="0" cellspacing="0" border="0"id="monitor_info">
- <thead>
- <th role="row" class="heading">监控信息</th>
- <th role="row" class="heading"></th>
- </thead>
- <tbody>
- <tr>
- <td>状态:</td><td>{{selfdetail.status}}</td>
- </tr>
- <tr>
- <td>告警统计:</td><td>55</td>
- </tr>
- </tbody>
- </table>
- <div>
- <a href="#">
- <div class="box">
- <div class="fmPmJumpLabel">告警性能统计</div>
- </div>
- </a>
- </div>
- </div> -->
- </div>
- </div>
- </div>
- </div>
- </div>
-
- </div>
- <div role="tabpanel" class="tab-pane" id="fmpm" style="overflow-x:hidden;margin-left:25px;">
- <div class="row">
- <div class="col-md-6 ms-controller" ms-controller="monitorHeadLeftController">
- <div class="row itm-monitor-top-panel-content-left">
- <div class="col-md-4 itm-monitor-top-panel-content" id="ItDeviceSvg"></div>
- <div class="col-md-8 itm-monitor-top-panel-content" id="ItDeviceInfo">
- <ul>
- <li><span name_i18n="com_zte_ums_ngict_itm" id="com_zte_ums_ngict_itm_device_ipaddress">IP地址</span>: 10.74.44.8</li>
- <li><span name_i18n="com_zte_ums_ngict_itm" id="com_zte_ums_ngict_itm_device_name">主机名</span>: NFVServer</li>
- <li><span name_i18n="com_zte_ums_ngict_itm" id="com_zte_ums_ngict_itm_device_port">端口号</span>: 21180</li>
- <li><span name_i18n="com_zte_ums_ngict_itm" id="com_zte_ums_ngict_itm_device_control_date">使用日期</span>: 2015.09</li>
- </ul>
- </div>
- </div>
- </div>
- <div class="col-md-6 ms-controller" ms-controller="monitorHeadRightController">
- <div class="row itm-monitor-top-panel-content-right">
- <div class="col-md-12 itm-monitor-top-panel-content">
- <div class="row itm-monitor-top-panel-content-right-head">
- <div class="col-md-2 headText"><span name_i18n="com_zte_ums_ngict_itm" id="com_zte_ums_ngict_itm_device_alarm">告警:</span></div>
- <div class="col-md-10 headImgs">
- <div class="row">
- <div class="col-md-3">
- <div class="row">
- <div class="col-xs-6" style="color:#E82222;">严重</div>
- <div class="col-xs-6 headImg a1 text-center" name_i18n="com_zte_ums_ngict_itm" title="com_zte_ums_ngict_itm_device_alarm_critical">1</div>
- </div>
- </div>
- <div class="col-md-3">
- <div class="row">
- <div class="col-xs-6" style="color:#FF7F0E;">主要</div>
- <div class="col-xs-6 headImg a2 text-center" name_i18n="com_zte_ums_ngict_itm" title="com_zte_ums_ngict_itm_device_alarm_major">3</div>
- </div>
- </div>
- <div class="col-md-3">
- <div class="row">
- <div class="col-xs-6" style="color:#FAD592;">次要</div>
- <div class="col-xs-6 headImg a3 text-center" name_i18n="com_zte_ums_ngict_itm" title="com_zte_ums_ngict_itm_device_alarm_minor">0</div>
- </div>
- </div>
- <div class="col-md-3">
- <div class="row">
- <div class="col-xs-6" style="color:#43B8F5;">警告</div>
- <div class="col-xs-6 headImg a4 text-center" name_i18n="com_zte_ums_ngict_itm" title="com_zte_ums_ngict_itm_device_alarm_warning">13</div>
- </div>
- </div>
- <!-- <div class="col-md-2 headImg a2 text-center" name_i18n="com_zte_ums_ngict_itm" title="com_zte_ums_ngict_itm_device_alarm_major">3</div>
- <div class="col-md-2 headImg a3 text-center" name_i18n="com_zte_ums_ngict_itm" title="com_zte_ums_ngict_itm_device_alarm_minor">0</div>
- <div class="col-md-2 headImg a4 text-center" name_i18n="com_zte_ums_ngict_itm" title="com_zte_ums_ngict_itm_device_alarm_warning">24</div> -->
- </div>
- </div>
- </div>
- <div class="row itm-monitor-top-panel-content-right-body">
- <div class="col-md-4 bodyblock">
- <div class="row devicePMbody text-center">
- <div class="row">
- <div class="col-md-12 DeviceDetailTitle">处理器</div>
- </div>
- <div class="row">
- <div class="col-md-12 DeviceDetail">2C Quard Core</div>
- </div>
- </div>
- </div>
- <div class="col-md-4 bodyblock">
- <div class="row devicePMbody text-center">
- <div class="row">
- <div class="col-md-12 DeviceDetailTitle">安装内存</div>
- </div>
- <div class="row">
- <div class="col-md-12 DeviceDetail">12.0 GB</div>
- </div>
- </div>
- </div>
- <div class="col-md-4 bodyblockLast">
- <div class="row devicePMbody text-center">
- <div class="row">
- <div class="col-md-12 DeviceDetailTitle">磁盘空间</div>
- </div>
- <div class="row">
- <div class="col-md-12 DeviceDetail">500 GB</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-10">
- <button ms-repeat-el="metric" name_i18n="com_zte_ums_ngict_itm" ms-attr-id="el" type="button" class="btn itmBtnGroup" style="margin-right: 10px;" ms-class-selected="$index==currentSelected" ms-click="clickSelectedCommonCond($index)">最近一小时</button>
- <button ms-repeat-el="metric" name_i18n="com_zte_ums_ngict_itm" ms-attr-id="el" type="button" class="btn itmBtnGroup" style="margin-right: 10px;" ms-class-selected="$index==currentSelected" ms-click="clickSelectedCommonCond($index)">最近六小时</button>
- <button ms-repeat-el="metric" name_i18n="com_zte_ums_ngict_itm" ms-attr-id="el" type="button" class="btn itmBtnGroup" style="margin-right: 10px;" ms-class-selected="$index==currentSelected" ms-click="clickSelectedCommonCond($index)">最近十二小时</button>
- </div>
- </div>
- <div class="row">
- <div id="cpuUsage" class="monitorChart"></div>
- <div id="memUsage" class="monitorChart"></div>
- </div>
- <div class="row">
- <div id="networkFlow" class="monitorChart"></div>
- <div id="diskUsage" class="monitorChart"></div>
- </div>
- </div>
- </div>
- <script type="text/javascript" src="js/d3.js"></script>
- <script type="text/javascript" src="../component/thirdparty/jquery/jquery-1.10.2.min.js"></script>
- <script type="text/javascript" src="../vendor/icheck/icheck.min.js"></script>
- <script type="text/javascript" src="../component/thirdparty/jquery.i18n/jquery.i18n.properties-1.0.9.js"></script>
- <script type="text/javascript" src="../component/thirdparty/data-tables/jquery.dataTables.min.js"></script>
- <script type="text/javascript" src="../component/thirdparty/bootbox/bootbox.min.js"></script>
- <script type="text/javascript" src="../component/thirdparty/bootstrap/js/bootstrap.min.js"></script>
- <script type="text/javascript" src="../component/thirdparty/jquery-validation/js/jquery.validate.js"></script>
- <script type="text/javascript" src="../component/thirdparty/jquery-validation/js/additional-methods.min.js"></script>
- <script type="text/javascript" src="../vendor/bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>
- <script type="text/javascript" src="../component/thirdparty/uniform/jquery.uniform.min.js"></script>
- <script type="text/javascript" src="../vendor/zTree/js/jquery.ztree.all.js"></script>
- <script type="text/javascript" src="../framework/js/security/aes.js"></script>
- <script type="text/javascript" src="../framework/js/security/framework-util.js"></script>
- <script type="text/javascript" src="js/echarts-all.js"></script>
- <script type="text/javascript" src="../framework/js/json2.js"></script>
- <script type="text/javascript" src="js/avalon.modern.js"></script>
- <script type="text/javascript" src="../framework/js/tools.js"></script>
- <script>
- var lang = getLanguage();
- jQuery.i18n.properties({
- language:lang,
- name:'ngict-umc-monitor-i18n',
- path:'i18n/',
- mode:'map',
- callback: function() {
- setTimeout(function(){
- var i18nItems = $("span[name_i18n=com_zte_umc_monitor]");
- for(var i=0;i<i18nItems.length;i++){
- var $item = $(i18nItems.eq(i));
- var itemId = $item.attr('id');
- if(typeof($item.attr("title"))!="undefined"){
- $item.attr("title", $.i18n.prop(itemId));
- }else{
- $item.text($.i18n.prop(itemId));
- }
- }
- }, 200);
- }
- });
- </script>
- <script type="text/javascript" src="js/vnfController.js"></script>
- <script type="text/javascript" src="js/Constants.js"></script>
- <script type="text/javascript" src="js/monitorHeadChart.js"></script>
- <script type="text/javascript" src="js/monitors.js"></script> <script type="text/javascript">
- $(function(){
- monitorHeadChartDraw("itm.server.suse");
- });
-</script>
-
-</body>
-</html>
\ No newline at end of file |