12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- <html>
- <head>
- <meta charset="utf-8">
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
- <title>无标题文档</title>
- <link href="assets/css/dsstyle.css" rel="stylesheet" type="text/css">
- </head>
- <body>
- <table width="100%" border="0" cellspacing="0" cellpadding="0" ng-controller="watchMapCtrl">
- <tr class="showtip ">
- <td align="center ">
- <table width="100% " border="0 " cellspacing="10 ">
- <tr>
- <td valign="top " class="bg2 ">
- <table width="100% " border="0 " cellpadding="10 " cellspacing="0 ">
- <tr>
- <td height="30" class="bg3 ">运维事件总体视图</td>
- </tr>
- </table>
- <table width="100% " border="0 " cellspacing="0 " cellpadding="0" class="bg4 margin-top-20">
- <tr>
- <td height="10 "></td>
- </tr>
- <tr class="col-xs-12 col-md-12">
- <td>
- <div ng-repeat="bean in arr">
- <img src="assets/images/{{bean.icon}}" ng-mouseover="showBankTip(bean, bean.id )" tooltip-popup-delay='500' tooltip-html-unsafe='<div class="tipback padding-5"><div class=" padding-bottom-5 fontsizes-15">{{bean.area}}</div><div class="">处理中:{{handler}}</div><div class="">已解决:{{resolved}}</div><div class="">已关闭:{{close}}</div></div>'
- tooltip-placement="right " style="cursor:pointer;position:absolute;left:{{bean.x }}px;top: {{ bean.y }}px" name={{bean.area}} areaId={{bean.id}}/>
- </div>
- <div class="text-center">
- <div id="netMapDiv" style="width: 1087px;height:535px;left:50px;top:206px;background:url(assets/images/tu_9.png);background-size: 100% 100%;" onclick="$('#toaster').remove();">
- </div>
- </div>
- <div id="deviceList" style="background-color:#ffffff;overflow-y: auto;width: 600px;height:330px;display:none;">
- <table style="width: 100%;height: 100%;/* background:url(images/list_bg.png);background-size: 100% 100%; */">
- <thead>
- <tr style="height: 30px;">
- <!-- 设备ID、设备名称、状态(正常、告警、故障) -->
- <th style="width: 100px;text-align:center;">ID</th>
- <th style="width: 200px;text-align:center;">设备名称</th>
- <th style="width: 100px;text-align:center;">状态</th>
- <th style="width: 200px;text-align:center;">所属支行</th>
- </tr>
- </thead>
- <tbody id="devices">
- </tbody>
- </table>
- </div>
- <canvas id="supportHtml5" style="display:none;"></canvas>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </body>
- </html>
- <SCRIPT language=javascript>
- //<!--可以共用的显示-隐藏层代码 模块开始 -->
- function showdivs(name, id, num) {
- for (i = 1; i < num + 1; i++) {
- document.getElementById(name + i).style.display = "none "; //隐藏其他层
- }
- document.getElementById(name + id).style.display = "block "; //显示当前层
- }
- //<!--可以共用的显示-隐藏层代码 模块结束 -->
- //<!--可以共用的变换文字背景代码 模块开始 -->
- function switchtdbg(name, id, num) {
- for (i = 1; i < num + 1; i++) {
- document.getElementById(name + i).style.backgroundImage = "url(images/tab_02.gif) "; //隐藏其他td背景
- //backgroundImage = "url(images/switchtabbg1a.gif) ";
- }
- document.getElementById(name + id).style.backgroundImage = "url(images/tab_01.png) "; //显示当前td背景
- }
- //<!--可以共用的变换文字背景代码 模块结束 -->
- </SCRIPT>
|