module.html 59 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Aisky-Sixth</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. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  17. <script>
  18. function CheckAll(i){
  19. var checkone_arr = document.getElementsByClassName('modules' + i);
  20. for(var i=0; i<checkone_arr.length; i++){
  21. checkone_arr[i].checked = true;
  22. };
  23. };
  24. $(function(){
  25. //js中经常会有字符 空格 ' "" 等被转义成其他字符,这其实是特殊字符进行转义,防止js注入,在js中可以利用tojson解决,可以把对象转换为 JSON 格式
  26. var node_info = {{params.sort_L|tojson}};
  27. var module_div = document.getElementById('module_div');
  28. for(var i=0; i<node_info.length; i++){
  29. //作為判斷是否已執行下列if判斷的變數依據
  30. var weather = 0;
  31. var irrigation = 0;
  32. var water = 0;
  33. var div = document.createElement('div');
  34. var html = '';
  35. html += '<h2 class="item-title text-center">節點' + (i+1) + '</h2>';
  36. html += '<div class="row node-opt">';
  37. html += '<div class="col-1"></div>';
  38. html += '<div class="col-10">';
  39. $.each(node_info[i], function(index, obj){
  40. var name = '';
  41. if(node_info[i].includes('weather') && weather == 0){
  42. html += '<span>' + (index+1) + '.氣象站</span>';
  43. name = "weather_module" + (i+1);
  44. weather = 1;
  45. }else if(node_info[i].includes('irrigation') && irrigation == 0){
  46. html += '<span>' + (index+1) + '.灌溉</span>';
  47. name = "irrigation_module" + (i+1);
  48. irrigation = 1;
  49. }else if(node_info[i].includes('water') && water == 0){
  50. html += '<span>' + (index+1) + '.水質</span>';
  51. name = "water_module" + (i+1);
  52. water = 1;
  53. };
  54. html += '<ol>';
  55. $.each({{params.sensor_list|tojson}}, function(index, obj){
  56. if(index == 0 | index % 2 == 0){
  57. html += '<li>';
  58. html += '<div class="row">';
  59. };
  60. html += '<div class="col-6" style="padding-left:0px; padding-right:0px;">';
  61. html+= '<input type="checkbox" class="modules' + (i+1) + '" name="' + name + '" value="' + obj.en_name + '">&nbsp;' + obj.ch_name + obj.version;
  62. html += '</div>';
  63. if(index % 2 == 1){
  64. html += '</div>';
  65. html += '</li>';
  66. };
  67. });
  68. html += '</ol>';
  69. <!--html += '<ol>';-->
  70. <!--html += '<li>';-->
  71. <!--html += '<div class="row">';-->
  72. <!--html += '<div class="col-6">';-->
  73. <!--html+= '<input type="checkbox" class="modules' + (i+1) + '" name="' + name + '" value="airTem">&nbsp;空氣溫度';-->
  74. <!--html += '</div>';-->
  75. <!--html += '<div class="col-6">';-->
  76. <!--html += '<input type="checkbox" class="modules' + (i+1) + '" name="' + name + '" value="airHum">&nbsp;空氣濕度';-->
  77. <!--html += '</div>';-->
  78. <!--html += '</div>';-->
  79. <!--html += '</li>';-->
  80. <!--html += '<li>';-->
  81. <!--html += '<div class="row">';-->
  82. <!--html += '<div class="col-6">';-->
  83. <!--html += '<input type="checkbox" class="modules' + (i+1) + '" name="' + name + '" value="dewPoint">&nbsp;露點';-->
  84. <!--html += '</div>';-->
  85. <!--html += '<div class="col-6">';-->
  86. <!--html += '<input type="checkbox" class="modules' + (i+1) + '" name="' + name + '" value="sun">&nbsp;日照';-->
  87. <!--html += '</div>';-->
  88. <!--html += '</div>';-->
  89. <!--html += '</li>';-->
  90. <!--html += '<li>';-->
  91. <!--html += '<div class="row">';-->
  92. <!--html += '<div class="col-6">';-->
  93. <!--html += '<input type="checkbox" class="modules' + (i+1) + '" name="' + name + '" value="soilHum">&nbsp;土壤含水率';-->
  94. <!--html += '</div>';-->
  95. <!--html += '<div class="col-6">';-->
  96. <!--html += '<input type="checkbox" class="modules' + (i+1) + '" name="' + name + '" value="soilTem">&nbsp;土壤溫度';-->
  97. <!--html += '</div>';-->
  98. <!--html += '</div>';-->
  99. <!--html += '</li>';-->
  100. <!--html += '<li>';-->
  101. <!--html += '<div class="row">';-->
  102. <!--html += '<div class="col-6">';-->
  103. <!--html += '<input type="checkbox" class="modules' + (i+1) + '" name="' + name + '" value="soilEC">&nbsp;土壤EC值';-->
  104. <!--html += '</div>';-->
  105. <!--html += '<div class="col-6">';-->
  106. <!--html += '<input type="checkbox" class="modules' + (i+1) + '" name="' + name + '" value="windSpd">&nbsp;風速';-->
  107. <!--html += '</div>';-->
  108. <!--html += '</div>';-->
  109. <!--html += '</li>';-->
  110. <!--html += '<li>';-->
  111. <!--html += '<div class="row">';-->
  112. <!--html += '<div class="col-6">';-->
  113. <!--html += '<input type="checkbox" class="modules' + (i+1) + '" name="' + name + '" value="windDin">&nbsp;風向';-->
  114. <!--html += '</div>';-->
  115. <!--html += '<div class="col-6">';-->
  116. <!--html += '<input type="checkbox" class="modules' + (i+1) + '" name="' + name + '" value="rain">&nbsp;降雨量';-->
  117. <!--html += '</div>';-->
  118. <!--html += '</div>';-->
  119. <!--html += '</li>';-->
  120. <!--html += '<li>';-->
  121. <!--html += '<div class="row">';-->
  122. <!--html += '<div class="col-6">';-->
  123. <!--html += '<input type="checkbox" class="modules' + (i+1) + '" name="' + name + '" value="atmosphere">&nbsp;大氣壓';-->
  124. <!--html += '</div>';-->
  125. <!--html += '<div class="col-6"></div>';-->
  126. <!--html += '</div>';-->
  127. <!--html += '</li>';-->
  128. <!--html += '</ol>';-->
  129. });
  130. html += '(可複選)';
  131. html += '<input id="checkall' + (i+1) + '" type="button" value="全選" onclick="CheckAll(' + (i+1) + ');" style="background:#C0C0C0;">';
  132. html += '</div>';
  133. html += '<div class="col-1"></div>';
  134. html += '</div>';
  135. div.innerHTML = html;
  136. div.setAttribute('class', 'node col-xl-3 col-lg-3 col-md-3 col-sm-8 col-xs-8');
  137. module_div.appendChild(div);
  138. };
  139. });
  140. </script>
  141. <style>
  142. body {
  143. margin:0;
  144. }
  145. .navbar-dark .navbar-nav .nav-link {
  146. color: white;
  147. cursor: pointer;
  148. text-decoration:none;
  149. width: 110px;
  150. height: 46px;
  151. }
  152. .nav-top {
  153. line-height:40px;
  154. background-color: #C4C4C4;
  155. }
  156. .website_title{
  157. font-family: Roboto;
  158. font-style: normal;
  159. font-weight: normal;
  160. font-size: 30px;
  161. color: #000000;
  162. }
  163. .navbar-nav > li{
  164. float: none;
  165. display: inline-block;
  166. width: 110px;
  167. margin: 0 auto;
  168. text-align: center;
  169. }
  170. .navbar-nav > li a{
  171. font-size: 20px;
  172. }
  173. .main-page {
  174. margin-top: 200px;
  175. }
  176. .page-title {
  177. font-family: Roboto;
  178. font-style: normal;
  179. font-weight: bold;
  180. font-size: 36px;
  181. }
  182. .flex {
  183. display: flex;
  184. flex-direction: row;
  185. flex-wrap: wrap;
  186. justify-content: center;
  187. }
  188. .node {
  189. height: auto;
  190. border: 2px solid #E5E5E5;
  191. border-radius: 5px;
  192. margin-top:35px;
  193. }
  194. .node-opt {
  195. font-size: 21px;
  196. }
  197. ol {
  198. list-style-type: none;
  199. font-size: 17px;
  200. }
  201. .set-link {
  202. display: inline-block;
  203. width: 350px;
  204. height: 100px;
  205. line-height: 100px;
  206. background: #008CBA;
  207. border: 1px solid #CFCFCF;
  208. box-sizing: border-box;
  209. color: #FFFFFF;
  210. border-radius: 10px;
  211. font-size: 36px;
  212. }
  213. .page-bottom {
  214. margin-top: 70px;
  215. }
  216. .form-control {
  217. background: #008CBA;
  218. border: 1px solid #CFCFCF;
  219. box-sizing: border-box;
  220. border-radius: 5px;
  221. width: 120px;
  222. height: 58px;
  223. text-align: center;
  224. line-height: 50px;
  225. font-size:20px;
  226. color: #FFFFFF;
  227. display: inline-block;
  228. }
  229. .fa{
  230. display: inline-block;
  231. font: normal normal normal 14px/1 FontAwesome;
  232. font-size: inherit;
  233. text-rendering: auto;
  234. -webkit-font-smoothing: antialiased;
  235. }
  236. .fa-user-o:before{
  237. content: "\f2c0";
  238. }
  239. @media(max-width:373px){
  240. .card {
  241. margin-right: 0px;
  242. }
  243. }
  244. @media(max-width:577px){
  245. }
  246. @media(min-width:576px){
  247. }
  248. @media(min-width:768px){
  249. .navbar-nav > li {
  250. margin-left: 0px;
  251. }
  252. .navbar-nav .li-block {
  253. display:none;
  254. }
  255. }
  256. @media(min-width:991px){
  257. .navbar-nav > li {
  258. margin-left: 20px;
  259. }
  260. .navbar-nav .li-block {
  261. display:none;
  262. }
  263. .page-bottom input:last-child {
  264. margin-left: 100px;
  265. }
  266. .node {
  267. margin-right:35px;
  268. }
  269. }
  270. @media(min-width:1200px){
  271. .navbar-nav > li {
  272. margin-left: 35px;
  273. }
  274. .navbar-nav .li-block {
  275. display: inline-block;
  276. width: 100px;
  277. }
  278. .page-bottom input:last-child {
  279. margin-left: 100px;
  280. }
  281. .node {
  282. margin-right:35px;
  283. }
  284. }
  285. @media(min-width:1400px){
  286. .navbar-nav .li-block {
  287. display: inline-block;
  288. width: 200px;
  289. }
  290. .page-bottom input:last-child {
  291. margin-left: 100px;
  292. }
  293. .node {
  294. margin-right:35px;
  295. }
  296. }
  297. @media(min-width:1689px) {
  298. .navbar-nav > li {
  299. margin-left: 50px;
  300. }
  301. .navbar-nav .li-block {
  302. display: inline-block;
  303. width: 500px;
  304. }
  305. .page-bottom input:last-child {
  306. margin-left: 100px;
  307. }
  308. .node {
  309. margin-right:35px;
  310. }
  311. }
  312. </style>
  313. <body>
  314. <nav class="fixed-top">
  315. <nav class="navbar navbar-expand-md nav-top justify-content-center">
  316. <div>
  317. <span class="website_title">模組選擇</span>
  318. </div>
  319. </nav>
  320. <nav class="navbar navbar-expand-md bg-dark navbar-dark nav-bottom">
  321. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
  322. <span class="navbar-toggler-icon"></span>
  323. </button>
  324. <div class="collapse navbar-collapse" id="collapsibleNavbar">
  325. <ul class="navbar-nav">
  326. <li class="nav-item">
  327. <a class="nav-link" href="/">首頁</a>
  328. </li>
  329. <li class="nav-item">
  330. <a class="nav-link" href="#">關於我們</a>
  331. </li>
  332. <li class="nav-item">
  333. <a class="nav-link" href="#">案場資訊</a>
  334. </li>
  335. <li class="nav-item">
  336. <a class="nav-link" href="#">聯絡方法</a>
  337. </li>
  338. <li class="nav-item">
  339. <a class="nav-link" href="#">案場地圖</a>
  340. </li>
  341. <li class="nav-item">
  342. <a class="nav-link" href="#">環境資訊</a>
  343. </li>
  344. <li class="li-block"></li>
  345. <li class="nav-item">
  346. <a class="nav-link" href="#"><i class="fa fa-user-o"></i> {{params.username}}</a>
  347. </li>
  348. <li class="nav-item">
  349. <a class="nav-link" href="/logout">Logout</a>
  350. </li>
  351. </ul>
  352. </div>
  353. </nav>
  354. </nav>
  355. <div class="main-page">
  356. <form method="post" action="/module">
  357. <div class="container-fluid">
  358. <div class="row">
  359. <div class="col flex" id="module_div">
  360. <div class="col-10">
  361. <sapn style="color:#008CBA;font-size:22px;">親愛的顧客您好,請選擇您所需要監控的模組:</sapn>
  362. </div>
  363. <!--<div class="node col-xl-3 col-lg-3 col-md-3 col-sm-8 col-xs-8">-->
  364. <!--<h2 class="item-title text-center">節點1</h2>-->
  365. <!--<div class="row node-opt">-->
  366. <!--<div class="col-1"></div>-->
  367. <!--<div class="col-10">-->
  368. <!--<span>1.氣象站</span>-->
  369. <!--<ol>-->
  370. <!--<li>-->
  371. <!--<div class="row">-->
  372. <!--<div class="col-6">-->
  373. <!--<input type="checkbox" name="weModule" value="airTem">&nbsp;空氣溫度-->
  374. <!--</div>-->
  375. <!--<div class="col-6">-->
  376. <!--<input type="checkbox" name="weModule" value="airHum">&nbsp;空氣濕度-->
  377. <!--</div>-->
  378. <!--</div>-->
  379. <!--</li>-->
  380. <!--<li>-->
  381. <!--<div class="row">-->
  382. <!--<div class="col-6">-->
  383. <!--<input type="checkbox" name="weModule" value="dewPoint">&nbsp;露點-->
  384. <!--</div>-->
  385. <!--<div class="col-6">-->
  386. <!--<input type="checkbox" name="weModule" value="sun">&nbsp;日照-->
  387. <!--</div>-->
  388. <!--</div>-->
  389. <!--</li>-->
  390. <!--<li>-->
  391. <!--<div class="row">-->
  392. <!--<div class="col-6">-->
  393. <!--<input type="checkbox" name="weModule" value="soilHum">&nbsp;土壤含水率-->
  394. <!--</div>-->
  395. <!--<div class="col-6">-->
  396. <!--<input type="checkbox" name="weModule" value="soilTem">&nbsp;土壤溫度-->
  397. <!--</div>-->
  398. <!--</div>-->
  399. <!--</li>-->
  400. <!--<li>-->
  401. <!--<div class="row">-->
  402. <!--<div class="col-6">-->
  403. <!--<input type="checkbox" name="weModule" value="soilEC">&nbsp;土壤EC值-->
  404. <!--</div>-->
  405. <!--<div class="col-6">-->
  406. <!--<input type="checkbox" name="weModule" value="windSpd">&nbsp;風速-->
  407. <!--</div>-->
  408. <!--</div>-->
  409. <!--</li>-->
  410. <!--<li>-->
  411. <!--<div class="row">-->
  412. <!--<div class="col-6">-->
  413. <!--<input type="checkbox" name="weModule" value="windDin">&nbsp;風向-->
  414. <!--</div>-->
  415. <!--<div class="col-6">-->
  416. <!--<input type="checkbox" name="weModule" value="rain">&nbsp;降雨量-->
  417. <!--</div>-->
  418. <!--</div>-->
  419. <!--</li>-->
  420. <!--<li>-->
  421. <!--<div class="row">-->
  422. <!--<div class="col-6">-->
  423. <!--<input type="checkbox" name="weModule" value="atmosphere">&nbsp;大氣壓-->
  424. <!--</div>-->
  425. <!--<div class="col-6"></div>-->
  426. <!--</div>-->
  427. <!--</li>-->
  428. <!--</ol>-->
  429. <!--<span>2.灌溉</span>-->
  430. <!--<ol>-->
  431. <!--<li>-->
  432. <!--<div class="row">-->
  433. <!--<div class="col-6">-->
  434. <!--<input type="checkbox" name="iModule" value="airTem">&nbsp;空氣溫度-->
  435. <!--</div>-->
  436. <!--<div class="col-6">-->
  437. <!--<input type="checkbox" name="iModule" value="airHum">&nbsp;空氣濕度-->
  438. <!--</div>-->
  439. <!--</div>-->
  440. <!--</li>-->
  441. <!--<li>-->
  442. <!--<div class="row">-->
  443. <!--<div class="col-6">-->
  444. <!--<input type="checkbox" name="iModule" value="dewPoint">&nbsp;露點-->
  445. <!--</div>-->
  446. <!--<div class="col-6">-->
  447. <!--<input type="checkbox" name="iModule" value="sun">&nbsp;日照-->
  448. <!--</div>-->
  449. <!--</div>-->
  450. <!--</li>-->
  451. <!--<li>-->
  452. <!--<div class="row">-->
  453. <!--<div class="col-6">-->
  454. <!--<input type="checkbox" name="iModule" value="soilHum">&nbsp;土壤含水率-->
  455. <!--</div>-->
  456. <!--<div class="col-6">-->
  457. <!--<input type="checkbox" name="iModule" value="soilTem">&nbsp;土壤溫度-->
  458. <!--</div>-->
  459. <!--</div>-->
  460. <!--</li>-->
  461. <!--<li>-->
  462. <!--<div class="row">-->
  463. <!--<div class="col-6">-->
  464. <!--<input type="checkbox" name="iModule" value="soilEC">&nbsp;土壤EC值-->
  465. <!--</div>-->
  466. <!--<div class="col-6">-->
  467. <!--<input type="checkbox" name="iModule" value="windSpd">&nbsp;風速-->
  468. <!--</div>-->
  469. <!--</div>-->
  470. <!--</li>-->
  471. <!--<li>-->
  472. <!--<div class="row">-->
  473. <!--<div class="col-6">-->
  474. <!--<input type="checkbox" name="iModule" value="windDin">&nbsp;風向-->
  475. <!--</div>-->
  476. <!--<div class="col-6">-->
  477. <!--<input type="checkbox" name="iModule" value="rain">&nbsp;降雨量-->
  478. <!--</div>-->
  479. <!--</div>-->
  480. <!--</li>-->
  481. <!--<li>-->
  482. <!--<div class="row">-->
  483. <!--<div class="col-6">-->
  484. <!--<input type="checkbox" name="iModule" value="atmosphere">&nbsp;大氣壓-->
  485. <!--</div>-->
  486. <!--<div class="col-6"></div>-->
  487. <!--</div>-->
  488. <!--</li>-->
  489. <!--</ol>-->
  490. <!--<span>3.水質</span>-->
  491. <!--<ol>-->
  492. <!--<li>-->
  493. <!--<div class="row">-->
  494. <!--<div class="col-6">-->
  495. <!--<input type="checkbox" name="waModule" value="airTem">&nbsp;空氣溫度-->
  496. <!--</div>-->
  497. <!--<div class="col-6">-->
  498. <!--<input type="checkbox" name="waModule" value="airHum">&nbsp;空氣濕度-->
  499. <!--</div>-->
  500. <!--</div>-->
  501. <!--</li>-->
  502. <!--<li>-->
  503. <!--<div class="row">-->
  504. <!--<div class="col-6">-->
  505. <!--<input type="checkbox" name="waModule" value="dewPoint">&nbsp;露點-->
  506. <!--</div>-->
  507. <!--<div class="col-6">-->
  508. <!--<input type="checkbox" name="waModule" value="sun">&nbsp;日照-->
  509. <!--</div>-->
  510. <!--</div>-->
  511. <!--</li>-->
  512. <!--<li>-->
  513. <!--<div class="row">-->
  514. <!--<div class="col-6">-->
  515. <!--<input type="checkbox" name="waModule" value="soilHum">&nbsp;土壤含水率-->
  516. <!--</div>-->
  517. <!--<div class="col-6">-->
  518. <!--<input type="checkbox" name="waModule" value="soilTem">&nbsp;土壤溫度-->
  519. <!--</div>-->
  520. <!--</div>-->
  521. <!--</li>-->
  522. <!--<li>-->
  523. <!--<div class="row">-->
  524. <!--<div class="col-6">-->
  525. <!--<input type="checkbox" name="waModule" value="soilEC">&nbsp;土壤EC值-->
  526. <!--</div>-->
  527. <!--<div class="col-6">-->
  528. <!--<input type="checkbox" name="waModule" value="windSpd">&nbsp;風速-->
  529. <!--</div>-->
  530. <!--</div>-->
  531. <!--</li>-->
  532. <!--<li>-->
  533. <!--<div class="row">-->
  534. <!--<div class="col-6">-->
  535. <!--<input type="checkbox" name="waModule" value="windDin">&nbsp;風向-->
  536. <!--</div>-->
  537. <!--<div class="col-6">-->
  538. <!--<input type="checkbox" name="waModule" value="rain">&nbsp;降雨量-->
  539. <!--</div>-->
  540. <!--</div>-->
  541. <!--</li>-->
  542. <!--<li>-->
  543. <!--<div class="row">-->
  544. <!--<div class="col-6">-->
  545. <!--<input type="checkbox" name="waModule" value="atmosphere">&nbsp;大氣壓-->
  546. <!--</div>-->
  547. <!--<div class="col-6"></div>-->
  548. <!--</div>-->
  549. <!--</li>-->
  550. <!--</ol>-->
  551. <!--(可複選)-->
  552. <!--</div>-->
  553. <!--<div class="col-1"></div>-->
  554. <!--</div>-->
  555. <!--</div>-->
  556. <!--<div class="node col-xl-3 col-lg-3 col-md-3 col-sm-8 col-xs-8">-->
  557. <!--<h2 class="item-title text-center">節點2</h2>-->
  558. <!--<div class="row node-opt">-->
  559. <!--<div class="col-1"></div>-->
  560. <!--<div class="col-10">-->
  561. <!--<span>1.氣象站</span>-->
  562. <!--<ol>-->
  563. <!--<li>-->
  564. <!--<div class="row">-->
  565. <!--<div class="col-6">-->
  566. <!--<input type="checkbox" name="weModule" value="airTem">&nbsp;空氣溫度-->
  567. <!--</div>-->
  568. <!--<div class="col-6">-->
  569. <!--<input type="checkbox" name="weModule" value="airHum">&nbsp;空氣濕度-->
  570. <!--</div>-->
  571. <!--</div>-->
  572. <!--</li>-->
  573. <!--<li>-->
  574. <!--<div class="row">-->
  575. <!--<div class="col-6">-->
  576. <!--<input type="checkbox" name="weModule" value="dewPoint">&nbsp;露點-->
  577. <!--</div>-->
  578. <!--<div class="col-6">-->
  579. <!--<input type="checkbox" name="weModule" value="sun">&nbsp;日照-->
  580. <!--</div>-->
  581. <!--</div>-->
  582. <!--</li>-->
  583. <!--<li>-->
  584. <!--<div class="row">-->
  585. <!--<div class="col-6">-->
  586. <!--<input type="checkbox" name="weModule" value="soilHum">&nbsp;土壤含水率-->
  587. <!--</div>-->
  588. <!--<div class="col-6">-->
  589. <!--<input type="checkbox" name="weModule" value="soilTem">&nbsp;土壤溫度-->
  590. <!--</div>-->
  591. <!--</div>-->
  592. <!--</li>-->
  593. <!--<li>-->
  594. <!--<div class="row">-->
  595. <!--<div class="col-6">-->
  596. <!--<input type="checkbox" name="weModule" value="soilEC">&nbsp;土壤EC值-->
  597. <!--</div>-->
  598. <!--<div class="col-6">-->
  599. <!--<input type="checkbox" name="weModule" value="windSpd">&nbsp;風速-->
  600. <!--</div>-->
  601. <!--</div>-->
  602. <!--</li>-->
  603. <!--<li>-->
  604. <!--<div class="row">-->
  605. <!--<div class="col-6">-->
  606. <!--<input type="checkbox" name="weModule" value="windDin">&nbsp;風向-->
  607. <!--</div>-->
  608. <!--<div class="col-6">-->
  609. <!--<input type="checkbox" name="weModule" value="rain">&nbsp;降雨量-->
  610. <!--</div>-->
  611. <!--</div>-->
  612. <!--</li>-->
  613. <!--<li>-->
  614. <!--<div class="row">-->
  615. <!--<div class="col-6">-->
  616. <!--<input type="checkbox" name="weModule" value="atmosphere">&nbsp;大氣壓-->
  617. <!--</div>-->
  618. <!--<div class="col-6"></div>-->
  619. <!--</div>-->
  620. <!--</li>-->
  621. <!--</ol>-->
  622. <!--<span>2.灌溉</span>-->
  623. <!--<ol>-->
  624. <!--<li>-->
  625. <!--<div class="row">-->
  626. <!--<div class="col-6">-->
  627. <!--<input type="checkbox" name="iModule" value="airTem">&nbsp;空氣溫度-->
  628. <!--</div>-->
  629. <!--<div class="col-6">-->
  630. <!--<input type="checkbox" name="iModule" value="airHum">&nbsp;空氣濕度-->
  631. <!--</div>-->
  632. <!--</div>-->
  633. <!--</li>-->
  634. <!--<li>-->
  635. <!--<div class="row">-->
  636. <!--<div class="col-6">-->
  637. <!--<input type="checkbox" name="iModule" value="dewPoint">&nbsp;露點-->
  638. <!--</div>-->
  639. <!--<div class="col-6">-->
  640. <!--<input type="checkbox" name="iModule" value="sun">&nbsp;日照-->
  641. <!--</div>-->
  642. <!--</div>-->
  643. <!--</li>-->
  644. <!--<li>-->
  645. <!--<div class="row">-->
  646. <!--<div class="col-6">-->
  647. <!--<input type="checkbox" name="iModule" value="soilHum">&nbsp;土壤含水率-->
  648. <!--</div>-->
  649. <!--<div class="col-6">-->
  650. <!--<input type="checkbox" name="iModule" value="soilTem">&nbsp;土壤溫度-->
  651. <!--</div>-->
  652. <!--</div>-->
  653. <!--</li>-->
  654. <!--<li>-->
  655. <!--<div class="row">-->
  656. <!--<div class="col-6">-->
  657. <!--<input type="checkbox" name="iModule" value="soilEC">&nbsp;土壤EC值-->
  658. <!--</div>-->
  659. <!--<div class="col-6">-->
  660. <!--<input type="checkbox" name="iModule" value="windSpd">&nbsp;風速-->
  661. <!--</div>-->
  662. <!--</div>-->
  663. <!--</li>-->
  664. <!--<li>-->
  665. <!--<div class="row">-->
  666. <!--<div class="col-6">-->
  667. <!--<input type="checkbox" name="iModule" value="windDin">&nbsp;風向-->
  668. <!--</div>-->
  669. <!--<div class="col-6">-->
  670. <!--<input type="checkbox" name="iModule" value="rain">&nbsp;降雨量-->
  671. <!--</div>-->
  672. <!--</div>-->
  673. <!--</li>-->
  674. <!--<li>-->
  675. <!--<div class="row">-->
  676. <!--<div class="col-6">-->
  677. <!--<input type="checkbox" name="iModule" value="atmosphere">&nbsp;大氣壓-->
  678. <!--</div>-->
  679. <!--<div class="col-6"></div>-->
  680. <!--</div>-->
  681. <!--</li>-->
  682. <!--</ol>-->
  683. <!--<span>3.水質</span>-->
  684. <!--<ol>-->
  685. <!--<li>-->
  686. <!--<div class="row">-->
  687. <!--<div class="col-6">-->
  688. <!--<input type="checkbox" name="waModule" value="airTem">&nbsp;空氣溫度-->
  689. <!--</div>-->
  690. <!--<div class="col-6">-->
  691. <!--<input type="checkbox" name="waModule" value="airHum">&nbsp;空氣濕度-->
  692. <!--</div>-->
  693. <!--</div>-->
  694. <!--</li>-->
  695. <!--<li>-->
  696. <!--<div class="row">-->
  697. <!--<div class="col-6">-->
  698. <!--<input type="checkbox" name="waModule" value="dewPoint">&nbsp;露點-->
  699. <!--</div>-->
  700. <!--<div class="col-6">-->
  701. <!--<input type="checkbox" name="waModule" value="sun">&nbsp;日照-->
  702. <!--</div>-->
  703. <!--</div>-->
  704. <!--</li>-->
  705. <!--<li>-->
  706. <!--<div class="row">-->
  707. <!--<div class="col-6">-->
  708. <!--<input type="checkbox" name="waModule" value="soilHum">&nbsp;土壤含水率-->
  709. <!--</div>-->
  710. <!--<div class="col-6">-->
  711. <!--<input type="checkbox" name="waModule" value="soilTem">&nbsp;土壤溫度-->
  712. <!--</div>-->
  713. <!--</div>-->
  714. <!--</li>-->
  715. <!--<li>-->
  716. <!--<div class="row">-->
  717. <!--<div class="col-6">-->
  718. <!--<input type="checkbox" name="waModule" value="soilEC">&nbsp;土壤EC值-->
  719. <!--</div>-->
  720. <!--<div class="col-6">-->
  721. <!--<input type="checkbox" name="waModule" value="windSpd">&nbsp;風速-->
  722. <!--</div>-->
  723. <!--</div>-->
  724. <!--</li>-->
  725. <!--<li>-->
  726. <!--<div class="row">-->
  727. <!--<div class="col-6">-->
  728. <!--<input type="checkbox" name="waModule" value="windDin">&nbsp;風向-->
  729. <!--</div>-->
  730. <!--<div class="col-6">-->
  731. <!--<input type="checkbox" name="waModule" value="rain">&nbsp;降雨量-->
  732. <!--</div>-->
  733. <!--</div>-->
  734. <!--</li>-->
  735. <!--<li>-->
  736. <!--<div class="row">-->
  737. <!--<div class="col-6">-->
  738. <!--<input type="checkbox" name="waModule" value="atmosphere">&nbsp;大氣壓-->
  739. <!--</div>-->
  740. <!--<div class="col-6"></div>-->
  741. <!--</div>-->
  742. <!--</li>-->
  743. <!--</ol>-->
  744. <!--(可複選)-->
  745. <!--</div>-->
  746. <!--<div class="col-1"></div>-->
  747. <!--</div>-->
  748. <!--</div>-->
  749. <!--<div class="node col-xl-3 col-lg-3 col-md-3 col-sm-8 col-xs-8">-->
  750. <!--<h2 class="item-title text-center">節點3</h2>-->
  751. <!--<div class="row node-opt">-->
  752. <!--<div class="col-1"></div>-->
  753. <!--<div class="col-10">-->
  754. <!--<span>1.氣象站</span>-->
  755. <!--<ol>-->
  756. <!--<li>-->
  757. <!--<div class="row">-->
  758. <!--<div class="col-6">-->
  759. <!--<input type="checkbox" name="weModule" value="airTem">&nbsp;空氣溫度-->
  760. <!--</div>-->
  761. <!--<div class="col-6">-->
  762. <!--<input type="checkbox" name="weModule" value="airHum">&nbsp;空氣濕度-->
  763. <!--</div>-->
  764. <!--</div>-->
  765. <!--</li>-->
  766. <!--<li>-->
  767. <!--<div class="row">-->
  768. <!--<div class="col-6">-->
  769. <!--<input type="checkbox" name="weModule" value="dewPoint">&nbsp;露點-->
  770. <!--</div>-->
  771. <!--<div class="col-6">-->
  772. <!--<input type="checkbox" name="weModule" value="sun">&nbsp;日照-->
  773. <!--</div>-->
  774. <!--</div>-->
  775. <!--</li>-->
  776. <!--<li>-->
  777. <!--<div class="row">-->
  778. <!--<div class="col-6">-->
  779. <!--<input type="checkbox" name="weModule" value="soilHum">&nbsp;土壤含水率-->
  780. <!--</div>-->
  781. <!--<div class="col-6">-->
  782. <!--<input type="checkbox" name="weModule" value="soilTem">&nbsp;土壤溫度-->
  783. <!--</div>-->
  784. <!--</div>-->
  785. <!--</li>-->
  786. <!--<li>-->
  787. <!--<div class="row">-->
  788. <!--<div class="col-6">-->
  789. <!--<input type="checkbox" name="weModule" value="soilEC">&nbsp;土壤EC值-->
  790. <!--</div>-->
  791. <!--<div class="col-6">-->
  792. <!--<input type="checkbox" name="weModule" value="windSpd">&nbsp;風速-->
  793. <!--</div>-->
  794. <!--</div>-->
  795. <!--</li>-->
  796. <!--<li>-->
  797. <!--<div class="row">-->
  798. <!--<div class="col-6">-->
  799. <!--<input type="checkbox" name="weModule" value="windDin">&nbsp;風向-->
  800. <!--</div>-->
  801. <!--<div class="col-6">-->
  802. <!--<input type="checkbox" name="weModule" value="rain">&nbsp;降雨量-->
  803. <!--</div>-->
  804. <!--</div>-->
  805. <!--</li>-->
  806. <!--<li>-->
  807. <!--<div class="row">-->
  808. <!--<div class="col-6">-->
  809. <!--<input type="checkbox" name="weModule" value="atmosphere">&nbsp;大氣壓-->
  810. <!--</div>-->
  811. <!--<div class="col-6"></div>-->
  812. <!--</div>-->
  813. <!--</li>-->
  814. <!--</ol>-->
  815. <!--<span>2.灌溉</span>-->
  816. <!--<ol>-->
  817. <!--<li>-->
  818. <!--<div class="row">-->
  819. <!--<div class="col-6">-->
  820. <!--<input type="checkbox" name="iModule" value="airTem">&nbsp;空氣溫度-->
  821. <!--</div>-->
  822. <!--<div class="col-6">-->
  823. <!--<input type="checkbox" name="iModule" value="airHum">&nbsp;空氣濕度-->
  824. <!--</div>-->
  825. <!--</div>-->
  826. <!--</li>-->
  827. <!--<li>-->
  828. <!--<div class="row">-->
  829. <!--<div class="col-6">-->
  830. <!--<input type="checkbox" name="iModule" value="dewPoint">&nbsp;露點-->
  831. <!--</div>-->
  832. <!--<div class="col-6">-->
  833. <!--<input type="checkbox" name="iModule" value="sun">&nbsp;日照-->
  834. <!--</div>-->
  835. <!--</div>-->
  836. <!--</li>-->
  837. <!--<li>-->
  838. <!--<div class="row">-->
  839. <!--<div class="col-6">-->
  840. <!--<input type="checkbox" name="iModule" value="soilHum">&nbsp;土壤含水率-->
  841. <!--</div>-->
  842. <!--<div class="col-6">-->
  843. <!--<input type="checkbox" name="iModule" value="soilTem">&nbsp;土壤溫度-->
  844. <!--</div>-->
  845. <!--</div>-->
  846. <!--</li>-->
  847. <!--<li>-->
  848. <!--<div class="row">-->
  849. <!--<div class="col-6">-->
  850. <!--<input type="checkbox" name="iModule" value="soilEC">&nbsp;土壤EC值-->
  851. <!--</div>-->
  852. <!--<div class="col-6">-->
  853. <!--<input type="checkbox" name="iModule" value="windSpd">&nbsp;風速-->
  854. <!--</div>-->
  855. <!--</div>-->
  856. <!--</li>-->
  857. <!--<li>-->
  858. <!--<div class="row">-->
  859. <!--<div class="col-6">-->
  860. <!--<input type="checkbox" name="iModule" value="windDin">&nbsp;風向-->
  861. <!--</div>-->
  862. <!--<div class="col-6">-->
  863. <!--<input type="checkbox" name="iModule" value="rain">&nbsp;降雨量-->
  864. <!--</div>-->
  865. <!--</div>-->
  866. <!--</li>-->
  867. <!--<li>-->
  868. <!--<div class="row">-->
  869. <!--<div class="col-6">-->
  870. <!--<input type="checkbox" name="iModule" value="atmosphere">&nbsp;大氣壓-->
  871. <!--</div>-->
  872. <!--<div class="col-6"></div>-->
  873. <!--</div>-->
  874. <!--</li>-->
  875. <!--</ol>-->
  876. <!--<span>3.水質</span>-->
  877. <!--<ol>-->
  878. <!--<li>-->
  879. <!--<div class="row">-->
  880. <!--<div class="col-6">-->
  881. <!--<input type="checkbox" name="waModule" value="airTem">&nbsp;空氣溫度-->
  882. <!--</div>-->
  883. <!--<div class="col-6">-->
  884. <!--<input type="checkbox" name="waModule" value="airHum">&nbsp;空氣濕度-->
  885. <!--</div>-->
  886. <!--</div>-->
  887. <!--</li>-->
  888. <!--<li>-->
  889. <!--<div class="row">-->
  890. <!--<div class="col-6">-->
  891. <!--<input type="checkbox" name="waModule" value="dewPoint">&nbsp;露點-->
  892. <!--</div>-->
  893. <!--<div class="col-6">-->
  894. <!--<input type="checkbox" name="waModule" value="sun">&nbsp;日照-->
  895. <!--</div>-->
  896. <!--</div>-->
  897. <!--</li>-->
  898. <!--<li>-->
  899. <!--<div class="row">-->
  900. <!--<div class="col-6">-->
  901. <!--<input type="checkbox" name="waModule" value="soilHum">&nbsp;土壤含水率-->
  902. <!--</div>-->
  903. <!--<div class="col-6">-->
  904. <!--<input type="checkbox" name="waModule" value="soilTem">&nbsp;土壤溫度-->
  905. <!--</div>-->
  906. <!--</div>-->
  907. <!--</li>-->
  908. <!--<li>-->
  909. <!--<div class="row">-->
  910. <!--<div class="col-6">-->
  911. <!--<input type="checkbox" name="waModule" value="soilEC">&nbsp;土壤EC值-->
  912. <!--</div>-->
  913. <!--<div class="col-6">-->
  914. <!--<input type="checkbox" name="waModule" value="windSpd">&nbsp;風速-->
  915. <!--</div>-->
  916. <!--</div>-->
  917. <!--</li>-->
  918. <!--<li>-->
  919. <!--<div class="row">-->
  920. <!--<div class="col-6">-->
  921. <!--<input type="checkbox" name="waModule" value="windDin">&nbsp;風向-->
  922. <!--</div>-->
  923. <!--<div class="col-6">-->
  924. <!--<input type="checkbox" name="waModule" value="rain">&nbsp;降雨量-->
  925. <!--</div>-->
  926. <!--</div>-->
  927. <!--</li>-->
  928. <!--<li>-->
  929. <!--<div class="row">-->
  930. <!--<div class="col-6">-->
  931. <!--<input type="checkbox" name="waModule" value="atmosphere">&nbsp;大氣壓-->
  932. <!--</div>-->
  933. <!--<div class="col-6"></div>-->
  934. <!--</div>-->
  935. <!--</li>-->
  936. <!--</ol>-->
  937. <!--(可複選)-->
  938. <!--</div>-->
  939. <!--<div class="col-1"></div>-->
  940. <!--</div>-->
  941. <!--</div>-->
  942. </div>
  943. </div>
  944. <div class="row page-bottom">
  945. <div class="col"></div>
  946. <div class="col-xl-4 col-lg-6 col-md-8 col-sm-10 col-xs-10" style="text-align:center;">
  947. <div class="form-group">
  948. <input type="reset" class="form-control" value="重設">
  949. <input type="submit" class="form-control" value="送出">
  950. </div>
  951. </div>
  952. <div class="col"></div>
  953. </div>
  954. </div>
  955. </form>
  956. </div>
  957. </body>
  958. </html>