dash-leftbottom.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  5. <title>无标题文档</title>
  6. <link href="assets/css/dsstyle.css" rel="stylesheet" type="text/css">
  7. </head>
  8. <body>
  9. <table width="100%" border="0" cellspacing="0" cellpadding="0" ng-controller="watchListCtrl">
  10. <tr>
  11. <td align="center">
  12. <div width="100%" border="0" cellspacing="10">
  13. <tr>
  14. <td valign="top" class="bg2 borderrou-4">
  15. <table width="100% " border="0 " cellpadding="10 " cellspacing="0 ">
  16. <tr>
  17. <td height="30" class="bg3 text-center">运维事件总体视图</td>
  18. </tr>
  19. </table>
  20. <table width="100%" border="0" cellpadding="10" cellspacing="0" class="bg3 trheight margin-top-15 border-top-left-4">
  21. <tr class="border-top-left-4">
  22. <TD class="col-xs-4 col-md-4 borderback border-top-left-4" align=center style="background:#f4f7fb" id=tdtab1_1 name="tdtab1_1">
  23. <A onmouseover="showdivs('contentdiv1_',1,3); switchtdbg('tdtab1_',1,3)" href="javascript:void(0)">待接单</A>
  24. </TD>
  25. <TD class="col-xs-4 col-md-4 borderback" align=center style="background:#ffffff" class="nav2" id=tdtab1_2 name="tdtab1_2">
  26. <A class=linkswitch onmouseover="showdivs('contentdiv1_',2,3); switchtdbg('tdtab1_',2,3)" href="javascript:void(0)">待处理</A>
  27. </TD>
  28. <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">
  29. <A class=linkswitch onmouseover="showdivs('contentdiv1_',3,3); switchtdbg('tdtab1_',3,3)" href="javascript:void(0)">待转派</A>
  30. </TD>
  31. <!-- <td>&nbsp;</td> -->
  32. </tr>
  33. </table>
  34. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  35. <tr>
  36. <td height="1"></td>
  37. </tr>
  38. </table>
  39. <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">
  40. <tr>
  41. <td align="center" bgcolor="#D1E8FD">事件主题</td>
  42. <td align="center" bgcolor="#D1E8FD">地点</td>
  43. <td align="center" bgcolor="#D1E8FD">事件类型</td>
  44. <td align="center" bgcolor="#D1E8FD">请求人</td>
  45. <td align="center" bgcolor="#D1E8FD">状态</td>
  46. <td align="center" bgcolor="#D1E8FD">创建时间</td>
  47. </tr>
  48. <tr ng-repeat="item in myPending">
  49. <td align="center">{{item.title}}</td>
  50. <td align="center">{{item.place.place}}</td>
  51. <td align="center">{{item.category.category}}</td>
  52. <td align="center">{{item.requester.name}}</td>
  53. <td align="center">{{item.state.name}}</td>
  54. <td align="center">{{item.acceptDate}}</td>
  55. </tr>
  56. </table>
  57. <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">
  58. <!-- <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"> -->
  59. <tr>
  60. <td align="center" bgcolor="#D1E8FD">事件主题</td>
  61. <td align="center" bgcolor="#D1E8FD">地点</td>
  62. <td align="center" bgcolor="#D1E8FD">事件类型</td>
  63. <td align="center" bgcolor="#D1E8FD">请求人</td>
  64. <td align="center" bgcolor="#D1E8FD">状态</td>
  65. <td align="center" bgcolor="#D1E8FD">创建时间</td>
  66. </tr>
  67. <tr ng-repeat="item in myReassign">
  68. <td align="center">{{item.title}}</td>
  69. <td align="center">{{item.place.place}}</td>
  70. <td align="center">{{item.category.category}}</td>
  71. <td align="center">{{item.requester.name}}</td>
  72. <td align="center">{{item.state.name}}</td>
  73. <td align="center">{{item.acceptDate}}</td>
  74. </tr>
  75. </table>
  76. <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">
  77. <!-- <tr> -->
  78. <tr>
  79. <td align="center" bgcolor="#D1E8FD">事件主题</td>
  80. <td align="center" bgcolor="#D1E8FD">地点</td>
  81. <td align="center" bgcolor="#D1E8FD">事件类型</td>
  82. <td align="center" bgcolor="#D1E8FD">请求人</td>
  83. <td align="center" bgcolor="#D1E8FD">状态</td>
  84. <td align="center" bgcolor="#D1E8FD">创建时间</td>
  85. </tr>
  86. <tr ng-repeat="item in myHandler">
  87. <td align="center">{{item.title}}</td>
  88. <td align="center">{{item.place.place}}</td>
  89. <td align="center">{{item.category.category}}</td>
  90. <td align="center">{{item.requester.name}}</td>
  91. <td align="center">{{item.state.name}}</td>
  92. <td align="center">{{item.acceptDate}}</td>
  93. </tr>
  94. <!-- </tr> -->
  95. </table>
  96. </td>
  97. </tr>
  98. </table>
  99. </td>
  100. </tr>
  101. </table>
  102. </body>
  103. </html>
  104. <SCRIPT language=javascript>
  105. //可以共用的显示-隐藏层代码 模块开始 -->
  106. function showdivs(name, id, num) {
  107. for (i = 1; i < num + 1; i++) {
  108. document.getElementById(name + i).style.display = "none"; //隐藏其他层
  109. }
  110. document.getElementById(name + id).style.display = "inline-table"; //显示当前层
  111. }
  112. //可以共用的显示-隐藏层代码 模块结束 -->
  113. //可以共用的变换文字背景代码 模块开始 -->
  114. function switchtdbg(name, id, num) {
  115. for (i = 1; i < num + 1; i++) {
  116. document.getElementById(name + i).style.backgroundColor = "#ffffff"; //隐藏其他td背景
  117. //backgroundImage = "url(images/switchtabbg1a.gif)";
  118. }
  119. document.getElementById(name + id).style.backgroundColor = "#f4f7fb"; //显示当前td背景
  120. }
  121. //可以共用的变换文字背景代码 模块结束 -->
  122. </SCRIPT>