123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <link rel="stylesheet" href="views/whh/whhPlus/editWhh.css?type=2">
- <title>无害化详情</title>
- #include("template/whh-other.vm")
- <style type="text/css">
- .textArea{
- color: #333;
- }
- .divicon{
- padding-top: 0.4em;
- }
- </style>
- <script type="text/javascript">
- $(function() {
- /**
- * 时间事件
- * */
- shijian();
- //自动计算
- var from = $("#whhFrom").val();
- var type = $("#type").val();
- if(from == "1" && type == "0") {
- $(".sqimg").hide();
- }
- })
- /**
- * 时间事件
- * */
- function shijian() {
- mui.init();
- mui.ready(function() {
- var rqbtns = $('.showRq');
- console.log("aaa");
- rqbtns.each(function(i, showRq) {
- console.log("bbb");
- showRq.addEventListener('tap', function() {
- var that = this.value;
- dateP(showRq,that);
- }, false);
-
- });
- });
- }
- function dateP(inputClass,that) {
- console.log("ccc");
- var picker = new mui.DtPicker({
- type: "date",//设置日历初始视图模式
- value: that,
- endDate: new Date(),//设置结束日期
- });
- picker.show(function(rs) {
- inputClass.value = rs.text;
- picker.dispose();
- });
- }
- function save() {
- var mcid = $("#mcid").val();
- var yhid = $("#yhid").val();
- var from = $("#whhFrom").val();
- var type = $("#type").val();
- var clfs = $("#testSelect option:selected").data("for");
- var sqsj = $("#sqsj").val();
- var glh = $("#glh").val();
- var pc = $("#pc").val();
- var sl = $("#sl").val();
- var cldd = $("#cldd").val();
- var clry = $("#clry").val();
- var bz = $("#bz").val();
- if(parseInt(sl) > 9999 || parseInt(sl) < 0) {
- alert("处理数量应小于9999大于0");
- return;
- }
- if (sqsj == "" || glh == "" || pc == "" || sl == "" || cldd == ""
- || clry == "") {
- alert("请完善所有信息");
- return;
- } else {
- jQuery("#sqForm").ajaxSubmit({
- dataType : "json",
- type : "post",
- contentType: "application/x-www-form-urlencoded; charset=utf-8", //编码格式
- data : {
- "mcid" : mcid,
- "yhid" : yhid,
- "from" : from,
- "type" : type,
- "clfs" : clfs,
- "djid" : $("#djid").val(),
- "cldd" :encodeURI(encodeURI(cldd)),
- "clry" :encodeURI(encodeURI(clry)),
- "bz" : encodeURI(encodeURI(bz))
- },
- success : function(data) {
- // 保存成功
- if (data.returnCode > 0) {
- alert("保存成功")
- // 加载查看页面
- backToIndex();
- }
- },
- error : function(data) {
- }
- });
- }
- }
- function backToIndex() {
- haifm.loadMobilePage("haifm", "whhIndex.htm?mcid=" + $("#mcid").val()
- + "&type=" + $("#type").val() + "&goTo=" + $("#whhFrom").val());
- }
-
- /**
- * 显示遮罩层
- * */
- function showOverlay(){
- $("#overlay").height(pageHeight());
- $("#overlay").width(pageWidth());
- // fadeTo第一个参数为速度,第二个为透明度
- // 多重方式控制透明度,保证兼容性,但也带来修改麻烦的问题
- $("#overlay").fadeTo(200, 0.5);
- };
- /**
- * 隐藏覆盖层
- * */
- function hideOverlay(){
- $("#overlay").fadeOut(200);
- };
- /**
- * 当前页面高度
- */
- function pageHeight(){
- return document.body.scrollHeight;
- };
- /**
- * 当前页面宽度
- * */
- function pageWidth(){
- return document.body.scrollWidth;
- };
- </script>
- </head>
- <body style="height:100%">
- <input type="hidden" id="whhFrom" value="$!from">
- <input type="hidden" id="type" value="$!type">
- <input type="hidden" id="djid" value="$!djid">
- <div class="header whhSqHead">
- <div class="m1 glyphicon glyphicon-chevron-left" onclick="backToIndex();"></div>
- <div class="m2">无害化详情</div>
- <div class="m3" onclick="save();">
- <img src="views/whh/img/gouxuan.png" alt="" class="sqimg">
- </div>
- </div>
- <div class="wrapper" style="height:100%; overflow-y: hidden">
- <section style="overflow-y: hidden">
- <form name="sqForm" id="sqForm" method="post" action="saveWhhSq.htm">
- <div class="headline"><div class="lsfk"></div>申请内容</div>
- <div class="cont-wrapper">
- <div class="line">
- <div class="divicon">
- <svg class="icon-whhxq icon-sqsj" aria-hidden="true">
- <use xlink:href="#icon-5"></use>
- </svg>
- </div>
- <div class="title">申请时间<span></span></div>
- <div class="maohao">:</div>
- <div class="cont">
- <input type="text" name="whhDjtj.sqsj" id="sqsj" class="showRq" value="$!dateTool.format('yyyy-MM-dd', $!djtj.sqsj)"/>
- </div>
- <div class="xing">  *</div>
- </div>
- <div class="line">
- <div class="divicon">
- <svg class="icon-whhxq icon-glh" aria-hidden="true">
- <use xlink:href="#icon-shenfenzhenghaoma"></use>
- </svg>
- </div>
- <div class="title">管理号<span></span></div>
- <div class="maohao">:</div>
- <div class="cont">
- <input type="text" name="whhDjtj.glh" id="glh" value="$!djtj.glh" maxlength="15" />
- </div>
- <div class="xing">  *</div>
- </div>
- <div class="line">
- <div class="divicon">
- <svg class="icon-whhxq icon-pch" aria-hidden="true">
- <use xlink:href="#icon-shenfenzhenghaoma"></use>
- </svg>
- </div>
- <div class="title">批次号<span></span></div>
- <div class="maohao">:</div>
- <div class="cont">
- <input type="text" name="whhDjtj.pc" id="pc" value="$!djtj.pc" maxlength="15" />
- </div>
- <div class="xing">  *</div>
- </div>
- <div class="line">
- <div class="divicon">
- <svg class="icon-whhxq icon-clsl" aria-hidden="true">
- <use xlink:href="#icon-poolNumber"></use>
- </svg>
- </div>
- <div class="title">处理数量<span></span></div>
- <div class="maohao">:</div>
- <div class="cont">
- <input type="number" name="whhDjtj.sl" id="sl" value="$!djtj.sl" maxlength="10" />
- </div>
- <div class="xing">  *</div>
- </div>
- <div class="line">
- <div class="divicon">
- <svg class="icon-whhxq icon-clfs" aria-hidden="true">
- <use xlink:href="#icon-shuoming"></use>
- </svg>
- </div>
- <div class="title">处理方式<span></span></div>
- <div class="maohao">:</div>
- <div class="cont">
- <div class="xlk">
- <select id="testSelect"> #foreach($!obj in $!clfsList)
- <option data-for="$!obj.dmid"
- #if("$!obj.dmid" == "$!djtj.clfs") selected = "selected" #end>$!obj.dmmc</option>
- #end
- </select>
- </div>
- </div>
- <div class="xing">  *</div>
- </div>
- <div class="line">
- <div class="divicon">
- <svg class="icon-whhxq icon-cldd" aria-hidden="true">
- <use xlink:href="#icon-location"></use>
- </svg>
- </div>
- <div class="title">处理地点<span></span></div>
- <div class="maohao">:</div>
- <div class="cont">
- <input type="text" name="whhDjtj.cldd" id="cldd" value="$!djtj.cldd" maxlength="20" />
- </div>
- <div class="xing">  *</div>
- </div>
- <div class="line">
- <div class="divicon">
- <svg class="icon-whhxq icon-zxry" aria-hidden="true">
- <use xlink:href="#icon-renyuanguanli"></use>
- </svg>
- </div>
- <div class="title">执行人员<span></span></div>
- <div class="maohao">:</div>
- <div class="cont">
- <input type="text" name="whhDjtj.clry" id="clry" value="$!djtj.clry" maxlength="20" />
- </div>
- <div class="xing">  *</div>
- </div>
- <div class="line">
- <div class="divicon">
- <svg class="icon-whhxq icon-sqbz" aria-hidden="true">
- <use xlink:href="#icon-tianjiabeizhu"></use>
- </svg>
- </div>
- <div class="title">备注<span></span></div>
- <div class="maohao">:</div>
- <div class="cont" style=" flex: 0 0 60%;"><textarea rows="5" cols="5"
- class="textArea" name="whhDjtj.sqbz" maxlength=64 id="bz">$!djtj.sqbz</textarea></div>
- <div class="xing" style="color: #ffffff;">  *</div>
- </div>
- </div>
- </form>
- </section>
- <div id="overlay"></div>
- </div>
- </body>
- </html>
|