electRecord.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. <!--#include file="/inc/header.html"-->
  2. <script type="text/javascript">
  3. window.renderHeader=function(e)
  4. {
  5. var template="{{#childenList}}<li class=\"bif-nav-item\" title=\"{{moduleUrl}}\" data-fun=\"{{moduleUrl}}\" data-href=\"{{moduleUrl}}\">{{moduleName}}</li>{{/childenList}}";
  6. var views = Mustache.render(template, e);
  7. $("#bif-nav-ul").html(views);
  8. $("#bif-nav-ul li").each(function () {
  9. var txt = $(this).text();
  10. if (txt == '电表参数管理') {
  11. $(this).addClass("active");
  12. $(".tree-breadcrumb #nav-item-a").html("电表参数管理");
  13. }
  14. })
  15. };
  16. $(function(){
  17. var modules=JSON.parse(window.sessionStorage.getItem("modules"));
  18. if(window.treemap){
  19. renderHeader(window.treemap[13]);//参数管理 7
  20. }else if(modules){
  21. renderHeader(modules.treemap[13]);
  22. }
  23. })
  24. </script>
  25. <div class="con-wrap" style="min-height: 400px;" >
  26. <div class="tree-breadcrumb">
  27. <span class="nav-prov">首页</span>&gt;
  28. <span class="nav-prov"><a id="cansgl" href="/pages/basedata/index.html">参数管理</a></span>&gt;
  29. <span class="nav-prov"><a href="javascript:;" id="nav-item-a"></a></span>
  30. </div>
  31. <div id="con-map" class="main3" style="margin-top: 0px;overflow:hidden">
  32. <div class="bif-nav">
  33. <ul id="bif-nav-ul" >
  34. </ul>
  35. </div>
  36. <div class="bif-container">
  37. <div class="author-nav-tree">
  38. <ul id="tree-tt" style="height:500px;">
  39. </ul>
  40. </div>
  41. <div class="bif-con panel-noscroll" style="height: auto;">
  42. <div id="bd-toolbar" style="margin-top: 0;padding: 10px 5px;">
  43. 名称:<input class="easyui-textbox easyui-validatebox electMeter-name bd-w-name" name="electMeter-name" data-options="validType:'length[0,20]'">&emsp;
  44. <a href="#" class="easyui-linkbutton bd-add-s bd-search" id = "electName-meter-search">查询</a>
  45. <a href="#" class="easyui-linkbutton bd-add-s clear-btn1" plain="true">清空</a>
  46. <a href="#" class="easyui-linkbutton bd-add-s" id="addElectRecordBtn">新增</a>
  47. <a href="#" class="easyui-linkbutton bd-add-s" id="allocationErBtn">电费配置</a>
  48. </div>
  49. <div id="base-table" style="height:500px;">
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="bd-w" style="padding-left: 10px"></div>
  56. <!--#include file="/inc/footer.html"-->
  57. <!--新增电表-->
  58. <div id="addElectRecord" class="easyui-window addElectRecord-form" data-options="modal:false,closed:true" style="width: 500px;">
  59. <form id="addErForm">
  60. <input type="hidden" name="id">
  61. <table cellpadding="0" cellspacing="0" class="elect-record-tab1">
  62. <tr>
  63. <td style="width:80px;"><label>电表名称:</label></td>
  64. <td><input class="easyui-textbox" data-options="validType:'length[0,30]',width:'160px',height:'20px',required:true" name="electName"></td>
  65. </tr>
  66. <tr>
  67. <td><label>电表访问地址:</label></td>
  68. <td>
  69. <input class="easyui-textbox meterAddress1" name="meterAddress1" data-options="validType:'length[1,2]',width:'30px',height:'25px',required:true,missingMessage:'请输入十进制区间为1至153的十六进制数据'" >
  70. <input class="easyui-textbox meterAddress2" name="meterAddress2" data-options="validType:'length[2,2]',width:'30px',height:'25px',required:true,missingMessage:'请输入十进制区间为1至153的十六进制数据'">
  71. <input class="easyui-textbox meterAddress3" name="meterAddress3" data-options="validType:'length[2,2]',width:'30px',height:'25px',required:true,missingMessage:'请输入十进制区间为1至153的十六进制数据'">
  72. <input class="easyui-textbox meterAddress4" name="meterAddress4" data-options="validType:'length[2,2]',width:'30px',height:'25px',required:true,missingMessage:'请输入十进制区间为1至153的十六进制数据'">
  73. <input class="easyui-textbox meterAddress5" name="meterAddress5" data-options="validType:'length[2,2]',width:'30px',height:'25px',required:true,missingMessage:'请输入十进制区间为1至153的十六进制数据'">
  74. <input class="easyui-textbox meterAddress6" name="meterAddress6" data-options="validType:'length[2,2]',width:'30px',height:'25px',required:true,missingMessage:'请输入十进制区间为1至153的十六进制数据'">
  75. <!--
  76. <input class="easyui-textbox meterAddress8" name="meterAddress8" disabled="disabled" data-options="validType:'length[0,20]',width:'30px',height:'25px'">
  77. -->
  78. </td>
  79. </tr>
  80. <tr>
  81. <td><label>互感器变比值:</label></td>
  82. <td>
  83. <input class="easyui-textbox ratio" value="1" name="ratio" data-options="validType:'length[1,3]',min:'1',max:'597',width:'30px',height:'25px',required:true,missingMessage:'请输入十进制区间为1至255的十六进制数据,如果没有就为1'" >
  84. </td>
  85. </tr>
  86. <tr>
  87. <td><label>是否为仓电表:</label></td>
  88. <td class="radio-td">
  89. <label><input type="radio" class="yesOrNo-GrainAmtr yesOrNo-GrainAmtr-first" name="isGrainAmtr" value="1" checked>是</label>
  90. <label><input type="radio" class="yesOrNo-GrainAmtr yesOrNo-GrainAmtr-two" name="isGrainAmtr" value="0">否</label>
  91. </td>
  92. </tr>
  93. <tr>
  94. <td><label>仓号:</label></td>
  95. <td><input class="easyui-combobox selectElecthouse" data-options="width:'140px',height:'20px'" editable="false" style="width:262px;" name="houseId"></td>
  96. </tr>
  97. <tr>
  98. <td><label>备注:</label></td>
  99. <td><input class="easyui-textbox" type="text" name="remarks" data-options="validType:'length[0,50]',multiline:true" style="height: 70px; width: 262px;"></td>
  100. </tr>
  101. </table>
  102. <div class="btn-box">
  103. <a href="javascript:;" class="easyui-linkbutton ElectMeter-add-bt bd-add-s" data-num="0" plain="true">确定</a>
  104. <a href="javascript:;" class="easyui-linkbutton ElectMeter-nextAdd-bt bd-add-s" style="width:100px;" data-num="0" plain="true">保存输入下一条</a>
  105. </div>
  106. </form>
  107. </div>
  108. <!--修改电表-->
  109. <div id="updateElectRecord" class="easyui-window updateElectRecord-form" data-options="modal:false,closed:true" style="width: 500px;">
  110. <form id="updateErForm">
  111. <input type="hidden" name="id">
  112. <table cellpadding="0" cellspacing="0" class="elect-record-tab1">
  113. <tr>
  114. <td style="width:80px;"><label>电表名称:</label></td>
  115. <td><input class="easyui-textbox" data-options="validType:'length[0,30]',width:'160px',height:'20px',required:true" name="electName"></td>
  116. </tr>
  117. <tr>
  118. <td><label>电表访问地址:</label></td>
  119. <td>
  120. <input class="easyui-textbox meterAddressUpdate1" name="meterAddress1" data-options="validType:'length[2,2]',width:'30px',height:'25px',required:true,missingMessage:'请输入十进制区间为1至153的十六进制数据'" >
  121. <input class="easyui-textbox meterAddressUpdate2" name="meterAddress2" data-options="validType:'length[2,2]',width:'30px',height:'25px',required:true,missingMessage:'请输入十进制区间为1至153的十六进制数据'">
  122. <input class="easyui-textbox meterAddressUpdate3" name="meterAddress3" data-options="validType:'length[2,2]',width:'30px',height:'25px',required:true,missingMessage:'请输入十进制区间为1至153的十六进制数据'">
  123. <input class="easyui-textbox meterAddressUpdate4" name="meterAddress4" data-options="validType:'length[2,2]',width:'30px',height:'25px',required:true,missingMessage:'请输入十进制区间为1至153的十六进制数据'">
  124. <input class="easyui-textbox meterAddressUpdate5" name="meterAddress5" data-options="validType:'length[2,2]',width:'30px',height:'25px',required:true,missingMessage:'请输入十进制区间为1至153的十六进制数据'">
  125. <input class="easyui-textbox meterAddressUpdate6" name="meterAddress6" data-options="validType:'length[2,2]',width:'30px',height:'25px',required:true,missingMessage:'请输入十进制区间为1至153的十六进制数据'">
  126. <!--
  127. <input class="easyui-textbox meterAddressUpdate8" name="meterAddress8" disabled="disabled" data-options="validType:'length[0,20]',width:'30px',height:'25px'">
  128. -->
  129. </td>
  130. </tr>
  131. <tr>
  132. <td><label>互感器变比值:</label></td>
  133. <td>
  134. <input class="easyui-textbox ratio" name="ratio" value="1" data-options="validType:'length[1,3]',min:1,max:597,width:'30px',height:'25px',required:true,missingMessage:'请输入十进制区间为1至255的十六进制数据,如果没有就为1'" >
  135. </td>
  136. </tr>
  137. <tr>
  138. <td><label>是否为仓电表:</label></td>
  139. <td class="radio-td">
  140. <label><input type="radio" class="yesOrNo-UpdateGrainAmtr yesOrNo-UpdateGrainAmtr-first" name="isUpdateGrainAmtr" value="1" checked>是</label>
  141. <label><input type="radio" class="yesOrNo-UpdateGrainAmtr yesOrNo-UpdateGrainAmtr-two" name="isUpdateGrainAmtr" value="0">否</label>
  142. </td>
  143. </tr>
  144. <tr>
  145. <td><label>仓号:</label></td>
  146. <td><input class="easyui-combobox selectUpdateElecthouse" data-options="width:'140px',height:'20px'" editable="false" style="width:262px;" name="houseId"></td>
  147. </tr>
  148. <tr>
  149. <td><label>备注:</label></td>
  150. <td><input class="easyui-textbox" type="text" name="remarks" data-options="validType:'length[0,50]',multiline:true" style="height: 70px; width: 262px;"></td>
  151. </tr>
  152. </table>
  153. <div class="btn-box">
  154. <a href="javascript:;" class="easyui-linkbutton ElectMeter-update-bt bd-add-s" data-num="0" plain="true">确定</a>
  155. </div>
  156. </form>
  157. </div>
  158. <!--电费配置-->
  159. <div id="allocationEr" class="easyui-window allocationEr-form" data-options="modal:false,closed:true" style="width: 500px;">
  160. <form id="allocationErForm">
  161. <input type="hidden" name="id">
  162. <table cellpadding="0" cellspacing="0" class="elect-record-tab1 tab-mar1">
  163. <tr>
  164. <td style="width:80px;"><label>电费:(元)</label></td>
  165. <td><input class="easyui-numberbox" precision="2" data-options="validType:'length[0,20]',width:'90px',height:'25px',required:true" name = "priceNum"></td>
  166. </tr>
  167. </table>
  168. <div class="btn-box">
  169. <a href="#" class="easyui-linkbutton bd-add-s erPrice-add-update" plain="true">确定</a>
  170. <a href="#" class="easyui-linkbutton bd-add-s" id="close-erPrice-add-update" plain="true">取消</a>
  171. </div>
  172. </form>
  173. </div>
  174. <style>
  175. .author-nav-tree {
  176. display: inline-block;
  177. width: 200px;
  178. min-height: 400px;
  179. border: 1px solid lightgrey;
  180. float: left;
  181. overflow-x: hidden;
  182. overflow-y: auto;
  183. margin-top: 10px;
  184. }
  185. #con-map {
  186. min-height: 400px;
  187. display: inline-block;
  188. margin-top: 10px;
  189. }
  190. .bif-con {
  191. width: 980px;
  192. height: 404px;
  193. margin-top: 10px;
  194. margin-left: 14px;
  195. float: left;
  196. }
  197. .bif-nav-item{
  198. width: 150px;
  199. text-align: center;
  200. }
  201. </style>
  202. <script type="text/javascript" src="/src/sub/electRecord.js"></script>
  203. <script type="text/javascript">
  204. electRecordData.init();
  205. </script>
  206. </body>
  207. </html>