全屏监控.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="u8571" class="ax_default" data-left="68" data-top="43" data-width="996" data-height="623" layer-opacity="1">
  52. <!-- Unnamed (Group) -->
  53. <div id="u8572" class="ax_default" data-left="68" data-top="43" data-width="996" data-height="623" layer-opacity="1">
  54. <!-- Unnamed (Rectangle) -->
  55. <div id="u8573" class="ax_default box_3">
  56. <div id="u8573_div" class=""></div>
  57. <div id="u8573_text" class="text " style="display:none; visibility: hidden">
  58. <p></p>
  59. </div>
  60. </div>
  61. <!-- Unnamed (Shape) -->
  62. <div id="u8574" class="ax_default icon">
  63. <img id="u8574_img" class="img " src="images/智慧安防/u2364.svg"/>
  64. <div id="u8574_text" class="text " style="display:none; visibility: hidden">
  65. <p></p>
  66. </div>
  67. </div>
  68. </div>
  69. <!-- Unnamed (Shape) -->
  70. <div id="u8575" class="ax_default icon">
  71. <img id="u8575_img" class="img " src="images/智慧安防/u2368.svg"/>
  72. <div id="u8575_text" class="text " style="display:none; visibility: hidden">
  73. <p></p>
  74. </div>
  75. </div>
  76. <!-- Unnamed (Group) -->
  77. <div id="u8576" class="ax_default" data-left="100" data-top="64" data-width="220" data-height="17" layer-opacity="1">
  78. <!-- Unnamed (Rectangle) -->
  79. <div id="u8577" class="ax_default paragraph">
  80. <div id="u8577_div" class=""></div>
  81. <div id="u8577_text" class="text ">
  82. <p><span>设备名称</span></p>
  83. </div>
  84. </div>
  85. <!-- Unnamed (Rectangle) -->
  86. <div id="u8578" class="ax_default paragraph">
  87. <div id="u8578_div" class=""></div>
  88. <div id="u8578_text" class="text ">
  89. <p><span>当前时间</span></p>
  90. </div>
  91. </div>
  92. <!-- Unnamed (Rectangle) -->
  93. <div id="u8579" class="ax_default paragraph">
  94. <div id="u8579_div" class=""></div>
  95. <div id="u8579_text" class="text ">
  96. <p><span>点位信息</span></p>
  97. </div>
  98. </div>
  99. <!-- Unnamed (Shape) -->
  100. <div id="u8580" class="ax_default icon">
  101. <img id="u8580_img" class="img " src="images/智慧安防/u2373.svg"/>
  102. <div id="u8580_text" class="text " style="display:none; visibility: hidden">
  103. <p></p>
  104. </div>
  105. </div>
  106. </div>
  107. <!-- Unnamed (Group) -->
  108. <div id="u8581" class="ax_default" data-left="956" data-top="527" data-width="100" data-height="100" layer-opacity="1">
  109. <!-- Unnamed (Rectangle) -->
  110. <div id="u8582" class="ax_default box_1">
  111. <div id="u8582_div" class=""></div>
  112. <div id="u8582_text" class="text " style="display:none; visibility: hidden">
  113. <p></p>
  114. </div>
  115. </div>
  116. <!-- Unnamed (Rectangle) -->
  117. <div id="u8583" class="ax_default box_1">
  118. <div id="u8583_div" class=""></div>
  119. <div id="u8583_text" class="text ">
  120. <p><span>子码流</span></p>
  121. </div>
  122. </div>
  123. <!-- Unnamed (Rectangle) -->
  124. <div id="u8584" class="ax_default box_1">
  125. <div id="u8584_div" class=""></div>
  126. <div id="u8584_text" class="text ">
  127. <p><span>主码流</span></p>
  128. </div>
  129. </div>
  130. </div>
  131. <!-- Unnamed (Droplist) -->
  132. <div id="u8585" class="ax_default droplist">
  133. <div id="u8585_div" class=""></div>
  134. <select id="u8585_input" class="u8585_input">
  135. <option class="u8585_input_option" value="切换码流">切换码流</option>
  136. </select>
  137. </div>
  138. <!-- Unnamed (Droplist) -->
  139. <div id="u8586" class="ax_default droplist">
  140. <div id="u8586_div" class=""></div>
  141. <select id="u8586_input" class="u8586_input">
  142. <option class="u8586_input_option" value="预设位置">预设位置</option>
  143. </select>
  144. </div>
  145. <!-- Unnamed (Group) -->
  146. <div id="u8587" class="ax_default" data-left="846" data-top="527" data-width="100" data-height="100" layer-opacity="1">
  147. <!-- Unnamed (Rectangle) -->
  148. <div id="u8588" class="ax_default box_1">
  149. <div id="u8588_div" class=""></div>
  150. <div id="u8588_text" class="text " style="display:none; visibility: hidden">
  151. <p></p>
  152. </div>
  153. </div>
  154. <!-- Unnamed (Rectangle) -->
  155. <div id="u8589" class="ax_default box_1">
  156. <div id="u8589_div" class=""></div>
  157. <div id="u8589_text" class="text ">
  158. <p><span>预设位置1</span></p>
  159. </div>
  160. </div>
  161. <!-- Unnamed (Rectangle) -->
  162. <div id="u8590" class="ax_default box_1">
  163. <div id="u8590_div" class=""></div>
  164. <div id="u8590_text" class="text ">
  165. <p><span>预设位置2</span></p>
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. <!-- Unnamed (Rectangle) -->
  171. <div id="u8591" class="ax_default paragraph">
  172. <div id="u8591_div" class=""></div>
  173. <div id="u8591_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="u8592" class="ax_default paragraph">
  179. <div id="u8592_div" class=""></div>
  180. <div id="u8592_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="u8593" class="ax_default" data-left="854" data-top="72" data-width="191" data-height="189" layer-opacity="1">
  186. <!-- Unnamed (Rectangle) -->
  187. <div id="u8594" class="ax_default paragraph">
  188. <div id="u8594_div" class=""></div>
  189. <div id="u8594_text" class="text ">
  190. <p><span>云台控制</span></p>
  191. </div>
  192. </div>
  193. <!-- Unnamed (Group) -->
  194. <div id="u8595" class="ax_default" data-left="855" data-top="107" data-width="30" data-height="30" layer-opacity="1">
  195. <!-- Unnamed (Rectangle) -->
  196. <div id="u8596" class="ax_default box_1">
  197. <div id="u8596_div" class=""></div>
  198. <div id="u8596_text" class="text " style="display:none; visibility: hidden">
  199. <p></p>
  200. </div>
  201. </div>
  202. <!-- Unnamed (Shape) -->
  203. <div id="u8597" class="ax_default icon">
  204. <img id="u8597_img" class="img " src="images/智慧安防/u2389.svg"/>
  205. <div id="u8597_text" class="text " style="display:none; visibility: hidden">
  206. <p></p>
  207. </div>
  208. </div>
  209. </div>
  210. <!-- Unnamed (Group) -->
  211. <div id="u8598" class="ax_default" data-left="895" data-top="107" data-width="30" data-height="30" layer-opacity="1">
  212. <!-- Unnamed (Rectangle) -->
  213. <div id="u8599" class="ax_default box_1">
  214. <div id="u8599_div" class=""></div>
  215. <div id="u8599_text" class="text " style="display:none; visibility: hidden">
  216. <p></p>
  217. </div>
  218. </div>
  219. <!-- Unnamed (Shape) -->
  220. <div id="u8600" class="ax_default icon">
  221. <img id="u8600_img" class="img " src="images/智慧安防/u2389.svg"/>
  222. <div id="u8600_text" class="text " style="display:none; visibility: hidden">
  223. <p></p>
  224. </div>
  225. </div>
  226. </div>
  227. <!-- Unnamed (Group) -->
  228. <div id="u8601" class="ax_default" data-left="935" data-top="107" data-width="30" data-height="30" layer-opacity="1">
  229. <!-- Unnamed (Rectangle) -->
  230. <div id="u8602" class="ax_default box_1">
  231. <div id="u8602_div" class=""></div>
  232. <div id="u8602_text" class="text " style="display:none; visibility: hidden">
  233. <p></p>
  234. </div>
  235. </div>
  236. <!-- Unnamed (Shape) -->
  237. <div id="u8603" class="ax_default icon">
  238. <img id="u8603_img" class="img " src="images/智慧安防/u2389.svg"/>
  239. <div id="u8603_text" class="text " style="display:none; visibility: hidden">
  240. <p></p>
  241. </div>
  242. </div>
  243. </div>
  244. <!-- Unnamed (Group) -->
  245. <div id="u8604" class="ax_default" data-left="855" data-top="147" data-width="30" data-height="30" layer-opacity="1">
  246. <!-- Unnamed (Rectangle) -->
  247. <div id="u8605" class="ax_default box_1">
  248. <div id="u8605_div" class=""></div>
  249. <div id="u8605_text" class="text " style="display:none; visibility: hidden">
  250. <p></p>
  251. </div>
  252. </div>
  253. <!-- Unnamed (Shape) -->
  254. <div id="u8606" class="ax_default icon">
  255. <img id="u8606_img" class="img " src="images/智慧安防/u2389.svg"/>
  256. <div id="u8606_text" class="text " style="display:none; visibility: hidden">
  257. <p></p>
  258. </div>
  259. </div>
  260. </div>
  261. <!-- Unnamed (Group) -->
  262. <div id="u8607" class="ax_default" data-left="935" data-top="147" data-width="30" data-height="30" layer-opacity="1">
  263. <!-- Unnamed (Rectangle) -->
  264. <div id="u8608" class="ax_default box_1">
  265. <div id="u8608_div" class=""></div>
  266. <div id="u8608_text" class="text " style="display:none; visibility: hidden">
  267. <p></p>
  268. </div>
  269. </div>
  270. <!-- Unnamed (Shape) -->
  271. <div id="u8609" class="ax_default icon">
  272. <img id="u8609_img" class="img " src="images/智慧安防/u2389.svg"/>
  273. <div id="u8609_text" class="text " style="display:none; visibility: hidden">
  274. <p></p>
  275. </div>
  276. </div>
  277. </div>
  278. <!-- Unnamed (Group) -->
  279. <div id="u8610" class="ax_default" data-left="855" data-top="187" data-width="30" data-height="30" layer-opacity="1">
  280. <!-- Unnamed (Rectangle) -->
  281. <div id="u8611" class="ax_default box_1">
  282. <div id="u8611_div" class=""></div>
  283. <div id="u8611_text" class="text " style="display:none; visibility: hidden">
  284. <p></p>
  285. </div>
  286. </div>
  287. <!-- Unnamed (Shape) -->
  288. <div id="u8612" class="ax_default icon">
  289. <img id="u8612_img" class="img " src="images/智慧安防/u2389.svg"/>
  290. <div id="u8612_text" class="text " style="display:none; visibility: hidden">
  291. <p></p>
  292. </div>
  293. </div>
  294. </div>
  295. <!-- Unnamed (Group) -->
  296. <div id="u8613" class="ax_default" data-left="895" data-top="187" data-width="30" data-height="30" layer-opacity="1">
  297. <!-- Unnamed (Rectangle) -->
  298. <div id="u8614" class="ax_default box_1">
  299. <div id="u8614_div" class=""></div>
  300. <div id="u8614_text" class="text " style="display:none; visibility: hidden">
  301. <p></p>
  302. </div>
  303. </div>
  304. <!-- Unnamed (Shape) -->
  305. <div id="u8615" class="ax_default icon">
  306. <img id="u8615_img" class="img " src="images/智慧安防/u2389.svg"/>
  307. <div id="u8615_text" class="text " style="display:none; visibility: hidden">
  308. <p></p>
  309. </div>
  310. </div>
  311. </div>
  312. <!-- Unnamed (Group) -->
  313. <div id="u8616" class="ax_default" data-left="935" data-top="187" data-width="30" data-height="30" layer-opacity="1">
  314. <!-- Unnamed (Rectangle) -->
  315. <div id="u8617" class="ax_default box_1">
  316. <div id="u8617_div" class=""></div>
  317. <div id="u8617_text" class="text " style="display:none; visibility: hidden">
  318. <p></p>
  319. </div>
  320. </div>
  321. <!-- Unnamed (Shape) -->
  322. <div id="u8618" class="ax_default icon">
  323. <img id="u8618_img" class="img " src="images/智慧安防/u2389.svg"/>
  324. <div id="u8618_text" class="text " style="display:none; visibility: hidden">
  325. <p></p>
  326. </div>
  327. </div>
  328. </div>
  329. <!-- Unnamed (Rectangle) -->
  330. <div id="u8619" class="ax_default box_1">
  331. <div id="u8619_div" class=""></div>
  332. <div id="u8619_text" class="text ">
  333. <p><span>+</span></p>
  334. </div>
  335. </div>
  336. <!-- Unnamed (Rectangle) -->
  337. <div id="u8620" class="ax_default box_1">
  338. <div id="u8620_div" class=""></div>
  339. <div id="u8620_text" class="text ">
  340. <p><span>+</span></p>
  341. </div>
  342. </div>
  343. <!-- Unnamed (Rectangle) -->
  344. <div id="u8621" class="ax_default box_1">
  345. <div id="u8621_div" class=""></div>
  346. <div id="u8621_text" class="text ">
  347. <p><span>+</span></p>
  348. </div>
  349. </div>
  350. <!-- Unnamed (Group) -->
  351. <div id="u8622" class="ax_default" data-left="1015" data-top="107" data-width="30" data-height="30" layer-opacity="1">
  352. <!-- Unnamed (Rectangle) -->
  353. <div id="u8623" class="ax_default box_1">
  354. <div id="u8623_div" class=""></div>
  355. <div id="u8623_text" class="text " style="display:none; visibility: hidden">
  356. <p></p>
  357. </div>
  358. </div>
  359. <!-- Unnamed (Shape) -->
  360. <div id="u8624" class="ax_default icon">
  361. <img id="u8624_img" class="img " src="images/智慧安防/u2416.svg"/>
  362. <div id="u8624_text" class="text " style="display:none; visibility: hidden">
  363. <p></p>
  364. </div>
  365. </div>
  366. </div>
  367. <!-- Unnamed (Group) -->
  368. <div id="u8625" class="ax_default" data-left="1015" data-top="147" data-width="30" data-height="30" layer-opacity="1">
  369. <!-- Unnamed (Rectangle) -->
  370. <div id="u8626" class="ax_default box_1">
  371. <div id="u8626_div" class=""></div>
  372. <div id="u8626_text" class="text " style="display:none; visibility: hidden">
  373. <p></p>
  374. </div>
  375. </div>
  376. <!-- Unnamed (Shape) -->
  377. <div id="u8627" class="ax_default icon">
  378. <img id="u8627_img" class="img " src="images/智慧安防/u2419.svg"/>
  379. <div id="u8627_text" class="text " style="display:none; visibility: hidden">
  380. <p></p>
  381. </div>
  382. </div>
  383. </div>
  384. <!-- Unnamed (Group) -->
  385. <div id="u8628" class="ax_default" data-left="1015" data-top="187" data-width="30" data-height="30" layer-opacity="1">
  386. <!-- Unnamed (Rectangle) -->
  387. <div id="u8629" class="ax_default box_1">
  388. <div id="u8629_div" class=""></div>
  389. <div id="u8629_text" class="text " style="display:none; visibility: hidden">
  390. <p></p>
  391. </div>
  392. </div>
  393. <!-- Unnamed (Shape) -->
  394. <div id="u8630" class="ax_default icon">
  395. <img id="u8630_img" class="img " src="images/智慧安防/u2422.svg"/>
  396. <div id="u8630_text" class="text " style="display:none; visibility: hidden">
  397. <p></p>
  398. </div>
  399. </div>
  400. </div>
  401. <!-- Unnamed (Group) -->
  402. <div id="u8631" class="ax_default" data-left="946" data-top="213" data-width="84" data-height="48" layer-opacity="1">
  403. <!-- Unnamed (Rectangle) -->
  404. <div id="u8632" class="ax_default paragraph">
  405. <div id="u8632_div" class=""></div>
  406. <div id="u8632_text" class="text ">
  407. <p><span>云台速度:128</span></p>
  408. </div>
  409. </div>
  410. <!-- Unnamed (Shape) -->
  411. <div id="u8633" class="ax_default icon1">
  412. <img id="u8633_img" class="img " src="images/智慧安防/u2425.svg"/>
  413. <div id="u8633_text" class="text " style="display:none; visibility: hidden">
  414. <p></p>
  415. </div>
  416. </div>
  417. </div>
  418. <!-- Unnamed (Rectangle) -->
  419. <div id="u8634" class="ax_default box_1">
  420. <div id="u8634_div" class=""></div>
  421. <div id="u8634_text" class="text " style="display:none; visibility: hidden">
  422. <p></p>
  423. </div>
  424. </div>
  425. <!-- Unnamed (Rectangle) -->
  426. <div id="u8635" class="ax_default box_1">
  427. <div id="u8635_div" class=""></div>
  428. <div id="u8635_text" class="text " style="display:none; visibility: hidden">
  429. <p></p>
  430. </div>
  431. </div>
  432. <!-- Unnamed (Ellipse) -->
  433. <div id="u8636" class="ax_default ellipse">
  434. <img id="u8636_img" class="img " src="images/智慧安防/u2428.svg"/>
  435. <div id="u8636_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>