chistory_ndvi1.html 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Welcome to SkyAI</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css">
  8. <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  9. <!--<link rel="stylesheet" href="css/b.css">-->
  10. <!--<link rel="stylesheet" href="..static/css/generalstyle.css?<?php echo rand(0,512);?>">-->
  11. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  12. <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  13. <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  14. <style>
  15. .detail{
  16. font-family: Microsoft JhengHei;
  17. border-radius: 100px;
  18. background-color: #008CBA;
  19. border: none;
  20. color: white;
  21. padding: 5px 12px;
  22. text-align: center;
  23. text-decoration: none;
  24. display: inline-block;
  25. font-size: 1.4em;
  26. margin: 4px 2px;
  27. cursor: pointer;
  28. transition-duration: 0.4s;
  29. border: 3px solid white;
  30. }
  31. .detail:hover {
  32. background-color: white;
  33. color: black;
  34. border: 3px solid black;
  35. }
  36. .title{
  37. font-family: Microsoft JhengHei;
  38. border-radius: 100px;
  39. background-color: #f2f2f2;
  40. border: none;
  41. color: black;
  42. padding: 10px 32px;
  43. font-size: 2.5em;
  44. }
  45. .choose_nr {
  46. color: #333333;
  47. font-size: 1.7em;
  48. font-weight:bold;
  49. /*text-shadow: 1px 2px black;*/
  50. }
  51. .sw_number {
  52. width:40px;
  53. font-size:1.5em;
  54. border:1px;
  55. border-radius: 100px;
  56. border: 3px solid lightgray;
  57. }
  58. .sw_number:hover {
  59. width:40px;
  60. font-size:1.5em;
  61. border:1px;
  62. border-radius: 100px;
  63. border: 3px solid lightgreen;
  64. background-color: white;
  65. }
  66. .choosed {
  67. width:40px;
  68. font-size:1.5em;
  69. border:1px;
  70. border-radius: 100px;
  71. border: 3px solid red;
  72. background-color: white;
  73. }
  74. select {
  75. border-radius: 2px;
  76. height: 25px;
  77. font-size: 15px;
  78. }
  79. </style>
  80. <script>
  81. function Change(evt){
  82. var nr = {{params.tid}};
  83. var l = evt.length;
  84. var n = $('select[name=' + evt.substring(0,l-1) + 'n]').val();
  85. var y = $('select[name=' + evt.substring(0,l-1) + 'y]').val();
  86. var m = $('select[name=' + evt.substring(0,l-1) + 'm]').val();
  87. var d = $('select[name=' + evt.substring(0,l-1) + 'd]').val();
  88. if(evt.charAt(1) == '_'){
  89. var ori = '0';
  90. }else if(evt.charAt(1) == '1'){
  91. var ori = '1';
  92. }else if(evt.charAt(1) == '2'){
  93. var ori = '2';
  94. }else if(evt.charAt(1) == '3'){
  95. var ori = '3';
  96. }else if(evt.charAt(1) == '4'){
  97. var ori = '4';
  98. }else if(evt.charAt(1) == '5'){
  99. var ori = '5';
  100. }else if(evt.charAt(1) == '6'){
  101. var ori = '6';
  102. }else if(evt.charAt(1) == '7'){
  103. var ori = '7';
  104. }else{
  105. var ori = '8';
  106. };
  107. var json = {"nr":nr, "ori":ori, "n":n, "y":y, "m":m, "d":d, "evt":evt};
  108. $.post('/cimg_history/' + nr, json, function(resText){
  109. var html_n = '';
  110. var html_m = '';
  111. var html_d = '';
  112. var html_t = '';
  113. var l = evt.length;
  114. if(evt.substring(l-1) == 'n'){
  115. $.each(resText.y, function(i, obj){
  116. html_y += '<option value="' + obj + '">' + obj + '</option>';
  117. $('select[name=' + evt.substring(0, l-1) + 'y]').html(html_y);
  118. });
  119. $.each(resText.m, function(i, obj){
  120. html_m += '<option value="' + obj + '">' + obj + '</option>';
  121. $('select[name=' + evt.substring(0, l-1) + 'm]').html(html_m);
  122. });
  123. $.each(resText.d, function(i, obj){
  124. html_d += '<option value="' + obj + '">' + obj + '</option>';
  125. $('select[name=' + evt.substring(0, l-1) + 'd]').html(html_d);
  126. });
  127. $.each(resText.t, function(i, obj){
  128. html_t += '<option value="' + obj + '">' + obj + '</option>';
  129. $('select[name=' + evt.substring(0, l-1) + 't]').html(html_t);
  130. });
  131. }else if(evt.substring(l-1) == 'y'){
  132. $.each(resText.m, function(i, obj){
  133. html_m += '<option value="' + obj + '">' + obj + '</option>';
  134. $('select[name=' + evt.substring(0, l-1) + 'm]').html(html_m);
  135. });
  136. $.each(resText.d, function(i, obj){
  137. html_d += '<option value="' + obj + '">' + obj + '</option>';
  138. $('select[name=' + evt.substring(0, l-1) + 'd]').html(html_d);
  139. });
  140. $.each(resText.t, function(i, obj){
  141. html_t += '<option value="' + obj + '">' + obj + '</option>';
  142. $('select[name=' + evt.substring(0, l-1) + 't]').html(html_t);
  143. });
  144. }else if(evt.substring(l-1) == 'm'){
  145. $.each(resText.d, function(i, obj){
  146. html_d += '<option value="' + obj + '">' + obj + '</option>';
  147. $('select[name=' + evt.substring(0, l-1) + 'd]').html(html_d);
  148. });
  149. $.each(resText.t, function(i, obj){
  150. html_t += '<option value="' + obj + '">' + obj + '</option>';
  151. $('select[name=' + evt.substring(0, l-1) + 't]').html(html_t);
  152. });
  153. }else{
  154. $.each(resText.t, function(i, obj){
  155. html_t += '<option value="' + obj + '">' + obj + '</option>';
  156. $('select[name=' + evt.substring(0, l-1) + 't]').html(html_t);
  157. });
  158. };
  159. }, 'json');
  160. };
  161. function SearchImg(evt){
  162. var nr = {{params.tid}};
  163. var ori = 0;
  164. if(evt == 'c'){
  165. ori = 0;
  166. }else if(evt == 'c1'){
  167. ori = 1;
  168. }else if(evt == 'c2'){
  169. ori = 2;
  170. }else if(evt == 'c3'){
  171. ori = 3;
  172. }else if(evt == 'c4'){
  173. ori = 4;
  174. }else if(evt == 'c5'){
  175. ori = 5;
  176. }else if(evt == 'c6'){
  177. ori = 6;
  178. }else if(evt == 'c7'){
  179. ori = 7;
  180. }else if(evt == 'c8'){
  181. ori = 8;
  182. }else{};
  183. var y = $('select[name=' + evt + '_y]').val();
  184. var m = $('select[name=' + evt + '_m]').val();
  185. var d = $('select[name=' + evt + '_d]').val();
  186. var t = $('select[name=' + evt + '_t]').val();
  187. if(ori == 0){
  188. var ndvi = 'http://60.250.156.234/cust/' + nr + 'm/ndvia/' + y + '-' + m + '-' + d + '_' + t + '.jpg';
  189. var img = 'http://60.250.156.234/cust/' + nr + 'm/nj/' + y + '-' + m + '-' + d + '_' + t + '.jpg';
  190. $('font[class=title]').text('N0.' + nr + ' Direction' + '自動' + '@' + y + '-' + m + '-' + d + '_' + t);
  191. }else{
  192. var ndvi = 'http://60.250.156.234/cust/' + nr + 'm/ndvia' + ori + '/' + y + '-' + m + '-' + d + '_' + t + '.jpg';
  193. var img = 'http://60.250.156.234/cust/' + nr + 'm/nj' + ori + '/' + y + '-' + m + '-' + d + '_' + t + '.jpg';
  194. $('font[class=title]').text('N0.' + nr + ' Direction' + ori + ' @' + y + '-' + m + '-' + d + '_' + t);
  195. };
  196. $('img[name=ndvi]').attr('src', ndvi);
  197. $('img[name=img]').attr('src', img);
  198. };
  199. $(function(){
  200. {% if params.ndviImgPath %}
  201. $("img[name=ndvi]").attr('src', '{{params.ndviImgPath}}');
  202. {% endif %}
  203. {% if params.imgPath %}
  204. $("img[name=img]").attr('src', '{{params.imgPath}}');
  205. {% endif %}
  206. {% if params.year %}
  207. $('font[class=title]').text('N0.' + '{{params.tid}}' + ' Direction' + '{{params.mode}}' + ' @' + '{{params.year}}' + '-' + '{{params.month}}' + '-' + '{{params.day}}' + '_' + '{{params.time}}');
  208. {% endif %}
  209. });
  210. </script>
  211. </head>
  212. <body>
  213. <div class="container">
  214. <div id="header" class="row" style="background-color:#ffffff;">
  215. <div style="height:20px;"></div>
  216. <div class="col-md-12 col-md-12" style="text-align:center;margin:auto;">
  217. <div class="col-md-4 col-sm-12" style="">
  218. <img src="../static/img/logo_new.png" width="60%" height="7%">
  219. </div>
  220. <div class="col-md-6 col-sm-12 text-left" style="">
  221. <a href="/cindex/{{params.tid}}"><button class="btn btn-danger btn-lg" style="">地形圖</button></a>
  222. <a href="/cshoot_setting/{{params.tid}}"><button class="btn btn-danger btn-lg" style="">拍攝設定</button></a>
  223. <a href="/cimg_history/1"><button class="btn btn-primary btn-lg" style="">歷史資料</button></a>
  224. </div>
  225. <div class="col-md-1 col-sm-12" style="">
  226. <a href="/logout"><button class="btn btn-primary btn-lg" style="">登出</button></a>
  227. </div>
  228. </div>
  229. <div class="col-md-12" style="background-color:red;width:100%;height:5px;margin-top:5px;margin-bottom:20px;"></div>
  230. </div>
  231. <div class="col-sm-12" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
  232. <center>
  233. <!-- <?php echo "<font class='title'>$NR 號 NDVI歷史查詢</font>"; ?>-->
  234. <h1>{{params.tid}} 號 NDVI歷史查詢</h1>
  235. <br>
  236. <a href="/cimg_history/1"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">1</button></a>
  237. <a href="/cimg_history/2"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">2</button></a>
  238. <a href="/cimg_history/3"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">3</button></a>
  239. <table style="width:auto; height:auto; border: 20px solid #f2f2f2" border="0" align="center">
  240. <div class="col-sm-12" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
  241. <div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
  242. <font class="choose_nr">手動</font><br>
  243. <select name='c_y' oninput="Change('c_y');">
  244. {% if params.Ly %}
  245. {% for y in params.Ly %}
  246. <option value="{{y}}">{{y}}</option>
  247. {% endfor %}
  248. {% endif %}
  249. </select>
  250. <font class='choose_nr'>:年</font>
  251. <select name='c_m' oninput="Change('c_m');">
  252. {% if params.Lm %}
  253. {% for m in params.Lm %}
  254. <option value="{{m}}">{{m}}</option>
  255. {% endfor %}
  256. {% endif %}
  257. </select>
  258. <font class='choose_nr'>:月</font>
  259. <select name='c_d' oninput="Change('c_d');">
  260. {% if params.Ld %}
  261. {% for d in params.Ld %}
  262. <option value="{{d}}">{{d}}</option>
  263. {% endfor %}
  264. {% endif %}
  265. </select>
  266. <font class='choose_nr'>:日</font>
  267. <select name='c_t'>
  268. {% if params.Lt %}
  269. {% for t in params.Lt %}
  270. <option value="{{t}}">{{t}}</option>
  271. {% endfor %}
  272. {% endif %}
  273. </select><br>
  274. <button name="c" type="button" onclick="SearchImg('c');">查詢</button>
  275. </div>
  276. <div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
  277. <font class='choose_nr'>1.方位名稱</font>
  278. <select name='c1_n' oninput="Change('c1_n');">
  279. <option value="all">全部照片</option>
  280. {% if params.Ln1 %}
  281. {% for n in params.Ln1 %}
  282. <option value="{{n}}">{{n}}</option>
  283. {% endfor %}
  284. {% endif %}
  285. </select><br>
  286. <select name='c1_y' oninput="Change('c1_y');">
  287. {% if params.Ly1 %}
  288. {% for y in params.Ly1 %}
  289. <option value="{{y}}">{{y}}</option>
  290. {% endfor %}
  291. {% endif %}
  292. </select>
  293. <font class='choose_nr'>:年</font>
  294. <select name='c1_m' oninput="Change('c1_m');">
  295. {% if params.Lm1 %}
  296. {% for m in params.Lm1 %}
  297. <option value="{{m}}">{{m}}</option>
  298. {% endfor %}
  299. {% endif %}
  300. </select>
  301. <font class='choose_nr'>:月</font>
  302. <select name='c1_d' oninput="Change('c1_d');">
  303. {% if params.Ld1 %}
  304. {% for d in params.Ld1 %}
  305. <option value="{{d}}">{{d}}</option>
  306. {% endfor %}
  307. {% endif %}
  308. </select>
  309. <font class='choose_nr'>:日</font>
  310. <select name='c1_t'>
  311. {% if params.Lt1 %}
  312. {% for t in params.Lt1 %}
  313. <option value="{{t}}">{{t}}</option>
  314. {% endfor %}
  315. {% endif %}
  316. </select><br>
  317. <button name="c1" type="button" onclick="SearchImg('c1');">查詢</button>
  318. </div>
  319. <div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
  320. <font class='choose_nr'>2.方位名稱</font>
  321. <select name='c2_n' oninput="Change('c2_n');">
  322. <option value="all">全部照片</option>
  323. {% if params.Ln2 %}
  324. {% for n in params.Ln2 %}
  325. <option value="{{n}}">{{n}}</option>
  326. {% endfor %}
  327. {% endif %}
  328. </select><br>
  329. <select name='c2_y' oninput="Change('c2_y');">
  330. {% if params.Ly2 %}
  331. {% for y in params.Ly2 %}
  332. <option value="{{y}}">{{y}}</option>
  333. {% endfor %}
  334. {% endif %}
  335. </select>
  336. <font class='choose_nr'>:年</font>
  337. <select name='c2_m' oninput="Change('c2_m');">
  338. {% if params.Lm2 %}
  339. {% for m in params.Lm2 %}
  340. <option value="{{m}}">{{m}}</option>
  341. {% endfor %}
  342. {% endif %}
  343. </select>
  344. <font class='choose_nr'>:月</font>
  345. <select name='c2_d' oninput="Change('c2_d');">
  346. {% if params.Ld2 %}
  347. {% for d in params.Ld2 %}
  348. <option value="{{d}}">{{d}}</option>
  349. {% endfor %}
  350. {% endif %}
  351. </select>
  352. <font class='choose_nr'>:日</font>
  353. <select name='c2_t'>
  354. {% if params.Lt2 %}
  355. {% for t in params.Lt2 %}
  356. <option value="{{t}}">{{t}}</option>
  357. {% endfor %}
  358. {% endif %}
  359. </select><br>
  360. <button name="c2" type="button" onclick="SearchImg('c2');">查詢</button>
  361. </div>
  362. <div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
  363. <font class='choose_nr'>3.方位名稱</font>
  364. <select name='c3_n' oninput="Change('c3_n');">
  365. <option value="all">全部照片</option>
  366. {% if params.Ln3 %}
  367. {% for n in params.Ln3 %}
  368. <option value="{{n}}">{{n}}</option>
  369. {% endfor %}
  370. {% endif %}
  371. </select><br>
  372. <select name='c3_y' oninput="Change('c3_y');">
  373. {% if params.Ly3 %}
  374. {% for y in params.Ly3 %}
  375. <option value="{{y}}">{{y}}</option>
  376. {% endfor %}
  377. {% endif %}
  378. </select>
  379. <font class='choose_nr'>:年</font>
  380. <select name='c3_m' oninput="Change('c3_m');">
  381. {% if params.Lm3 %}
  382. {% for m in params.Lm3 %}
  383. <option value="{{m}}">{{m}}</option>
  384. {% endfor %}
  385. {% endif %}
  386. </select>
  387. <font class='choose_nr'>:月</font>
  388. <select name='c3_d' oninput="Change('c3_d');">
  389. {% if params.Ld3 %}
  390. {% for d in params.Ld3 %}
  391. <option value="{{d}}">{{d}}</option>
  392. {% endfor %}
  393. {% endif %}
  394. </select>
  395. <font class='choose_nr'>:日</font>
  396. <select name='c3_t'>
  397. {% if params.Lt3 %}
  398. {% for t in params.Lt3 %}
  399. <option value="{{t}}">{{t}}</option>
  400. {% endfor %}
  401. {% endif %}
  402. </select><br>
  403. <button name="c3" type="button" onclick="SearchImg('c3');">查詢</button>
  404. </div>
  405. <div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
  406. <font class='choose_nr'>4.方位名稱</font>
  407. <select name='c4_n' oninput="Change('c4_n');">
  408. <option value="all">全部照片</option>
  409. {% if params.Ln4 %}
  410. {% for n in params.Ln4 %}
  411. <option value="{{n}}">{{n}}</option>
  412. {% endfor %}
  413. {% endif %}
  414. </select><br>
  415. <select name='c4_y' oninput="Change('c4_y');">
  416. {% if params.Ly4 %}
  417. {% for y in params.Ly4 %}
  418. <option value="{{y}}">{{y}}</option>
  419. {% endfor %}
  420. {% endif %}
  421. </select>
  422. <font class='choose_nr'>:年</font>
  423. <select name='c4_m' oninput="Change('c4_m');">
  424. {% if params.Lm4 %}
  425. {% for m in params.Lm4 %}
  426. <option value="{{m}}">{{m}}</option>
  427. {% endfor %}
  428. {% endif %}
  429. </select>
  430. <font class='choose_nr'>:月</font>
  431. <select name='c4_d' oninput="Change('c4_d');">
  432. {% if params.Ld4 %}
  433. {% for d in params.Ld4 %}
  434. <option value="{{d}}">{{d}}</option>
  435. {% endfor %}
  436. {% endif %}
  437. </select>
  438. <font class='choose_nr'>:日</font>
  439. <select name='c4_t'>
  440. {% if params.Lt4 %}
  441. {% for t in params.Lt4 %}
  442. <option value="{{t}}">{{t}}</option>
  443. {% endfor %}
  444. {% endif %}
  445. </select><br>
  446. <button name="c4" type="button" onclick="SearchImg('c4');">查詢</button>
  447. </div>
  448. <div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
  449. <font class='choose_nr'>5.方位名稱</font>
  450. <select name='c5_n' oninput="Change('c5_n');">
  451. <option value="all">全部照片</option>
  452. {% if params.Ln5 %}
  453. {% for n in params.Ln5 %}
  454. <option value="{{n}}">{{n}}</option>
  455. {% endfor %}
  456. {% endif %}
  457. </select><br>
  458. <select name='c5_y' oninput="Change('c5_y');">
  459. {% if params.Ly5 %}
  460. {% for y in params.Ly5 %}
  461. <option value="{{y}}">{{y}}</option>
  462. {% endfor %}
  463. {% endif %}
  464. </select>
  465. <font class='choose_nr'>:年</font>
  466. <select name='c5_m' oninput="Change('c5_m');">
  467. {% if params.Lm5 %}
  468. {% for m in params.Lm5 %}
  469. <option value="{{m}}">{{m}}</option>
  470. {% endfor %}
  471. {% endif %}
  472. </select>
  473. <font class='choose_nr'>:月</font>
  474. <select name='c5_d' oninput="Change('c5_d');">
  475. {% if params.Ld5 %}
  476. {% for d in params.Ld5 %}
  477. <option value="{{d}}">{{d}}</option>
  478. {% endfor %}
  479. {% endif %}
  480. </select>
  481. <font class='choose_nr'>:日</font>
  482. <select name='c5_t'>
  483. {% if params.Lt5 %}
  484. {% for t in params.Lt5 %}
  485. <option value="{{t}}">{{t}}</option>
  486. {% endfor %}
  487. {% endif %}
  488. </select><br>
  489. <button name="c5" type="button" onclick="SearchImg('c5');">查詢</button>
  490. </div>
  491. <div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
  492. <font class='choose_nr'>6.方位名稱</font>
  493. <select name='c6_n' oninput="Change('c6_n');">
  494. <option value="all">全部照片</option>
  495. {% if params.Ln6 %}
  496. {% for n in params.Ln6 %}
  497. <option value="{{n}}">{{n}}</option>
  498. {% endfor %}
  499. {% endif %}
  500. </select><br>
  501. <select name='c6_y' oninput="Change('c6_y');">
  502. {% if params.Ly6 %}
  503. {% for y in params.Ly6 %}
  504. <option value="{{y}}">{{y}}</option>
  505. {% endfor %}
  506. {% endif %}
  507. </select>
  508. <font class='choose_nr'>:年</font>
  509. <select name='c6_m' oninput="Change('c6_m');">
  510. {% if params.Lm6 %}
  511. {% for m in params.Lm6 %}
  512. <option value="{{m}}">{{m}}</option>
  513. {% endfor %}
  514. {% endif %}
  515. </select>
  516. <font class='choose_nr'>:月</font>
  517. <select name='c6_d' oninput="Change('c6_d');">
  518. {% if params.Ld6 %}
  519. {% for d in params.Ld6 %}
  520. <option value="{{d}}">{{d}}</option>
  521. {% endfor %}
  522. {% endif %}
  523. </select>
  524. <font class='choose_nr'>:日</font>
  525. <select name='c6_t'>
  526. {% if params.Lt6 %}
  527. {% for t in params.Lt6 %}
  528. <option value="{{t}}">{{t}}</option>
  529. {% endfor %}
  530. {% endif %}
  531. </select><br>
  532. <button name="c6" type="button" onclick="SearchImg('c6');">查詢</button>
  533. </div>
  534. <div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
  535. <font class='choose_nr'>7.方位名稱</font>
  536. <select name='c7_n' oninput="Change('c7_n');">
  537. <option value="all">全部照片</option>
  538. {% if params.Ln7 %}
  539. {% for n in params.Ln7 %}
  540. <option value="{{n}}">{{n}}</option>
  541. {% endfor %}
  542. {% endif %}
  543. </select><br>
  544. <select name='c7_y' oninput="Change('c7_y');">
  545. {% if params.Ly7 %}
  546. {% for y in params.Ly7 %}
  547. <option value="{{y}}">{{y}}</option>
  548. {% endfor %}
  549. {% endif %}
  550. </select>
  551. <font class='choose_nr'>:年</font>
  552. <select name='c7_m' oninput="Change('c7_m');">
  553. {% if params.Lm7 %}
  554. {% for m in params.Lm7 %}
  555. <option value="{{m}}">{{m}}</option>
  556. {% endfor %}
  557. {% endif %}
  558. </select>
  559. <font class='choose_nr'>:月</font>
  560. <select name='c7_d' oninput="Change('c7_d');">
  561. {% if params.Ld7 %}
  562. {% for d in params.Ld7 %}
  563. <option value="{{d}}">{{d}}</option>
  564. {% endfor %}
  565. {% endif %}
  566. </select>
  567. <font class='choose_nr'>:日</font>
  568. <select name='c7_t'>
  569. {% if params.Lt7 %}
  570. {% for t in params.Lt7 %}
  571. <option value="{{t}}">{{t}}</option>
  572. {% endfor %}
  573. {% endif %}
  574. </select><br>
  575. <button name="c7" type="button" onclick="SearchImg('c7');">查詢</button>
  576. </div>
  577. <div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
  578. <font class='choose_nr'>8.方位名稱</font>
  579. <select name='c8_n' oninput="Change('c8_n');">
  580. <option value="all">全部照片</option>
  581. {% if params.Ln8 %}
  582. {% for n in params.Ln8 %}
  583. <option value="{{n}}">{{n}}</option>
  584. {% endfor %}
  585. {% endif %}
  586. </select><br>
  587. <select name='c8_y' oninput="Change('c8_y');">
  588. {% if params.Ly8 %}
  589. {% for y in params.Ly8 %}
  590. <option value="{{y}}">{{y}}</option>
  591. {% endfor %}
  592. {% endif %}
  593. </select>
  594. <font class='choose_nr'>:年</font>
  595. <select name='c8_m' oninput="Change('c8_m');">
  596. {% if params.Lm8 %}
  597. {% for m in params.Lm8 %}
  598. <option value="{{m}}">{{m}}</option>
  599. {% endfor %}
  600. {% endif %}
  601. </select>
  602. <font class='choose_nr'>:月</font>
  603. <select name='c8_d' oninput="Change('c8_d');">
  604. {% if params.Ld8 %}
  605. {% for d in params.Ld8 %}
  606. <option value="{{d}}">{{d}}</option>
  607. {% endfor %}
  608. {% endif %}
  609. </select>
  610. <font class='choose_nr'>:日</font>
  611. <select name='c8_t'>
  612. {% if params.Lt8 %}
  613. {% for t in params.Lt8 %}
  614. <option value="{{t}}">{{t}}</option>
  615. {% endfor %}
  616. {% endif %}
  617. </select><br>
  618. <button name="c8" type="button" onclick="SearchImg('c8');">查詢</button>
  619. </div>
  620. <font class='title'>N0.{{params.tid}} Direction @--</font>
  621. </div>
  622. </table>
  623. <img src='../static/img/ndvi.jpg' name="ndvi" class='img' style='max-width:100%;height: auto;'>
  624. <img src='../static/img/color1.jpg' class='img' style='max-width:100%;height: auto;'>
  625. <img src='../static/img/PV.jpg' name="img" class='img' style='max-width:100%;height: auto;'>
  626. </center>
  627. </div>
  628. </div>
  629. </body>
  630. </html>