camera_dry.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>[畫面] 乾燥槽貨櫃</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <!-- 新 Bootstrap4 核心 CSS 文件 -->
  8. <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
  9. <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  10. <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  11. <!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
  12. <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
  13. <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
  14. <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
  15. <!--
  16. <script src="../static/js/sign_in.js"></script>
  17. <link rel="stylesheet" href="../static/css/sign_in.css">
  18. -->
  19. <script language="JavaScript">
  20. // 指定 10秒 刷新網頁一次
  21. var WebRestart
  22. // WebRestart = setTimeout(function () { location.reload() }, 10000);
  23. var camera_title = '{{camera_title}}';
  24. $(document).ready(function (){
  25. $("#coffee_title_pc").text("乾燥貨櫃攝影機");
  26. $("#coffee_title_phone").text("乾燥貨櫃攝影機");
  27. });
  28. </script>
  29. <style>
  30. .video_1 img{
  31. padding: 10px 10px 0px 10px;
  32. width: 448px;
  33. height: 336px;
  34. }
  35. .video_2 img{
  36. margin: 5px 3px 0px 3px;
  37. width: 288px;
  38. height: 216px;
  39. }
  40. .video_22 img{
  41. margin: 0px 15px 0px 15px;
  42. width: 208px;
  43. height: 156px;
  44. }
  45. </style>
  46. </head>
  47. <body>
  48. <div id="wrapper">
  49. <div id="coffee_header">
  50. <!-- 匯入共同使用的 header.html 內容 -->
  51. {% include 'header.html' %}
  52. </div>
  53. <center>1.4 × 1.4</center>
  54. <table style="border: 0px grey solid; margin-right: auto; margin-left: auto; text-align: center;">
  55. <tr>
  56. <td class="video_1">
  57. <a href="/camera_DI1" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  58. </td>
  59. <td class="video_1">
  60. <a href="/camera_DI2" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  61. </td>
  62. </tr>
  63. <tr>
  64. <td class="title_1">
  65. 乾燥入料儲豆槽 DI1
  66. </td>
  67. <td class="title_1">
  68. 乾燥入料儲豆槽 DI2
  69. </td>
  70. </tr>
  71. </table>
  72. <table style="border: 0px grey solid; margin-right: auto; margin-left: auto; text-align: center;">
  73. <tr>
  74. <td class="video_1">
  75. <a href="/camera_D1" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  76. </td>
  77. <td class="video_1">
  78. <a href="/camera_D2" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  79. </td>
  80. <td class="video_1">
  81. <a href="/camera_D3" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  82. </td>
  83. </tr>
  84. <tr>
  85. <td class="title_1">
  86. 乾燥槽 D1
  87. </td>
  88. <td class="title_1">
  89. 乾燥槽 D2
  90. </td>
  91. <td class="title_1">
  92. 乾燥槽 D3
  93. </td>
  94. </tr>
  95. <tr>
  96. <td class="video_1">
  97. <a href="/camera_D4" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  98. </td>
  99. <td class="video_1">
  100. <a href="/camera_D5" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  101. </td>
  102. <td class="video_1">
  103. <a href="/camera_D6" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  104. </td>
  105. </tr>
  106. <tr>
  107. <td class="title_1">
  108. 乾燥槽 D4
  109. </td>
  110. <td class="title_1">
  111. 乾燥槽 D5
  112. </td>
  113. <td class="title_1">
  114. 乾燥槽 D6
  115. </td>
  116. </tr>
  117. <tr>
  118. <td class="video_1">
  119. <a href="/camera_D7" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  120. </td>
  121. <td class="video_1">
  122. <a href="/camera_D8" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  123. </td>
  124. <td class="video_1">
  125. <a href="/camera_D9" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  126. </td>
  127. </tr>
  128. <tr>
  129. <td class="title_1">
  130. 乾燥槽 D7
  131. </td>
  132. <td class="title_1">
  133. 乾燥槽 D8
  134. </td>
  135. <td class="title_1">
  136. 乾燥槽 D9
  137. </td>
  138. </tr>
  139. <tr>
  140. <td class="video_1">
  141. <a href="/camera_D10" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  142. </td>
  143. <td class="video_1">
  144. <a href="/camera_D11" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  145. </td>
  146. <td class="video_1">
  147. <a href="/camera_D12" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  148. </td>
  149. </tr>
  150. <tr>
  151. <td class="title_1">
  152. 乾燥槽 D10
  153. </td>
  154. <td class="title_1">
  155. 乾燥槽 D11
  156. </td>
  157. <td class="title_1">
  158. 乾燥槽 D12
  159. </td>
  160. </tr>
  161. </table>
  162. <table style="border: 0px grey solid; margin-right: auto; margin-left: auto; text-align: center;">
  163. <tr>
  164. <td class="video_1">
  165. <a href="/camera_DO1" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  166. </td>
  167. <td class="video_1">
  168. <a href="/camera_DO2" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  169. </td>
  170. </tr>
  171. <tr>
  172. <td class="title_1">
  173. 乾燥出料儲豆槽 DO1
  174. </td>
  175. <td class="title_1">
  176. 乾燥出料儲豆槽 DO2
  177. </td>
  178. </tr>
  179. </table>
  180. <br>
  181. <hr>
  182. <br>
  183. <center>0.9 × 0.9</center>
  184. <table style="border: 0px grey solid; margin-right: auto; margin-left: auto; text-align: center;">
  185. <tr>
  186. <td></td>
  187. <td class="video_2">
  188. <a href="/camera_DCargo_in" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  189. </td>
  190. <td></td>
  191. <td class="video_2">
  192. <a href="/camera_DCargo_out" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  193. </td>
  194. <td></td>
  195. </tr>
  196. <tr>
  197. <td></td>
  198. <td class="title_2">
  199. 乾燥貨櫃內部
  200. </td>
  201. <td></td>
  202. <td class="title_2">
  203. 乾燥貨櫃外部
  204. </td>
  205. <td></td>
  206. </tr>
  207. <tr>
  208. <td colspan="5" style="color: darkgray;">
  209. ------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  210. </td>
  211. </tr>
  212. <tr>
  213. <td>
  214. </td>
  215. </tr>
  216. <tr>
  217. <td class="video_2" rowspan="4">
  218. <a href="/camera_DI1" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  219. <br>乾燥入料儲豆槽 DI1
  220. </td>
  221. <td class="video_2">
  222. <a href="/camera_D1" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  223. </td>
  224. <td class="video_2">
  225. <a href="/camera_D2" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  226. </td>
  227. <td class="video_2">
  228. <a href="/camera_D3" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  229. </td>
  230. <td class="video_2" rowspan="4">
  231. <a href="/camera_DO1" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  232. <br>乾燥出料儲豆槽 DO1
  233. </td>
  234. </tr>
  235. <tr>
  236. <td class="title_2">
  237. 乾燥槽 D1
  238. </td>
  239. <td class="title_2">
  240. 乾燥槽 D2
  241. </td>
  242. <td class="title_2">
  243. 乾燥槽 D3
  244. </td>
  245. </tr>
  246. <tr>
  247. <td class="video_2">
  248. <a href="/camera_D4" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  249. </td>
  250. <td class="video_2">
  251. <a href="/camera_D5" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  252. </td>
  253. <td class="video_2">
  254. <a href="/camera_D6" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  255. </td>
  256. </tr>
  257. <tr>
  258. <td class="title_2">
  259. 乾燥槽 D4
  260. </td>
  261. <td class="title_2">
  262. 乾燥槽 D5
  263. </td>
  264. <td class="title_2">
  265. 乾燥槽 D6
  266. </td>
  267. </tr>
  268. <tr>
  269. <td colspan="5" style="color: darkgray;">
  270. ------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  271. </td>
  272. </tr>
  273. <tr>
  274. <td class="video_2" rowspan="4">
  275. <a href="/camera_DI2" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  276. <br>乾燥入料儲豆槽 DI2
  277. </td>
  278. <td class="video_2">
  279. <a href="/camera_D7" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  280. </td>
  281. <td class="video_2">
  282. <a href="/camera_D8" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  283. </td>
  284. <td class="video_2">
  285. <a href="/camera_D9" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  286. </td>
  287. <td class="video_2" rowspan="4">
  288. <a href="/camera_DO2" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  289. <br>乾燥出料儲豆槽 DO2
  290. </td>
  291. </tr>
  292. <tr>
  293. <td class="title_2">
  294. 乾燥槽 D7
  295. </td>
  296. <td class="title_2">
  297. 乾燥槽 D8
  298. </td>
  299. <td class="title_2">
  300. 乾燥槽 D9
  301. </td>
  302. </tr>
  303. <tr>
  304. <td class="video_2">
  305. <a href="/camera_D10" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  306. </td>
  307. <td class="video_2">
  308. <a href="/camera_D11" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  309. </td>
  310. <td class="video_2">
  311. <a href="/camera_D12" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  312. </td>
  313. </tr>
  314. <tr>
  315. <td class="title_2">
  316. 乾燥槽 D10
  317. </td>
  318. <td class="title_2">
  319. 乾燥槽 D11
  320. </td>
  321. <td class="title_2">
  322. 乾燥槽 D12
  323. </td>
  324. </tr>
  325. </table>
  326. <br>
  327. <br>
  328. <hr>
  329. <br>
  330. <br>
  331. <center>0.65 × 0.65</center>
  332. <table style="border: 0px grey solid; margin-right: auto; margin-left: auto; text-align: center;">
  333. <tr>
  334. <td></td>
  335. <td class="video_22">
  336. <a href="/camera_DCargo_in" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  337. </td>
  338. <td></td>
  339. <td class="video_22">
  340. <a href="/camera_DCargo_out" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  341. </td>
  342. <td></td>
  343. </tr>
  344. <tr>
  345. <td></td>
  346. <td class="title_2">
  347. 乾燥貨櫃內部
  348. </td>
  349. <td></td>
  350. <td class="title_2">
  351. 乾燥貨櫃外部
  352. </td>
  353. <td></td>
  354. </tr>
  355. <tr>
  356. <td colspan="5" style="color: darkgray;">
  357. ------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  358. </td>
  359. </tr>
  360. <tr>
  361. <td class="video_22" rowspan="4">
  362. <a href="/camera_DI1" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  363. <br>乾燥入料儲豆槽 DI1
  364. </td>
  365. <td class="video_22">
  366. <a href="/camera_D1" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  367. </td>
  368. <td class="video_22">
  369. <a href="/camera_D2" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  370. </td>
  371. <td class="video_22">
  372. <a href="/camera_D3" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  373. </td>
  374. <td class="video_22" rowspan="4">
  375. <a href="/camera_DO1" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  376. <br>乾燥出料儲豆槽 DO1
  377. </td>
  378. </tr>
  379. <tr>
  380. <td class="title_2">
  381. 乾燥槽 D1
  382. </td>
  383. <td class="title_2">
  384. 乾燥槽 D2
  385. </td>
  386. <td class="title_2">
  387. 乾燥槽 D3
  388. </td>
  389. </tr>
  390. <tr>
  391. <td class="video_22">
  392. <a href="/camera_D4" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  393. </td>
  394. <td class="video_22">
  395. <a href="/camera_D5" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  396. </td>
  397. <td class="video_22">
  398. <a href="/camera_D6" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  399. </td>
  400. </tr>
  401. <tr>
  402. <td class="title_2">
  403. 乾燥槽 D4
  404. </td>
  405. <td class="title_2">
  406. 乾燥槽 D5
  407. </td>
  408. <td class="title_2">
  409. 乾燥槽 D6
  410. </td>
  411. </tr>
  412. <tr>
  413. <td colspan="5" style="color: darkgray;">
  414. ------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  415. </td>
  416. </tr>
  417. <tr>
  418. <td class="video_22" rowspan="4">
  419. <a href="/camera_DI2" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  420. <br>乾燥入料儲豆槽 DI2
  421. </td>
  422. <td class="video_22">
  423. <a href="/camera_D7" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  424. </td>
  425. <td class="video_22">
  426. <a href="/camera_D8" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  427. </td>
  428. <td class="video_22">
  429. <a href="/camera_D9" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  430. </td>
  431. <td class="video_22" rowspan="4">
  432. <a href="/camera_DO2" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  433. <br>乾燥出料儲豆槽 DO2
  434. </td>
  435. </tr>
  436. <tr>
  437. <td class="title_2">
  438. 乾燥槽 D7
  439. </td>
  440. <td class="title_2">
  441. 乾燥槽 D8
  442. </td>
  443. <td class="title_2">
  444. 乾燥槽 D9
  445. </td>
  446. </tr>
  447. <tr>
  448. <td class="video_22">
  449. <a href="/camera_D10" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  450. </td>
  451. <td class="video_22">
  452. <a href="/camera_D11" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  453. </td>
  454. <td class="video_22">
  455. <a href="/camera_D12" target="_blank"><img src="../static/img/video_pic_2.png" alt="影片"></a>
  456. </td>
  457. </tr>
  458. <tr>
  459. <td class="title_2">
  460. 乾燥槽 D10
  461. </td>
  462. <td class="title_2">
  463. 乾燥槽 D11
  464. </td>
  465. <td class="title_2">
  466. 乾燥槽 D12
  467. </td>
  468. </tr>
  469. </table>
  470. <br>
  471. <br>
  472. <div id="coffee_footer">
  473. <!-- 匯入共同使用的 footer.html 內容 -->
  474. {% include 'footer.html' %}
  475. </div>
  476. </div>
  477. </body>
  478. </html>