dash.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <title>华中科技大学</title>
  5. <link href="css/style.css" rel="stylesheet" type="text/css">
  6. </head>
  7. <body>
  8. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  9. <tr>
  10. <td height="85" align="center" bgcolor="#D8EBF7">
  11. <table width="100%" border="0" cellpadding="0" cellspacing="0">
  12. <tr>
  13. <td width="50">&nbsp;</td>
  14. <td width="253"><img src="images/head_logo.png" width="253" height="84"></td>
  15. <td width="20"><img src="images/header_logo_sepline.png" width="2" height="31"></td>
  16. <td width="100" class="title">呼叫中心</td>
  17. <td class="logobg">&nbsp;</td>
  18. </tr>
  19. </table>
  20. </td>
  21. </tr>
  22. </table>
  23. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  24. <tr>
  25. <td align="center">
  26. <table width="100%" border="0" cellspacing="10">
  27. <tr>
  28. <td width="990" valign="top" class="bg2">
  29. <table width="100%" border="0" cellpadding="10" cellspacing="0">
  30. <tr>
  31. <td height="50" class="bg3">网络拓扑图</td>
  32. </tr>
  33. </table>
  34. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  35. <tr>
  36. <td height="10"></td>
  37. </tr>
  38. <tr>
  39. <td><img src="" width="990" height="500" alt="插入地图"></td>
  40. </tr>
  41. </table>
  42. </td>
  43. <td valign="top" class="bg2">
  44. <table width="100%" border="0" cellpadding="10" cellspacing="0">
  45. <tr>
  46. <td height="50" class="bg3">周数据分析</td>
  47. </tr>
  48. </table>
  49. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  50. <tr>
  51. <td width="33%" class="title2">待处理人员统计</td>
  52. <td></td>
  53. <td class="title2">事件状态</td>
  54. <td></td>
  55. <td width="33%" class="title2">事件原因</td>
  56. </tr>
  57. <tr>
  58. <td bgcolor="#e9f2f9" class="bg1">
  59. <p>&nbsp;</p>
  60. <p>&nbsp;</p>
  61. <p>&nbsp;</p>
  62. <p>&nbsp;</p>
  63. <p>&nbsp;</p>
  64. <p>&nbsp;</p>
  65. <p>&nbsp;</p>
  66. <p>&nbsp;</p>
  67. </td>
  68. <td width="10"></td>
  69. <td bgcolor="#e9f2f9" class="bg1">
  70. <p>&nbsp;</p>
  71. <p>&nbsp;</p>
  72. <p>&nbsp;</p>
  73. <p>&nbsp;</p>
  74. <p>&nbsp;</p>
  75. <p>&nbsp;</p>
  76. </td>
  77. <td width="10"></td>
  78. <td bgcolor="#e9f2f9" class="bg1">
  79. <p>&nbsp;</p>
  80. <p>&nbsp;</p>
  81. <p>&nbsp;</p>
  82. <p>&nbsp;</p>
  83. <p>&nbsp;</p>
  84. <p>&nbsp;</p>
  85. </td>
  86. </tr>
  87. </table>
  88. </td>
  89. </tr>
  90. <tr>
  91. <td valign="top" class="bg2">
  92. <table width="100%" border="0" cellpadding="10" cellspacing="0" class="bg3">
  93. <tr>
  94. <TD width="100" align=center background=images/tab_01.png class="nav2" id=tdtab1_1 name="tdtab1_1">
  95. <A onmouseover="showdivs('contentdiv1_',1,3); switchtdbg('tdtab1_',1,3)" href="javascript:void(0)">待接单</A>
  96. </TD>
  97. <TD width="100" align=center background=images/tab_02.gif class="nav2" id=tdtab1_2 name="tdtab1_2">
  98. <A class=linkswitch onmouseover="showdivs('contentdiv1_',2,3); switchtdbg('tdtab1_',2,3)" href="javascript:void(0)">待处理</A>
  99. </TD>
  100. <TD width="100" align=center background=images/tab_02.gif class="nav2" id=tdtab1_3 name="tdtab1_3">
  101. <A class=linkswitch onmouseover="showdivs('contentdiv1_',3,3); switchtdbg('tdtab1_',3,3)" href="javascript:void(0)">待转排</TD>
  102. <td>&nbsp;</td>
  103. </tr>
  104. </table>
  105. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  106. <tr>
  107. <td height="10"></td>
  108. </tr>
  109. </table>
  110. <table width="100%" border="0" cellpadding="5" cellspacing="1" bgcolor="#c9deef" id=contentdiv1_1 style="DISPLAY: block" name="contentdiv1_1">
  111. <tr>
  112. <td align="center" bgcolor="#D1E8FD">事件主题</td>
  113. <td align="center" bgcolor="#D1E8FD">地点</td>
  114. <td align="center" bgcolor="#D1E8FD">事件类型</td>
  115. <td align="center" bgcolor="#D1E8FD">请求人</td>
  116. <td align="center" bgcolor="#D1E8FD">状态</td>
  117. <td align="center" bgcolor="#D1E8FD">创建时间</td>
  118. </tr>
  119. <tr>
  120. <td align="center" bgcolor="#FFFFFF">测试内容</td>
  121. <td align="center" bgcolor="#FFFFFF">测试地址</td>
  122. <td align="center" bgcolor="#FFFFFF">突发事件</td>
  123. <td align="center" bgcolor="#FFFFFF">&nbsp;</td>
  124. <td align="center" bgcolor="#FFFFFF">未受理</td>
  125. <td align="center" bgcolor="#FFFFFF">2017-07-25 15:55:53</td>
  126. </tr>
  127. <tr>
  128. <td align="center" bgcolor="#F9FAFF">测试内容</td>
  129. <td align="center" bgcolor="#F9FAFF">测试地址</td>
  130. <td align="center" bgcolor="#F9FAFF">突发事件</td>
  131. <td align="center" bgcolor="#F9FAFF">&nbsp;</td>
  132. <td align="center" bgcolor="#F9FAFF">未受理</td>
  133. <td align="center" bgcolor="#F9FAFF">2017-07-24 10:00:16</td>
  134. </tr>
  135. <tr>
  136. <td align="center" bgcolor="#FFFFFF">测试内容</td>
  137. <td align="center" bgcolor="#FFFFFF">测试地址</td>
  138. <td align="center" bgcolor="#FFFFFF">突发事件</td>
  139. <td align="center" bgcolor="#FFFFFF">&nbsp;</td>
  140. <td align="center" bgcolor="#FFFFFF">未受理</td>
  141. <td align="center" bgcolor="#FFFFFF">2017-07-25 15:55:53</td>
  142. </tr>
  143. <tr>
  144. <td align="center" bgcolor="#F9FAFF">测试内容</td>
  145. <td align="center" bgcolor="#F9FAFF">测试地址</td>
  146. <td align="center" bgcolor="#F9FAFF">突发事件</td>
  147. <td align="center" bgcolor="#F9FAFF">&nbsp;</td>
  148. <td align="center" bgcolor="#F9FAFF">未受理</td>
  149. <td align="center" bgcolor="#F9FAFF">2017-07-24 10:00:16</td>
  150. </tr>
  151. <tr>
  152. <td align="center" bgcolor="#FFFFFF">测试内容</td>
  153. <td align="center" bgcolor="#FFFFFF">测试地址</td>
  154. <td align="center" bgcolor="#FFFFFF">突发事件</td>
  155. <td align="center" bgcolor="#FFFFFF">&nbsp;</td>
  156. <td align="center" bgcolor="#FFFFFF">未受理</td>
  157. <td align="center" bgcolor="#FFFFFF">2017-07-25 15:55:53</td>
  158. </tr>
  159. <tr>
  160. <td align="center" bgcolor="#F9FAFF">测试内容</td>
  161. <td align="center" bgcolor="#F9FAFF">测试地址</td>
  162. <td align="center" bgcolor="#F9FAFF">突发事件</td>
  163. <td align="center" bgcolor="#F9FAFF">&nbsp;</td>
  164. <td align="center" bgcolor="#F9FAFF">未受理</td>
  165. <td align="center" bgcolor="#F9FAFF">2017-07-24 10:00:16</td>
  166. </tr>
  167. <tr>
  168. <td align="center" bgcolor="#FFFFFF">测试内容</td>
  169. <td align="center" bgcolor="#FFFFFF">测试地址</td>
  170. <td align="center" bgcolor="#FFFFFF">突发事件</td>
  171. <td align="center" bgcolor="#FFFFFF">&nbsp;</td>
  172. <td align="center" bgcolor="#FFFFFF">未受理</td>
  173. <td align="center" bgcolor="#FFFFFF">2017-07-25 15:55:53</td>
  174. </tr>
  175. </table>
  176. <table width="100%" border="0" cellspacing="0" cellpadding="0" id=contentdiv1_2 style="DISPLAY: none" name="contentdiv1_2">
  177. <tr>
  178. <td>222</td>
  179. </tr>
  180. </table>
  181. <table width="100%" border="0" cellspacing="0" cellpadding="0" id=contentdiv1_3 style="DISPLAY: none" name="contentdiv1_3">
  182. <tr>
  183. <td>333</td>
  184. </tr>
  185. </table></td>
  186. <td valign="top" class="bg2"><table width="100%" border="0" cellpadding="10" cellspacing="0">
  187. <tr>
  188. <td height="50" class="bg3">月度数据分析</td>
  189. </tr>
  190. </table>
  191. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  192. <tr>
  193. <td width="33%" class="title2">上月区域多发top10</td>
  194. <td></td>
  195. <td class="title2">本月区域多发top10</td>
  196. <td></td>
  197. <td width="33%" class="title2">近15天趋势图</td>
  198. </tr>
  199. <tr>
  200. <td bgcolor="#e9f2f9" class="bg1"><p>&nbsp;</p>
  201. <p>&nbsp;</p>
  202. <p>&nbsp;</p>
  203. <p>&nbsp;</p>
  204. <p>&nbsp;</p>
  205. <p>&nbsp;</p></td>
  206. <td width="10"></td>
  207. <td bgcolor="#e9f2f9" class="bg1"><p>&nbsp;</p>
  208. <p>&nbsp;</p>
  209. <p>&nbsp;</p>
  210. <p>&nbsp;</p>
  211. <p>&nbsp;</p>
  212. <p>&nbsp;</p></td>
  213. <td width="10"></td>
  214. <td bgcolor="#e9f2f9" class="bg1"><p>&nbsp;</p>
  215. <p>&nbsp;</p>
  216. <p>&nbsp;</p>
  217. <p>&nbsp;</p>
  218. <p>&nbsp;</p>
  219. <p>&nbsp;</p></td>
  220. </tr>
  221. </table></td>
  222. </tr>
  223. </table></td>
  224. </tr>
  225. </table>
  226. <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#163961">
  227. <tr>
  228. <td height="5" align="center" bgcolor="#FFFFFF"></td>
  229. </tr>
  230. <tr>
  231. <td height="100" align="center" background="images/footer_lines_bg.png"><table width="1000" border="0" cellspacing="0" cellpadding="0">
  232. <tr>
  233. <td height="30" class="copy">智慧华中大 Copyright (C) 2017</td>
  234. </tr>
  235. <tr>
  236. <td><hr></td>
  237. </tr>
  238. <tr>
  239. <td height="30" class="copy">主管:网络与信息化办公室 技术支持:网络与计算中心 </td>
  240. </tr>
  241. </table></td>
  242. </tr>
  243. </table>
  244. </body>
  245. </html>
  246. <SCRIPT language=javascript>
  247. //<!--可以共用的显示-隐藏层代码 模块开始 -->
  248. function showdivs(name,id,num){
  249. for(i=1;i<num+1;i++){
  250. document.getElementById(name+i).style.display = "none"; //隐藏其他层
  251. }
  252. document.getElementById(name+id).style.display = "block"; //显示当前层
  253. }
  254. //<!--可以共用的显示-隐藏层代码 模块结束 -->
  255. //<!--可以共用的变换文字背景代码 模块开始 -->
  256. function switchtdbg(name,id,num){
  257. for(i=1;i<num+1;i++){
  258. document.getElementById(name+i).style.backgroundImage="url(images/tab_02.gif)"; //隐藏其他td背景
  259. //backgroundImage = "url(images/switchtabbg1a.gif)";
  260. }
  261. document.getElementById(name+id).style.backgroundImage="url(images/tab_01.png)"; //显示当前td背景
  262. }
  263. //<!--可以共用的变换文字背景代码 模块结束 -->
  264. </SCRIPT>