updateXlh.htm 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. #include("template/huimv-haifm-head.vm")
  5. <title>序列号</title>
  6. <style type="text/css">
  7. .cont-div {
  8. width: 100%;
  9. position: absolute;
  10. top: 50px;
  11. bottom: 40px;
  12. overflow: hidden;
  13. margin: 0;
  14. }
  15. .cont-div>div{
  16. display: -webkit-box;
  17. -webkit-box-orient: vertical;
  18. }
  19. .cont-div>div>div{
  20. padding: 10px 0;
  21. }
  22. .bottom-da{
  23. position: inherit;
  24. padding: 10px 0 !important;
  25. }
  26. .disa {
  27. color:#ccc
  28. }
  29. /* 滚动条样式 */
  30. .iScrollVerticalScrollbar {
  31. position: absolute;
  32. z-index: 9999;
  33. width: 3px;
  34. bottom: 2px;
  35. top: 2px;
  36. right: 2px;
  37. overflow: hidden;
  38. padding: 0px !important;
  39. }
  40. .iScrollVerticalScrollbar.iScrollBothScrollbars {
  41. bottom: 18px;
  42. }
  43. .iScrollIndicator {
  44. position: absolute;
  45. right: 0;
  46. background: rgba(0, 0, 0);
  47. border: 2px solid rgba(0, 0, 0, 0.5);
  48. border-radius: 8px;
  49. }
  50. </style>
  51. <script type="text/javascript">
  52. $(function() {
  53. iscroll(".cont-div");
  54. $("#jlsj").datepicker({
  55. language: "en",
  56. maxDate: new Date("$!nowDate"),
  57. dateFormat: "yyyy-mm-dd",
  58. clearButton: true,
  59. autoClose: true
  60. });
  61. $("#zs").bind("change", function(){
  62. $("#mcmc").html($(this).find("option:selected").data("mcmc"));
  63. $("#jqid").html($(this).find("option:selected").data("jqid"));
  64. $("#xlha").html($(this).find("option:selected").data("xlh"));
  65. $("#zdh").html($(this).find("option:selected").data("zdh"));
  66. });
  67. $("#update").bind("tap", function(){console.log("111111111");
  68. $(".ad").removeClass("hidden");
  69. $(".up").removeClass("hidden");
  70. $(".ad").addClass("hidden");
  71. $("#save").val("1");
  72. });
  73. $("#add").bind("tap", function(){
  74. $(".ad").removeClass("hidden");
  75. $(".up").removeClass("hidden");
  76. $(".up").addClass("hidden");
  77. $("#save").val("2");
  78. });
  79. $("#clear").bind("tap", function(){
  80. if(confirm("确定要解除当前绑定的猪舍吗?")) {
  81. jQuery.ajax({
  82. url : 'clearXlh.htm',
  83. dataType : 'json',
  84. type : 'post',
  85. cache : false,
  86. data: {
  87. "xlh" : $("#xlh").val(),
  88. },
  89. success : function(data) {
  90. if (data.returnCode > 0) {
  91. alert("解除成功!");
  92. window.location.href = "getXlh.htm?xlh=" + $("#xlh").val();
  93. }
  94. },
  95. error : function(data) {
  96. alert("系统异常解除失败!");
  97. }
  98. });
  99. }
  100. });
  101. });
  102. /* 滚动事件 */
  103. function iscroll(classd){
  104. var mScroll = new IScroll(classd,{
  105. scrollbars: true,
  106. fadeScrollbars:true,
  107. shrinkScrollbars:'clip',
  108. scrollbars: 'custom',
  109. click:true,
  110. tap:true
  111. });
  112. setTimeout(function () {
  113. mScroll.refresh();
  114. }, 100);
  115. }
  116. /**
  117. * 返回
  118. */
  119. function backUrl() {
  120. window.location.href="loginHaifm.htm";
  121. }
  122. function saveXlh() {
  123. var save = $("#save").val();
  124. if (save == "0") {
  125. return;
  126. } else if(save == "1") {
  127. var zs = $("#zs").val();
  128. if (zs == "0") {
  129. alert("请选择猪舍!");
  130. return;
  131. }
  132. } else if (save == "2") {
  133. var zsmc = $("#zsmc").val();
  134. var jlsj = $("#jlsj").val();
  135. if (zsmc == "" || jlsj == "") {
  136. alert("猪舍名称或建栏时间不能为空!");
  137. return;
  138. }
  139. }
  140. jQuery.ajax({
  141. url : 'saveXlh.htm',
  142. dataType : 'json',
  143. type : 'post',
  144. cache : false,
  145. data: {
  146. "xlh" : $("#xlh").val(),
  147. "save" : $("#save").val(),
  148. "zsid" : $("#zs").val(),
  149. "mcid" : $("#mc").val(),
  150. "zsmc" : $("#zsmc").val(),
  151. "jlsj" : $("#jlsj").val(),
  152. "rlrl" : $("#rlrl").val(),
  153. "rlts" : $("#rlts").val(),
  154. "rlpjtz" : $("#rlpjtz").val()
  155. },
  156. success : function(data) {
  157. if (data.returnCode > 0) {
  158. alert("保存成功!");
  159. window.location.href = "getXlh.htm?xlh=" + $("#xlh").val();
  160. }
  161. },
  162. error : function(data) {
  163. alert("系统异常保存失败!");
  164. }
  165. });
  166. }
  167. </script>
  168. </head>
  169. <body>
  170. <input type="hidden" value="$!xlh" id="xlh" />
  171. <input type="hidden" value="0" id="save" />
  172. <div class="container">
  173. <div class="row">
  174. <div class="navbar-fixed-top">
  175. <span class="glyphicon glyphicon glyphicon-menu-left" aria-hidden="true"
  176. onclick="javascript:backUrl()"></span>
  177. <h4 style="margin-top: 0; margin-bottom: 0;">序列号配置</h4>
  178. <span class="saveBtn" onclick="javascript:saveXlh()">保存</span>
  179. </div>
  180. </div>
  181. </div>
  182. <main class="cont-div">
  183. <div>
  184. <div><span>序列号</span><span>$!xlh</span></div>
  185. <div><span>绑定信息</span>#if("$!jqid" == "")<span style="color:red">未绑定</span>#else<span>已绑定</span>#end</div>
  186. #if("$!jqid" != "")
  187. <div><span>绑定猪舍</span><span>$!zsmc</span></div>
  188. <div><span>机器编号</span><span>$!jqid</span></div>
  189. <div><span>站点号</span><span>$!zdh</span></div>
  190. #end
  191. <div>
  192. <span>
  193. <button id="add" type="button" #if("$!jqid" != "") style="display:none" #end disabled="disabled">新增猪舍绑定</button>
  194. <button id="clear" type="button" #if("$!jqid" == "") style="display:none" #end disabled="disabled">解除猪舍绑定</button>
  195. </span>
  196. <span>
  197. <button id="update" disabled="disabled">修改猪舍绑定</button>
  198. </span>
  199. </div>
  200. <div class="up hidden">
  201. <span>猪舍名称</span>
  202. <select class="form-control" style="width:150px;padding:3px 6px;" id="zs">
  203. <option value="0" data-mcmc="" data-jqid="">--选择绑定猪舍--</option>
  204. #foreach($!obj in $!zsdaList)
  205. <option value="$!obj.id" data-mcmc="$!obj.mcmc" data-jqid="$!obj.jqid" data-xlh="$!obj.xlh" data-zdh="$!obj.zdh">$!obj.zsmc</option>
  206. #end
  207. </select>
  208. </div>
  209. <div class="up hidden"><span>牧场名称</span><span id="mcmc"></span></div>
  210. <div class="up hidden"><span>机器编号</span><span id="jqid"></span></div>
  211. <div class="up hidden"><span>序列号</span><span id="xlha"></span></div>
  212. <div class="up hidden"><span>站点号</span><span id="zdh"></span></div>
  213. <div class="ad hidden">
  214. <span>牧场名称</span>
  215. <select class="form-control" style="width:150px;padding:3px 6px;" id="mc">
  216. #foreach($!obj in $!mcdaList)
  217. <option value="$!obj.id" >$!obj.mcmc</option>
  218. #end
  219. </select>
  220. </div>
  221. <div class="ad hidden"><span>猪舍名称<font color="red">*</font></span><input class="modile" type="text" value="$!daZsda.zsmc" name="daZsda.zsmc" id="zsmc" maxlength="40"></div>
  222. <div class="ad hidden">
  223. <span><font color="red">*</font>建栏时间</span>
  224. <input class="modile" type="text" id="jlsj" class="datepicker-here" readonly="readonly" value="$!dateTool.format('yyyy-MM-dd', $!nowDate)" valid="required" errmsg="建栏时间不能为空!" #if("$!daLqdaDTO.daLqda.id" != "") disabled="disabled" #end />
  225. </div>
  226. <div class="ad hidden">
  227. <span>入栏日龄(天)</span>
  228. <input class="modile" type="number" id="rlrl" value="0" oninput="if(value.length>6)value=value.slice(0,6)"
  229. onblur="this.value=this.value.replace(/^\D|\D$/,'');"
  230. onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1")'
  231. onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1")' />
  232. </div>
  233. <div class="ad hidden">
  234. <span>入栏头数</span>
  235. <input class="modile" type="number" value="0" id="rlts" oninput="if(value.length>6)value=value.slice(0,6)"
  236. onblur="this.value=this.value.replace(/^\D|\D$/,'');"
  237. onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1")'
  238. onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1")' />
  239. </div>
  240. <div class="ad hidden">
  241. <span>入栏平均体重(Kg)</span>
  242. <input class="modile" type="number" value="0" id="rlpjtz" oninput="if(value.length>10)value=value.slice(0,10)"
  243. onblur="this.value=this.value.replace(/^\D|\D$/,'');"
  244. onafterpaste='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{2})\d*$/,"$1")'
  245. onKeyUp='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{2})\d*$/,"$1")' />
  246. </div>
  247. </div>
  248. </main>
  249. </body>
  250. </html>