123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127 |
- <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="watchListCtrl">
- <tr>
- <td align="center">
- <div width="100%" border="0" cellspacing="10">
- <tr>
- <td valign="top" class="bg2 borderrou-4">
- <table width="100% " border="0 " cellpadding="10 " cellspacing="0 ">
- <tr>
- <td height="30" class="bg3 text-center">运维事件总体视图</td>
- </tr>
- </table>
- <table width="100%" border="0" cellpadding="10" cellspacing="0" class="bg3 trheight margin-top-15 border-top-left-4">
- <tr class="border-top-left-4">
- <TD class="col-xs-4 col-md-4 borderback border-top-left-4" align=center style="background:#f4f7fb" id=tdtab1_1 name="tdtab1_1">
- <A onmouseover="showdivs('contentdiv1_',1,3); switchtdbg('tdtab1_',1,3)" href="javascript:void(0)">待接单</A>
- </TD>
- <TD class="col-xs-4 col-md-4 borderback" align=center style="background:#ffffff" class="nav2" id=tdtab1_2 name="tdtab1_2">
- <A class=linkswitch onmouseover="showdivs('contentdiv1_',2,3); switchtdbg('tdtab1_',2,3)" href="javascript:void(0)">待处理</A>
- </TD>
- <TD class="col-xs-4 col-md-4 borderback border-top-right-4" align=center style="background:#ffffff" class="nav2" id=tdtab1_3 name="tdtab1_3">
- <A class=linkswitch onmouseover="showdivs('contentdiv1_',3,3); switchtdbg('tdtab1_',3,3)" href="javascript:void(0)">待转派</A>
- </TD>
- <!-- <td> </td> -->
- </tr>
- </table>
- <table width="100%" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td height="1"></td>
- </tr>
- </table>
- <table width="100%" border="0" cellpadding="5" cellspacing="1" bgcolor="#c9deef" id=contentdiv1_1 style="DISPLAY:inline-table;background-color:#c9deef;border: 1px solid #c9deef;border-collapse: collapse" name="contentdiv1_1" class="tabsl border-bottom-left-4 border-bottom-right-4">
- <tr>
- <td align="center" bgcolor="#D1E8FD">事件主题</td>
- <td align="center" bgcolor="#D1E8FD">地点</td>
- <td align="center" bgcolor="#D1E8FD">事件类型</td>
- <td align="center" bgcolor="#D1E8FD">请求人</td>
- <td align="center" bgcolor="#D1E8FD">状态</td>
- <td align="center" bgcolor="#D1E8FD">创建时间</td>
- </tr>
- <tr ng-repeat="item in myPending">
- <td align="center">{{item.title}}</td>
- <td align="center">{{item.place.place}}</td>
- <td align="center">{{item.category.category}}</td>
- <td align="center">{{item.requester.name}}</td>
- <td align="center">{{item.state.name}}</td>
- <td align="center">{{item.acceptDate}}</td>
- </tr>
- </table>
- <table width="100%" border="0" cellspacing="0" cellpadding="0" id=contentdiv1_2 name="contentdiv1_2" style="DISPLAY: none;background-color:#c9deef;border: 1px solid #c9deef" class="tabsl border-bottom-left-4 border-bottom-right-4">
- <!-- <table width="100%" border="1" cellpadding="0" cellspacing="0" bgcolor="#c9deef" id=contentdiv1_2 style="background-color:#c9deef;border: 1px solid #c9deef;border-collapse: collapse" name="contentdiv1_2" class="tabsl"> -->
- <tr>
- <td align="center" bgcolor="#D1E8FD">事件主题</td>
- <td align="center" bgcolor="#D1E8FD">地点</td>
- <td align="center" bgcolor="#D1E8FD">事件类型</td>
- <td align="center" bgcolor="#D1E8FD">请求人</td>
- <td align="center" bgcolor="#D1E8FD">状态</td>
- <td align="center" bgcolor="#D1E8FD">创建时间</td>
- </tr>
- <tr ng-repeat="item in myReassign">
- <td align="center">{{item.title}}</td>
- <td align="center">{{item.place.place}}</td>
- <td align="center">{{item.category.category}}</td>
- <td align="center">{{item.requester.name}}</td>
- <td align="center">{{item.state.name}}</td>
- <td align="center">{{item.acceptDate}}</td>
- </tr>
- </table>
- <table width="100%" border="0" cellspacing="0" cellpadding="0" id=contentdiv1_3 name="contentdiv1_3" style="DISPLAY: none;background-color:#c9deef;border: 1px solid #c9deef" class="tabsl border-bottom-left-4 border-bottom-right-4">
- <!-- <tr> -->
- <tr>
- <td align="center" bgcolor="#D1E8FD">事件主题</td>
- <td align="center" bgcolor="#D1E8FD">地点</td>
- <td align="center" bgcolor="#D1E8FD">事件类型</td>
- <td align="center" bgcolor="#D1E8FD">请求人</td>
- <td align="center" bgcolor="#D1E8FD">状态</td>
- <td align="center" bgcolor="#D1E8FD">创建时间</td>
- </tr>
- <tr ng-repeat="item in myHandler">
- <td align="center">{{item.title}}</td>
- <td align="center">{{item.place.place}}</td>
- <td align="center">{{item.category.category}}</td>
- <td align="center">{{item.requester.name}}</td>
- <td align="center">{{item.state.name}}</td>
- <td align="center">{{item.acceptDate}}</td>
- </tr>
- <!-- </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 = "inline-table"; //显示当前层
- }
- //可以共用的显示-隐藏层代码 模块结束 -->
- //可以共用的变换文字背景代码 模块开始 -->
- function switchtdbg(name, id, num) {
- for (i = 1; i < num + 1; i++) {
- document.getElementById(name + i).style.backgroundColor = "#ffffff"; //隐藏其他td背景
- //backgroundImage = "url(images/switchtabbg1a.gif)";
- }
- document.getElementById(name + id).style.backgroundColor = "#f4f7fb"; //显示当前td背景
- }
- //可以共用的变换文字背景代码 模块结束 -->
- </SCRIPT>
|