123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- #include("template/huimv-haifm-head.vm")
- <title>序列号</title>
- <style type="text/css">
- .cont-div {
- width: 100%;
- position: absolute;
- top: 50px;
- bottom: 40px;
- overflow: hidden;
- margin: 0;
- }
- .cont-div>div{
- display: -webkit-box;
- -webkit-box-orient: vertical;
- }
- .cont-div>div>div{
- padding: 10px 0;
- }
- .bottom-da{
- position: inherit;
- padding: 10px 0 !important;
- }
- .disa {
- color:#ccc
- }
- /* 滚动条样式 */
- .iScrollVerticalScrollbar {
- position: absolute;
- z-index: 9999;
- width: 3px;
- bottom: 2px;
- top: 2px;
- right: 2px;
- overflow: hidden;
- padding: 0px !important;
- }
- .iScrollVerticalScrollbar.iScrollBothScrollbars {
- bottom: 18px;
- }
- .iScrollIndicator {
- position: absolute;
- right: 0;
- background: rgba(0, 0, 0);
- border: 2px solid rgba(0, 0, 0, 0.5);
- border-radius: 8px;
- }
- </style>
- <script type="text/javascript">
- $(function() {
- iscroll(".cont-div");
-
- $("#jlsj").datepicker({
- language: "en",
- maxDate: new Date("$!nowDate"),
- dateFormat: "yyyy-mm-dd",
- clearButton: true,
- autoClose: true
- });
-
- $("#zs").bind("change", function(){
- $("#mcmc").html($(this).find("option:selected").data("mcmc"));
- $("#jqid").html($(this).find("option:selected").data("jqid"));
- $("#xlha").html($(this).find("option:selected").data("xlh"));
- $("#zdh").html($(this).find("option:selected").data("zdh"));
- });
-
- $("#update").bind("tap", function(){console.log("111111111");
- $(".ad").removeClass("hidden");
- $(".up").removeClass("hidden");
- $(".ad").addClass("hidden");
- $("#save").val("1");
- });
-
- $("#add").bind("tap", function(){
- $(".ad").removeClass("hidden");
- $(".up").removeClass("hidden");
- $(".up").addClass("hidden");
- $("#save").val("2");
- });
-
- $("#clear").bind("tap", function(){
- if(confirm("确定要解除当前绑定的猪舍吗?")) {
- jQuery.ajax({
- url : 'clearXlh.htm',
- dataType : 'json',
- type : 'post',
- cache : false,
- data: {
- "xlh" : $("#xlh").val(),
- },
- success : function(data) {
- if (data.returnCode > 0) {
- alert("解除成功!");
- window.location.href = "getXlh.htm?xlh=" + $("#xlh").val();
- }
- },
- error : function(data) {
- alert("系统异常解除失败!");
- }
- });
- }
- });
- });
- /* 滚动事件 */
- function iscroll(classd){
- var mScroll = new IScroll(classd,{
- scrollbars: true,
- fadeScrollbars:true,
- shrinkScrollbars:'clip',
- scrollbars: 'custom',
- click:true,
- tap:true
- });
-
- setTimeout(function () {
- mScroll.refresh();
- }, 100);
- }
- /**
- * 返回
- */
- function backUrl() {
- window.location.href="loginHaifm.htm";
- }
- function saveXlh() {
- var save = $("#save").val();
- if (save == "0") {
- return;
- } else if(save == "1") {
- var zs = $("#zs").val();
- if (zs == "0") {
- alert("请选择猪舍!");
- return;
- }
- } else if (save == "2") {
- var zsmc = $("#zsmc").val();
- var jlsj = $("#jlsj").val();
- if (zsmc == "" || jlsj == "") {
- alert("猪舍名称或建栏时间不能为空!");
- return;
- }
- }
- jQuery.ajax({
- url : 'saveXlh.htm',
- dataType : 'json',
- type : 'post',
- cache : false,
- data: {
- "xlh" : $("#xlh").val(),
- "save" : $("#save").val(),
- "zsid" : $("#zs").val(),
- "mcid" : $("#mc").val(),
- "zsmc" : $("#zsmc").val(),
- "jlsj" : $("#jlsj").val(),
- "rlrl" : $("#rlrl").val(),
- "rlts" : $("#rlts").val(),
- "rlpjtz" : $("#rlpjtz").val()
- },
- success : function(data) {
- if (data.returnCode > 0) {
- alert("保存成功!");
- window.location.href = "getXlh.htm?xlh=" + $("#xlh").val();
- }
- },
- error : function(data) {
- alert("系统异常保存失败!");
- }
- });
- }
- </script>
- </head>
- <body>
- <input type="hidden" value="$!xlh" id="xlh" />
- <input type="hidden" value="0" id="save" />
- <div class="container">
- <div class="row">
- <div class="navbar-fixed-top">
- <span class="glyphicon glyphicon glyphicon-menu-left" aria-hidden="true"
- onclick="javascript:backUrl()"></span>
- <h4 style="margin-top: 0; margin-bottom: 0;">序列号配置</h4>
- <span class="saveBtn" onclick="javascript:saveXlh()">保存</span>
- </div>
- </div>
- </div>
- <main class="cont-div">
- <div>
- <div><span>序列号</span><span>$!xlh</span></div>
- <div><span>绑定信息</span>#if("$!jqid" == "")<span style="color:red">未绑定</span>#else<span>已绑定</span>#end</div>
- #if("$!jqid" != "")
- <div><span>绑定猪舍</span><span>$!zsmc</span></div>
- <div><span>机器编号</span><span>$!jqid</span></div>
- <div><span>站点号</span><span>$!zdh</span></div>
- #end
- <div>
- <span>
- <button id="add" type="button" #if("$!jqid" != "") style="display:none" #end disabled="disabled">新增猪舍绑定</button>
- <button id="clear" type="button" #if("$!jqid" == "") style="display:none" #end disabled="disabled">解除猪舍绑定</button>
- </span>
- <span>
- <button id="update" disabled="disabled">修改猪舍绑定</button>
- </span>
- </div>
- <div class="up hidden">
- <span>猪舍名称</span>
- <select class="form-control" style="width:150px;padding:3px 6px;" id="zs">
- <option value="0" data-mcmc="" data-jqid="">--选择绑定猪舍--</option>
- #foreach($!obj in $!zsdaList)
- <option value="$!obj.id" data-mcmc="$!obj.mcmc" data-jqid="$!obj.jqid" data-xlh="$!obj.xlh" data-zdh="$!obj.zdh">$!obj.zsmc</option>
- #end
- </select>
- </div>
- <div class="up hidden"><span>牧场名称</span><span id="mcmc"></span></div>
- <div class="up hidden"><span>机器编号</span><span id="jqid"></span></div>
- <div class="up hidden"><span>序列号</span><span id="xlha"></span></div>
- <div class="up hidden"><span>站点号</span><span id="zdh"></span></div>
- <div class="ad hidden">
- <span>牧场名称</span>
- <select class="form-control" style="width:150px;padding:3px 6px;" id="mc">
- #foreach($!obj in $!mcdaList)
- <option value="$!obj.id" >$!obj.mcmc</option>
- #end
- </select>
- </div>
- <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>
- <div class="ad hidden">
- <span><font color="red">*</font>建栏时间</span>
- <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 />
- </div>
- <div class="ad hidden">
- <span>入栏日龄(天)</span>
- <input class="modile" type="number" id="rlrl" value="0" oninput="if(value.length>6)value=value.slice(0,6)"
- onblur="this.value=this.value.replace(/^\D|\D$/,'');"
- onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1")'
- onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1")' />
- </div>
- <div class="ad hidden">
- <span>入栏头数</span>
- <input class="modile" type="number" value="0" id="rlts" oninput="if(value.length>6)value=value.slice(0,6)"
- onblur="this.value=this.value.replace(/^\D|\D$/,'');"
- onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1")'
- onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1")' />
- </div>
- <div class="ad hidden">
- <span>入栏平均体重(Kg)</span>
- <input class="modile" type="number" value="0" id="rlpjtz" oninput="if(value.length>10)value=value.slice(0,10)"
- onblur="this.value=this.value.replace(/^\D|\D$/,'');"
- onafterpaste='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{2})\d*$/,"$1")'
- onKeyUp='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{2})\d*$/,"$1")' />
- </div>
- </div>
- </main>
- </body>
- </html>
|