edit.html.bak 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <script type="text/javascript" src="__static__/js/jquery-1.10.2.min.js"></script>
  7. <link rel="stylesheet" href="__static__/css/bootstrap.min.css">
  8. <script type="text/javascript" src="__static__/js/bootstrap.min.js"></script>
  9. <script>
  10. $(function() {
  11. if (localStorage.getItem('type')) {
  12. alert($data['deviceType']);
  13. var div_type = document.getElementById('type');
  14. var v = div_type.getAttribute("getv");
  15. var optionElements = div_type.getElementsByTagName("option");
  16. for(var i = 0; i<optionElements.length; i++){
  17. if(optionElements[i].getActiveAttrib("value")==v){
  18. optionElements[i].setAttr("selected","selected");
  19. }
  20. }
  21. }
  22. });
  23. function chkv() {
  24. var div_type = document.getElementById('type');
  25. var v = div_type.getAttribute("getv");
  26. var optionElements = div_type.getElementsByTagName("option");
  27. // alert("onload"+","+v+","+optionElements.length);
  28. for(var i = 0; i<optionElements.length; i++){
  29. // alert("idx:"+i);
  30. var optionElement = optionElements[i];
  31. if(optionElement.getAttribute("value")==v){
  32. optionElement.setAttribute("selected","selected");
  33. }
  34. }
  35. }
  36. $(function() {
  37. if (localStorage.getItem('manufacturerId')) {
  38. alert($data['deviceType']);
  39. var div_type = document.getElementById('manufacturerId');
  40. var v = div_type.getAttribute("getv");
  41. var optionElements = div_type.getElementsByTagName("option");
  42. for(var i = 0; i<optionElements.length; i++){
  43. if(optionElements[i].getActiveAttrib("value")==v){
  44. optionElements[i].setAttr("selected","selected");
  45. }
  46. }
  47. }
  48. });
  49. function hkv() {
  50. var div_type = document.getElementById('manufacturerId');
  51. var v = div_type.getAttribute("getv");
  52. var optionElements = div_type.getElementsByTagName("option");
  53. // alert("onload"+","+v+","+optionElements.length);
  54. for(var i = 0; i<optionElements.length; i++){
  55. // alert("idx:"+i);
  56. var optionElement = optionElements[i];
  57. if(optionElement.getAttribute("value")==v){
  58. optionElement.setAttribute("selected","selected");
  59. }
  60. }
  61. }
  62. $(function() {
  63. if (localStorage.getItem('manufacturerName')) {
  64. alert($data['deviceType']);
  65. var div_type = document.getElementById('manufacturerName');
  66. var v = div_type.getAttribute("getv");
  67. var optionElements = div_type.getElementsByTagName("option");
  68. for(var i = 0; i<optionElements.length; i++){
  69. if(optionElements[i].getActiveAttrib("value")==v){
  70. optionElements[i].setAttr("selected","selected");
  71. }
  72. }
  73. }
  74. });
  75. function kv() {
  76. var div_type = document.getElementById('manufacturerName');
  77. var v = div_type.getAttribute("getv");
  78. var optionElements = div_type.getElementsByTagName("option");
  79. // alert("onload"+","+v+","+optionElements.length);
  80. for(var i = 0; i<optionElements.length; i++){
  81. // alert("idx:"+i);
  82. var optionElement = optionElements[i];
  83. if(optionElement.getAttribute("value")==v){
  84. optionElement.setAttribute("selected","selected");
  85. }
  86. }
  87. }
  88. $(function() {
  89. if (localStorage.getItem('model')) {
  90. alert($data['deviceType']);
  91. var div_type = document.getElementById('model');
  92. var v = div_type.getAttribute("getv");
  93. var optionElements = div_type.getElementsByTagName("option");
  94. for(var i = 0; i<optionElements.length; i++){
  95. if(optionElements[i].getActiveAttrib("value")==v){
  96. optionElements[i].setAttr("selected","selected");
  97. }
  98. }
  99. }
  100. });
  101. function v() {
  102. var div_type = document.getElementById('model');
  103. var v = div_type.getAttribute("getv");
  104. var optionElements = div_type.getElementsByTagName("option");
  105. // alert("onload"+","+v+","+optionElements.length);
  106. for(var i = 0; i<optionElements.length; i++){
  107. // alert("idx:"+i);
  108. var optionElement = optionElements[i];
  109. if(optionElement.getAttribute("value")==v){
  110. optionElement.setAttribute("selected","selected");
  111. }
  112. }
  113. }
  114. function changeProgram(){
  115. }
  116. </script>
  117. </head>
  118. <body onload="chkv(),hkv(),kv(),v()">
  119. <div class="mainbox" style="padding: 20px;">
  120. <form class="form-horizontal" action="{:url('edit')}" method="post" >
  121. <input type="hidden" name="id" value="{$data['id']}">
  122. <div class="form-group">
  123. <label class="col-sm-2 control-label">设备号</label>
  124. <div class="col-sm-4">
  125. <input type="text" class="form-control" name="device_id" value="{$data['device_id']}" readonly>
  126. </div>
  127. <span style="color: red;">*</span>
  128. </div>
  129. <div class="form-group">
  130. <label class="col-sm-2 control-label">设备名称</label>
  131. <div class="col-sm-4">
  132. <input type="text" class="form-control" name="name" value="{$data['name']}">
  133. </div>
  134. <span style="color: red;">*</span>
  135. </div>
  136. <div class="form-group" >
  137. <label class="col-sm-2 control-label">iot-id</label>
  138. <div class="col-sm-4">
  139. <input type="text" class="form-control" name="iot_id" value="{$data['iot_id']}" readonly>
  140. </div>
  141. <span style="color: red;">*</span>
  142. </div>
  143. <div class="form-group">
  144. <label class="col-sm-2 control-label">设备类型</label>
  145. <div class="col-sm-4">
  146. <select name="deviceType" class="form-control" id="type" onchange="changeProgram()" getv="{$data['deviceType']}">
  147. <option value="Smoke">烟感</option>
  148. <option value="MultiSensor">水表 </option>
  149. </select>
  150. <!--<input type="text" class="form-control" name="deviceType" value="{$data['deviceType']}">-->
  151. </div>
  152. <span style="color: red;">*</span>
  153. </div>
  154. <div class="form-group">
  155. <label class="col-sm-2 control-label">厂商id</label>
  156. <div class="col-sm-4">
  157. <select name="manufacturerId" class="form-control" id="manufacturerId" onchange="changeProgram()" getv="{$data['manufacturerId']}">
  158. <option value="ST">ST</option>
  159. <option value="ZHYQ">ZHYQ</option>
  160. </select>
  161. <!--<input type="text" class="form-control" name="manufacturerId" value="{$data['manufacturerId']}">-->
  162. </div>
  163. <span style="color: red;">*</span>
  164. </div>
  165. <div class="form-group">
  166. <label class="col-sm-2 control-label">厂商名称</label>
  167. <div class="col-sm-4">
  168. <select name="manufacturerId" class="form-control" id="manufacturerName" onchange="changeProgram()" getv="{$data['manufacturerName']}">
  169. <option value="ST">ST</option>
  170. <option value="ZHYQ">ZHYQ</option>
  171. </select>
  172. <!--<input type="text" class="form-control" name="manufacturerName" value="{$data['manufacturerName']}">-->
  173. </div>
  174. <span style="color: red;">*</span>
  175. </div>
  176. <div class="form-group">
  177. <label class="col-sm-2 control-label">设备型号</label>
  178. <div class="col-sm-4">
  179. <select name="manufacturerId" class="form-control" id="model" onchange="changeProgram()" getv="{$data['model']}">
  180. <option value="517N01">烟感型号</option>
  181. <option value="PT124B-2892-010">水表型号</option>
  182. </select>
  183. <!--<input type="text" class="form-control" name="model" value="{$data['model']}">-->
  184. </div>
  185. <span style="color: red;">*</span>
  186. </div>
  187. <div class="form-group">
  188. <label class="col-sm-2 control-label">协议</label>
  189. <div class="col-sm-4">
  190. <input type="text" class="form-control" name="protocolType" value="{$data['protocolType']}">
  191. </div>
  192. <span style="color: red;">*</span>
  193. </div>
  194. <div class="form-group">
  195. <label class="col-sm-2 control-label">是否为安全设备</label>
  196. <div class="col-sm-4">
  197. <input type="text" class="form-control" name="isSecure" value="{$data['isSecure']}">
  198. </div>
  199. <span style="color: red;">*</span>
  200. </div>
  201. <div class="form-group">
  202. <label class="col-sm-2 control-label">地址</label>
  203. <div class="col-sm-4">
  204. <input type="text" class="form-control" name="location" value="{$data['location']}">
  205. </div>
  206. <span style="color: red;">*</span>
  207. </div>
  208. <div class="form-group">
  209. <div class="col-sm-6" style="text-align: center;">
  210. <button type="submit" class="btn" >提交</button>
  211. </div>
  212. </div>
  213. </form>
  214. </div>
  215. </body>
  216. </html>