全屏监控.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>全屏监控</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  7. <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
  8. <link href="data/styles.css" type="text/css" rel="stylesheet"/>
  9. <link href="files/全屏监控/styles.css" type="text/css" rel="stylesheet"/>
  10. <script src="resources/scripts/jquery-3.2.1.min.js"></script>
  11. <script src="resources/scripts/axure/axQuery.js"></script>
  12. <script src="resources/scripts/axure/globals.js"></script>
  13. <script src="resources/scripts/axutils.js"></script>
  14. <script src="resources/scripts/axure/annotation.js"></script>
  15. <script src="resources/scripts/axure/axQuery.std.js"></script>
  16. <script src="resources/scripts/axure/doc.js"></script>
  17. <script src="resources/scripts/messagecenter.js"></script>
  18. <script src="resources/scripts/axure/events.js"></script>
  19. <script src="resources/scripts/axure/recording.js"></script>
  20. <script src="resources/scripts/axure/action.js"></script>
  21. <script src="resources/scripts/axure/expr.js"></script>
  22. <script src="resources/scripts/axure/geometry.js"></script>
  23. <script src="resources/scripts/axure/flyout.js"></script>
  24. <script src="resources/scripts/axure/model.js"></script>
  25. <script src="resources/scripts/axure/repeater.js"></script>
  26. <script src="resources/scripts/axure/sto.js"></script>
  27. <script src="resources/scripts/axure/utils.temp.js"></script>
  28. <script src="resources/scripts/axure/variables.js"></script>
  29. <script src="resources/scripts/axure/drag.js"></script>
  30. <script src="resources/scripts/axure/move.js"></script>
  31. <script src="resources/scripts/axure/visibility.js"></script>
  32. <script src="resources/scripts/axure/style.js"></script>
  33. <script src="resources/scripts/axure/adaptive.js"></script>
  34. <script src="resources/scripts/axure/tree.js"></script>
  35. <script src="resources/scripts/axure/init.temp.js"></script>
  36. <script src="resources/scripts/axure/legacy.js"></script>
  37. <script src="resources/scripts/axure/viewer.js"></script>
  38. <script src="resources/scripts/axure/math.js"></script>
  39. <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
  40. <script src="data/document.js"></script>
  41. <script src="files/全屏监控/data.js"></script>
  42. <script type="text/javascript">
  43. $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
  44. $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
  45. $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
  46. </script>
  47. </head>
  48. <body>
  49. <div id="base" class="">
  50. <!-- Unnamed (Group) -->
  51. <div id="u8833" class="ax_default" data-left="68" data-top="43" data-width="996" data-height="623" layer-opacity="1">
  52. <!-- Unnamed (Group) -->
  53. <div id="u8834" class="ax_default" data-left="68" data-top="43" data-width="996" data-height="623" layer-opacity="1">
  54. <!-- Unnamed (Rectangle) -->
  55. <div id="u8835" class="ax_default box_3">
  56. <div id="u8835_div" class=""></div>
  57. <div id="u8835_text" class="text " style="display:none; visibility: hidden">
  58. <p></p>
  59. </div>
  60. </div>
  61. <!-- Unnamed (Shape) -->
  62. <div id="u8836" class="ax_default icon">
  63. <img id="u8836_img" class="img " src="images/智慧安防/u2356.svg"/>
  64. <div id="u8836_text" class="text " style="display:none; visibility: hidden">
  65. <p></p>
  66. </div>
  67. </div>
  68. </div>
  69. <!-- Unnamed (Shape) -->
  70. <div id="u8837" class="ax_default icon">
  71. <img id="u8837_img" class="img " src="images/智慧安防/u2360.svg"/>
  72. <div id="u8837_text" class="text " style="display:none; visibility: hidden">
  73. <p></p>
  74. </div>
  75. </div>
  76. <!-- Unnamed (Group) -->
  77. <div id="u8838" class="ax_default" data-left="100" data-top="64" data-width="220" data-height="17" layer-opacity="1">
  78. <!-- Unnamed (Rectangle) -->
  79. <div id="u8839" class="ax_default paragraph">
  80. <div id="u8839_div" class=""></div>
  81. <div id="u8839_text" class="text ">
  82. <p><span>设备名称</span></p>
  83. </div>
  84. </div>
  85. <!-- Unnamed (Rectangle) -->
  86. <div id="u8840" class="ax_default paragraph">
  87. <div id="u8840_div" class=""></div>
  88. <div id="u8840_text" class="text ">
  89. <p><span>当前时间</span></p>
  90. </div>
  91. </div>
  92. <!-- Unnamed (Rectangle) -->
  93. <div id="u8841" class="ax_default paragraph">
  94. <div id="u8841_div" class=""></div>
  95. <div id="u8841_text" class="text ">
  96. <p><span>点位信息</span></p>
  97. </div>
  98. </div>
  99. <!-- Unnamed (Shape) -->
  100. <div id="u8842" class="ax_default icon">
  101. <img id="u8842_img" class="img " src="images/智慧安防/u2365.svg"/>
  102. <div id="u8842_text" class="text " style="display:none; visibility: hidden">
  103. <p></p>
  104. </div>
  105. </div>
  106. </div>
  107. <!-- Unnamed (Group) -->
  108. <div id="u8843" class="ax_default" data-left="956" data-top="527" data-width="100" data-height="100" layer-opacity="1">
  109. <!-- Unnamed (Rectangle) -->
  110. <div id="u8844" class="ax_default box_1">
  111. <div id="u8844_div" class=""></div>
  112. <div id="u8844_text" class="text " style="display:none; visibility: hidden">
  113. <p></p>
  114. </div>
  115. </div>
  116. <!-- Unnamed (Rectangle) -->
  117. <div id="u8845" class="ax_default box_1">
  118. <div id="u8845_div" class=""></div>
  119. <div id="u8845_text" class="text ">
  120. <p><span>子码流</span></p>
  121. </div>
  122. </div>
  123. <!-- Unnamed (Rectangle) -->
  124. <div id="u8846" class="ax_default box_1">
  125. <div id="u8846_div" class=""></div>
  126. <div id="u8846_text" class="text ">
  127. <p><span>主码流</span></p>
  128. </div>
  129. </div>
  130. </div>
  131. <!-- Unnamed (Droplist) -->
  132. <div id="u8847" class="ax_default droplist">
  133. <div id="u8847_div" class=""></div>
  134. <select id="u8847_input" class="u8847_input">
  135. <option class="u8847_input_option" value="切换码流">切换码流</option>
  136. </select>
  137. </div>
  138. <!-- Unnamed (Droplist) -->
  139. <div id="u8848" class="ax_default droplist">
  140. <div id="u8848_div" class=""></div>
  141. <select id="u8848_input" class="u8848_input">
  142. <option class="u8848_input_option" value="预设位置">预设位置</option>
  143. </select>
  144. </div>
  145. <!-- Unnamed (Group) -->
  146. <div id="u8849" class="ax_default" data-left="846" data-top="527" data-width="100" data-height="100" layer-opacity="1">
  147. <!-- Unnamed (Rectangle) -->
  148. <div id="u8850" class="ax_default box_1">
  149. <div id="u8850_div" class=""></div>
  150. <div id="u8850_text" class="text " style="display:none; visibility: hidden">
  151. <p></p>
  152. </div>
  153. </div>
  154. <!-- Unnamed (Rectangle) -->
  155. <div id="u8851" class="ax_default box_1">
  156. <div id="u8851_div" class=""></div>
  157. <div id="u8851_text" class="text ">
  158. <p><span>预设位置1</span></p>
  159. </div>
  160. </div>
  161. <!-- Unnamed (Rectangle) -->
  162. <div id="u8852" class="ax_default box_1">
  163. <div id="u8852_div" class=""></div>
  164. <div id="u8852_text" class="text ">
  165. <p><span>预设位置2</span></p>
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. <!-- Unnamed (Rectangle) -->
  171. <div id="u8853" class="ax_default paragraph">
  172. <div id="u8853_div" class=""></div>
  173. <div id="u8853_text" class="text ">
  174. <p><span>1、点击监控全屏,可全屏查看实时监控;</span></p><p><span>2、可切换视频的主码流/子码流;</span></p><p><span>3、可切换监控的预设位置(有预设位置功能的情况下);</span></p><p><span>4、可控制监控云台(有云台控制功能的情况下)。</span></p>
  175. </div>
  176. </div>
  177. <!-- Unnamed (Rectangle) -->
  178. <div id="u8854" class="ax_default paragraph">
  179. <div id="u8854_div" class=""></div>
  180. <div id="u8854_text" class="text ">
  181. <p><span>1、设备名称:监控设备的名称;</span></p><p><span>2、当前时间:显示实时时间,年月日 时分秒</span></p><p><span>3、点位信息:监控设备的地理位置</span></p>
  182. </div>
  183. </div>
  184. <!-- Unnamed (Group) -->
  185. <div id="u8855" class="ax_default" data-left="854" data-top="72" data-width="191" data-height="189" layer-opacity="1">
  186. <!-- Unnamed (Rectangle) -->
  187. <div id="u8856" class="ax_default paragraph">
  188. <div id="u8856_div" class=""></div>
  189. <div id="u8856_text" class="text ">
  190. <p><span>云台控制</span></p>
  191. </div>
  192. </div>
  193. <!-- Unnamed (Group) -->
  194. <div id="u8857" class="ax_default" data-left="855" data-top="107" data-width="30" data-height="30" layer-opacity="1">
  195. <!-- Unnamed (Rectangle) -->
  196. <div id="u8858" class="ax_default box_1">
  197. <div id="u8858_div" class=""></div>
  198. <div id="u8858_text" class="text " style="display:none; visibility: hidden">
  199. <p></p>
  200. </div>
  201. </div>
  202. <!-- Unnamed (Shape) -->
  203. <div id="u8859" class="ax_default icon">
  204. <img id="u8859_img" class="img " src="images/智慧安防/u2381.svg"/>
  205. <div id="u8859_text" class="text " style="display:none; visibility: hidden">
  206. <p></p>
  207. </div>
  208. </div>
  209. </div>
  210. <!-- Unnamed (Group) -->
  211. <div id="u8860" class="ax_default" data-left="895" data-top="107" data-width="30" data-height="30" layer-opacity="1">
  212. <!-- Unnamed (Rectangle) -->
  213. <div id="u8861" class="ax_default box_1">
  214. <div id="u8861_div" class=""></div>
  215. <div id="u8861_text" class="text " style="display:none; visibility: hidden">
  216. <p></p>
  217. </div>
  218. </div>
  219. <!-- Unnamed (Shape) -->
  220. <div id="u8862" class="ax_default icon">
  221. <img id="u8862_img" class="img " src="images/智慧安防/u2381.svg"/>
  222. <div id="u8862_text" class="text " style="display:none; visibility: hidden">
  223. <p></p>
  224. </div>
  225. </div>
  226. </div>
  227. <!-- Unnamed (Group) -->
  228. <div id="u8863" class="ax_default" data-left="935" data-top="107" data-width="30" data-height="30" layer-opacity="1">
  229. <!-- Unnamed (Rectangle) -->
  230. <div id="u8864" class="ax_default box_1">
  231. <div id="u8864_div" class=""></div>
  232. <div id="u8864_text" class="text " style="display:none; visibility: hidden">
  233. <p></p>
  234. </div>
  235. </div>
  236. <!-- Unnamed (Shape) -->
  237. <div id="u8865" class="ax_default icon">
  238. <img id="u8865_img" class="img " src="images/智慧安防/u2381.svg"/>
  239. <div id="u8865_text" class="text " style="display:none; visibility: hidden">
  240. <p></p>
  241. </div>
  242. </div>
  243. </div>
  244. <!-- Unnamed (Group) -->
  245. <div id="u8866" class="ax_default" data-left="855" data-top="147" data-width="30" data-height="30" layer-opacity="1">
  246. <!-- Unnamed (Rectangle) -->
  247. <div id="u8867" class="ax_default box_1">
  248. <div id="u8867_div" class=""></div>
  249. <div id="u8867_text" class="text " style="display:none; visibility: hidden">
  250. <p></p>
  251. </div>
  252. </div>
  253. <!-- Unnamed (Shape) -->
  254. <div id="u8868" class="ax_default icon">
  255. <img id="u8868_img" class="img " src="images/智慧安防/u2381.svg"/>
  256. <div id="u8868_text" class="text " style="display:none; visibility: hidden">
  257. <p></p>
  258. </div>
  259. </div>
  260. </div>
  261. <!-- Unnamed (Group) -->
  262. <div id="u8869" class="ax_default" data-left="935" data-top="147" data-width="30" data-height="30" layer-opacity="1">
  263. <!-- Unnamed (Rectangle) -->
  264. <div id="u8870" class="ax_default box_1">
  265. <div id="u8870_div" class=""></div>
  266. <div id="u8870_text" class="text " style="display:none; visibility: hidden">
  267. <p></p>
  268. </div>
  269. </div>
  270. <!-- Unnamed (Shape) -->
  271. <div id="u8871" class="ax_default icon">
  272. <img id="u8871_img" class="img " src="images/智慧安防/u2381.svg"/>
  273. <div id="u8871_text" class="text " style="display:none; visibility: hidden">
  274. <p></p>
  275. </div>
  276. </div>
  277. </div>
  278. <!-- Unnamed (Group) -->
  279. <div id="u8872" class="ax_default" data-left="855" data-top="187" data-width="30" data-height="30" layer-opacity="1">
  280. <!-- Unnamed (Rectangle) -->
  281. <div id="u8873" class="ax_default box_1">
  282. <div id="u8873_div" class=""></div>
  283. <div id="u8873_text" class="text " style="display:none; visibility: hidden">
  284. <p></p>
  285. </div>
  286. </div>
  287. <!-- Unnamed (Shape) -->
  288. <div id="u8874" class="ax_default icon">
  289. <img id="u8874_img" class="img " src="images/智慧安防/u2381.svg"/>
  290. <div id="u8874_text" class="text " style="display:none; visibility: hidden">
  291. <p></p>
  292. </div>
  293. </div>
  294. </div>
  295. <!-- Unnamed (Group) -->
  296. <div id="u8875" class="ax_default" data-left="895" data-top="187" data-width="30" data-height="30" layer-opacity="1">
  297. <!-- Unnamed (Rectangle) -->
  298. <div id="u8876" class="ax_default box_1">
  299. <div id="u8876_div" class=""></div>
  300. <div id="u8876_text" class="text " style="display:none; visibility: hidden">
  301. <p></p>
  302. </div>
  303. </div>
  304. <!-- Unnamed (Shape) -->
  305. <div id="u8877" class="ax_default icon">
  306. <img id="u8877_img" class="img " src="images/智慧安防/u2381.svg"/>
  307. <div id="u8877_text" class="text " style="display:none; visibility: hidden">
  308. <p></p>
  309. </div>
  310. </div>
  311. </div>
  312. <!-- Unnamed (Group) -->
  313. <div id="u8878" class="ax_default" data-left="935" data-top="187" data-width="30" data-height="30" layer-opacity="1">
  314. <!-- Unnamed (Rectangle) -->
  315. <div id="u8879" class="ax_default box_1">
  316. <div id="u8879_div" class=""></div>
  317. <div id="u8879_text" class="text " style="display:none; visibility: hidden">
  318. <p></p>
  319. </div>
  320. </div>
  321. <!-- Unnamed (Shape) -->
  322. <div id="u8880" class="ax_default icon">
  323. <img id="u8880_img" class="img " src="images/智慧安防/u2381.svg"/>
  324. <div id="u8880_text" class="text " style="display:none; visibility: hidden">
  325. <p></p>
  326. </div>
  327. </div>
  328. </div>
  329. <!-- Unnamed (Rectangle) -->
  330. <div id="u8881" class="ax_default box_1">
  331. <div id="u8881_div" class=""></div>
  332. <div id="u8881_text" class="text ">
  333. <p><span>+</span></p>
  334. </div>
  335. </div>
  336. <!-- Unnamed (Rectangle) -->
  337. <div id="u8882" class="ax_default box_1">
  338. <div id="u8882_div" class=""></div>
  339. <div id="u8882_text" class="text ">
  340. <p><span>+</span></p>
  341. </div>
  342. </div>
  343. <!-- Unnamed (Rectangle) -->
  344. <div id="u8883" class="ax_default box_1">
  345. <div id="u8883_div" class=""></div>
  346. <div id="u8883_text" class="text ">
  347. <p><span>+</span></p>
  348. </div>
  349. </div>
  350. <!-- Unnamed (Group) -->
  351. <div id="u8884" class="ax_default" data-left="1015" data-top="107" data-width="30" data-height="30" layer-opacity="1">
  352. <!-- Unnamed (Rectangle) -->
  353. <div id="u8885" class="ax_default box_1">
  354. <div id="u8885_div" class=""></div>
  355. <div id="u8885_text" class="text " style="display:none; visibility: hidden">
  356. <p></p>
  357. </div>
  358. </div>
  359. <!-- Unnamed (Shape) -->
  360. <div id="u8886" class="ax_default icon">
  361. <img id="u8886_img" class="img " src="images/智慧安防/u2408.svg"/>
  362. <div id="u8886_text" class="text " style="display:none; visibility: hidden">
  363. <p></p>
  364. </div>
  365. </div>
  366. </div>
  367. <!-- Unnamed (Group) -->
  368. <div id="u8887" class="ax_default" data-left="1015" data-top="147" data-width="30" data-height="30" layer-opacity="1">
  369. <!-- Unnamed (Rectangle) -->
  370. <div id="u8888" class="ax_default box_1">
  371. <div id="u8888_div" class=""></div>
  372. <div id="u8888_text" class="text " style="display:none; visibility: hidden">
  373. <p></p>
  374. </div>
  375. </div>
  376. <!-- Unnamed (Shape) -->
  377. <div id="u8889" class="ax_default icon">
  378. <img id="u8889_img" class="img " src="images/智慧安防/u2411.svg"/>
  379. <div id="u8889_text" class="text " style="display:none; visibility: hidden">
  380. <p></p>
  381. </div>
  382. </div>
  383. </div>
  384. <!-- Unnamed (Group) -->
  385. <div id="u8890" class="ax_default" data-left="1015" data-top="187" data-width="30" data-height="30" layer-opacity="1">
  386. <!-- Unnamed (Rectangle) -->
  387. <div id="u8891" class="ax_default box_1">
  388. <div id="u8891_div" class=""></div>
  389. <div id="u8891_text" class="text " style="display:none; visibility: hidden">
  390. <p></p>
  391. </div>
  392. </div>
  393. <!-- Unnamed (Shape) -->
  394. <div id="u8892" class="ax_default icon">
  395. <img id="u8892_img" class="img " src="images/智慧安防/u2414.svg"/>
  396. <div id="u8892_text" class="text " style="display:none; visibility: hidden">
  397. <p></p>
  398. </div>
  399. </div>
  400. </div>
  401. <!-- Unnamed (Group) -->
  402. <div id="u8893" class="ax_default" data-left="946" data-top="213" data-width="84" data-height="48" layer-opacity="1">
  403. <!-- Unnamed (Rectangle) -->
  404. <div id="u8894" class="ax_default paragraph">
  405. <div id="u8894_div" class=""></div>
  406. <div id="u8894_text" class="text ">
  407. <p><span>云台速度:128</span></p>
  408. </div>
  409. </div>
  410. <!-- Unnamed (Shape) -->
  411. <div id="u8895" class="ax_default icon1">
  412. <img id="u8895_img" class="img " src="images/智慧安防/u2417.svg"/>
  413. <div id="u8895_text" class="text " style="display:none; visibility: hidden">
  414. <p></p>
  415. </div>
  416. </div>
  417. </div>
  418. <!-- Unnamed (Rectangle) -->
  419. <div id="u8896" class="ax_default box_1">
  420. <div id="u8896_div" class=""></div>
  421. <div id="u8896_text" class="text " style="display:none; visibility: hidden">
  422. <p></p>
  423. </div>
  424. </div>
  425. <!-- Unnamed (Rectangle) -->
  426. <div id="u8897" class="ax_default box_1">
  427. <div id="u8897_div" class=""></div>
  428. <div id="u8897_text" class="text " style="display:none; visibility: hidden">
  429. <p></p>
  430. </div>
  431. </div>
  432. <!-- Unnamed (Ellipse) -->
  433. <div id="u8898" class="ax_default ellipse">
  434. <img id="u8898_img" class="img " src="images/智慧安防/u2420.svg"/>
  435. <div id="u8898_text" class="text " style="display:none; visibility: hidden">
  436. <p></p>
  437. </div>
  438. </div>
  439. </div>
  440. </div>
  441. <script src="resources/scripts/axure/ios.js"></script>
  442. </body>
  443. </html>