index.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="css/default.css"/>
  5. <link rel="stylesheet" type="text/css" href="css/mobile.css"/>
  6. <link rel='stylesheet' href='css/jquery-ui.css'>
  7. <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  8. <script type="text/javascript" src="js/common.js"></script>
  9. <meta charset="utf-8">
  10. <meta name="viewport" content="width=device-width,maximum-scale=1.0,user-scalable=no">
  11. <title>大数据智慧能力 - 网络能力 </title>
  12. <!--
  13. 访问地址:https://paycloud.vip
  14. -->
  15. </head>
  16. <body>
  17. <div id="wrapper">
  18. <h1>大数据智慧能力 - 网络能力 </h1>
  19. <h2><strong>重点关注</strong><sub>Focus on the indicators</sub><b class="logoline"></b><b class="logoline1"></b><b class="logoline2"></b><b class="logoline3"></b><b class="logoline4"></b></h2>
  20. <!--时间区-->
  21. <div class="date-timer">
  22. <p>
  23. <strong id="H"></strong>
  24. <strong>:</strong>
  25. <strong id="M"></strong>
  26. <strong id="S" class="hide"></strong>
  27. </p>
  28. <em id="D"></em>
  29. <ul>
  30. <li id="Y"></li>
  31. <li id="MH"></li>
  32. <li id="TD"></li>
  33. </ul>
  34. </div>
  35. <div class="big-index-1">
  36. <ul>
  37. <li>
  38. <b class="animation-1"></b><b class="animation-2"></b><b class="animation-3"></b>
  39. <p>VLR登记用户数</p>
  40. <strong>174.6069</strong>
  41. </li>
  42. <li>
  43. <b class="animation-1"></b><b class="animation-2"></b><b class="animation-3"></b>
  44. <p>VLR登记用户数</p>
  45. <strong>174.6069</strong>
  46. </li>
  47. <li>
  48. <b class="animation-1"></b><b class="animation-2"></b><b class="animation-3"></b>
  49. <p>VLR登记用户数</p>
  50. <strong>174.6069</strong>
  51. </li>
  52. <li>
  53. <b class="animation-1"></b><b class="animation-2"></b><b class="animation-3"></b>
  54. <p>VLR登记用户数</p>
  55. <strong>174.6069</strong>
  56. </li>
  57. <li>
  58. <b class="animation-1"></b><b class="animation-2"></b><b class="animation-3"></b>
  59. <p>VLR登记用户数</p>
  60. <strong>174.6069</strong>
  61. </li>
  62. <li>
  63. <b class="animation-1"></b><b class="animation-2"></b><b class="animation-3"></b>
  64. <p>VLR登记用户数</p>
  65. <strong>174.6069</strong>
  66. </li>
  67. </ul>
  68. </div>
  69. <div class="submenu">
  70. <ul>
  71. <li><a href="#this"><b>68</b><span>无线专业<em></em></span></a> </li>
  72. <li><a href="#this" class="active"><b>69</b><span>交换专业<em></em></span></a> </li>
  73. <li><a href="#this"><b>70</b><span>数据专业<em></em></span></a> </li>
  74. <li><a href="#this"><b>71</b><span>输出专业<em></em></span></a> </li>
  75. </ul>
  76. </div>
  77. <div class="center-area">
  78. <div class="pandect-area">
  79. <h3>
  80. <p>当前08时<sub>8 points</sub></p>
  81. <strong>总览</strong>
  82. <em> 11时:29.742 Erl</em>
  83. </h3>
  84. <span class="pandect-area-left">
  85. <b></b>
  86. </span>
  87. <div class="pandect-area-center">
  88. <img src="images/charts.png" />
  89. </div>
  90. <span class="pandect-area-right">
  91. <b></b>
  92. </span>
  93. </div>
  94. <div class="details1-area">
  95. <span class="detailsl-area-left"></span>
  96. <div class="details1-area-center">
  97. <h3>VLR登录用户数</h3>
  98. <dl>
  99. <dt>上月平均值</dt>
  100. <dd>
  101. <ul>
  102. <li></li>
  103. <li></li>
  104. <li></li>
  105. <li></li>
  106. <li></li>
  107. <li></li>
  108. <li></li>
  109. <li></li>
  110. <li></li>
  111. <li></li>
  112. <li></li>
  113. <li></li>
  114. <li class="red"></li>
  115. <li></li>
  116. <li></li>
  117. <li></li>
  118. <li></li>
  119. <li></li>
  120. <li></li>
  121. <li></li>
  122. <li></li>
  123. <li></li>
  124. <li></li>
  125. <li></li>
  126. <li></li>
  127. </ul>
  128. 448875
  129. </dd>
  130. <dt>昨日语音网络接通率</dt>
  131. <dd>
  132. <ul>
  133. <li class="yellow"></li>
  134. <li class="yellow"></li>
  135. <li class="yellow"></li>
  136. <li class="yellow"></li>
  137. <li class="yellow"></li>
  138. <li class="yellow"></li>
  139. <li class="yellow"></li>
  140. <li class="yellow"></li>
  141. <li class="yellow"></li>
  142. <li class="yellow"></li>
  143. <li class="yellow"></li>
  144. <li class="yellow"></li>
  145. <li class="yellow"></li>
  146. <li class="red"></li>
  147. <li class="red"></li>
  148. <li class="red"></li>
  149. <li class="red"></li>
  150. <li class="red"></li>
  151. <li class="red"></li>
  152. <li class="red"></li>
  153. <li class="red"></li>
  154. <li class="red"></li>
  155. <li class="red"></li>
  156. <li class="red"></li>
  157. <li class="red"></li>
  158. </ul>
  159. 448875
  160. </dd>
  161. <dt>今日语音网络接通率 </dt>
  162. <dd>
  163. <ul>
  164. <li></li>
  165. <li></li>
  166. <li></li>
  167. <li></li>
  168. <li></li>
  169. <li></li>
  170. <li></li>
  171. <li></li>
  172. <li></li>
  173. <li></li>
  174. <li></li>
  175. <li></li>
  176. <li></li>
  177. <li class="red"></li>
  178. <li class="red"></li>
  179. <li class="red"></li>
  180. <li class="red"></li>
  181. <li class="red"></li>
  182. <li></li>
  183. <li></li>
  184. <li></li>
  185. <li></li>
  186. <li></li>
  187. <li></li>
  188. <li></li>
  189. </ul>
  190. 448875
  191. </dd>
  192. </dl>
  193. <b></b>
  194. </div>
  195. <span class="detailsl-area-right"></span>
  196. </div>
  197. <div class="details2-area">
  198. <span class="details2-area-left"></span>
  199. <div class="details2-area-center">
  200. <h3>A口话务量</h3>
  201. <dl>
  202. <dt>上月平均值</dt>
  203. <dd>
  204. <ul>
  205. <li></li>
  206. <li></li>
  207. <li></li>
  208. <li></li>
  209. <li></li>
  210. <li></li>
  211. <li></li>
  212. <li></li>
  213. <li></li>
  214. <li></li>
  215. <li></li>
  216. <li></li>
  217. <li class="red"></li>
  218. <li></li>
  219. <li></li>
  220. <li></li>
  221. <li></li>
  222. <li></li>
  223. <li></li>
  224. <li></li>
  225. <li></li>
  226. <li></li>
  227. <li></li>
  228. <li></li>
  229. <li></li>
  230. </ul>
  231. 448875
  232. </dd>
  233. <dt>昨日语音网络接通率</dt>
  234. <dd>
  235. <ul>
  236. <li class="yellow"></li>
  237. <li class="yellow"></li>
  238. <li class="yellow"></li>
  239. <li class="yellow"></li>
  240. <li class="yellow"></li>
  241. <li class="yellow"></li>
  242. <li class="yellow"></li>
  243. <li class="yellow"></li>
  244. <li class="yellow"></li>
  245. <li class="yellow"></li>
  246. <li class="yellow"></li>
  247. <li class="yellow"></li>
  248. <li class="yellow"></li>
  249. <li class="red"></li>
  250. <li class="red"></li>
  251. <li class="red"></li>
  252. <li class="red"></li>
  253. <li class="red"></li>
  254. <li class="red"></li>
  255. <li class="red"></li>
  256. <li class="red"></li>
  257. <li class="red"></li>
  258. <li class="red"></li>
  259. <li class="red"></li>
  260. <li class="red"></li>
  261. </ul>
  262. 448875
  263. </dd>
  264. <dt>今日语音网络接通率 </dt>
  265. <dd>
  266. <ul>
  267. <li></li>
  268. <li></li>
  269. <li></li>
  270. <li></li>
  271. <li></li>
  272. <li></li>
  273. <li></li>
  274. <li></li>
  275. <li></li>
  276. <li></li>
  277. <li></li>
  278. <li></li>
  279. <li></li>
  280. <li class="red"></li>
  281. <li class="red"></li>
  282. <li class="red"></li>
  283. <li class="red"></li>
  284. <li class="red"></li>
  285. <li></li>
  286. <li></li>
  287. <li></li>
  288. <li></li>
  289. <li></li>
  290. <li></li>
  291. <li></li>
  292. </ul>
  293. 448875
  294. </dd>
  295. </dl>
  296. <b></b>
  297. </div>
  298. <span class="details2-area-right"></span>
  299. </div>
  300. </div>
  301. <div class="right-area">
  302. <h3>语音网络接通率 <b></b></h3>
  303. <div class="area-inbox-1">
  304. <dl>
  305. <dt>上月平均值</dt>
  306. <dd class="font12"><span>76.525%</span><b></b></dd>
  307. <dt class="ml-20">今日语音网络接通率</dt>
  308. <dd class="font-red ml-20"><span>74.113%</span><b></b></dd>
  309. <dt>今日语音网络接通率</dt>
  310. <dd><span>68.113%</span><b></b></dd>
  311. </dl>
  312. <div class="round-1"></div>
  313. <div class="round-2"></div>
  314. <div class="round-3">30%</div>
  315. <div class="round-4"></div>
  316. </div>
  317. <div class="area-inbox-2">
  318. <ul>
  319. <li><strong>12</strong>74.23%<b></b><em></em></li>
  320. <li><strong>16</strong>71.19%<b></b><em></em></li>
  321. <li><strong>18</strong>68.02%<b></b><em></em></li>
  322. </ul>
  323. <div class="area-text">
  324. <b class="animation-line1"></b>
  325. <h4>口径说明:</h4>
  326. <p class="text_container">
  327. <script>var s = '(当日VLR登记用户数、昨日VLR登记用户数、上月平均值当日语音网络接通率、昨日语音网络接通'; var con = $('.text_container'); var index = 0; var length = s.length; var tId = null; function start(){ con.text(''); tId=setInterval(function(){ con.append(s.charAt(index)); if(index++ === length){ clearInterval(tId); index = 0; start() } },100); } start();</script>
  328. </p>
  329. <b class="animation-line2"></b>
  330. </div>
  331. </div>
  332. </div>
  333. <div class="time-base-outer">
  334. <b class="line1"></b>
  335. <div class="time-base">
  336. <div class="slider2"></div>
  337. <script src="js/jquery_and_jqueryui.js"></script>
  338. <script src="js/index.js"></script>
  339. </div>
  340. <b class="line2"></b>
  341. </div>
  342. </div>
  343. </body>
  344. </html>