editWhhSq.htm 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <link rel="stylesheet" href="views/whh/whhPlus/editWhh.css?type=2">
  5. <title>无害化详情</title>
  6. #include("template/whh-other.vm")
  7. <style type="text/css">
  8. .textArea{
  9. color: #333;
  10. }
  11. .divicon{
  12. padding-top: 0.4em;
  13. }
  14. </style>
  15. <script type="text/javascript">
  16. $(function() {
  17. /**
  18. * 时间事件
  19. * */
  20. shijian();
  21. //自动计算
  22. var from = $("#whhFrom").val();
  23. var type = $("#type").val();
  24. if(from == "1" && type == "0") {
  25. $(".sqimg").hide();
  26. }
  27. })
  28. /**
  29. * 时间事件
  30. * */
  31. function shijian() {
  32. mui.init();
  33. mui.ready(function() {
  34. var rqbtns = $('.showRq');
  35. console.log("aaa");
  36. rqbtns.each(function(i, showRq) {
  37. console.log("bbb");
  38. showRq.addEventListener('tap', function() {
  39. var that = this.value;
  40. dateP(showRq,that);
  41. }, false);
  42. });
  43. });
  44. }
  45. function dateP(inputClass,that) {
  46. console.log("ccc");
  47. var picker = new mui.DtPicker({
  48. type: "date",//设置日历初始视图模式
  49. value: that,
  50. endDate: new Date(),//设置结束日期
  51. });
  52. picker.show(function(rs) {
  53. inputClass.value = rs.text;
  54. picker.dispose();
  55. });
  56. }
  57. function save() {
  58. var mcid = $("#mcid").val();
  59. var yhid = $("#yhid").val();
  60. var from = $("#whhFrom").val();
  61. var type = $("#type").val();
  62. var clfs = $("#testSelect option:selected").data("for");
  63. var sqsj = $("#sqsj").val();
  64. var glh = $("#glh").val();
  65. var pc = $("#pc").val();
  66. var sl = $("#sl").val();
  67. var cldd = $("#cldd").val();
  68. var clry = $("#clry").val();
  69. var bz = $("#bz").val();
  70. if(parseInt(sl) > 9999 || parseInt(sl) < 0) {
  71. alert("处理数量应小于9999大于0");
  72. return;
  73. }
  74. if (sqsj == "" || glh == "" || pc == "" || sl == "" || cldd == ""
  75. || clry == "") {
  76. alert("请完善所有信息");
  77. return;
  78. } else {
  79. jQuery("#sqForm").ajaxSubmit({
  80. dataType : "json",
  81. type : "post",
  82. contentType: "application/x-www-form-urlencoded; charset=utf-8", //编码格式
  83. data : {
  84. "mcid" : mcid,
  85. "yhid" : yhid,
  86. "from" : from,
  87. "type" : type,
  88. "clfs" : clfs,
  89. "djid" : $("#djid").val(),
  90. "cldd" :encodeURI(encodeURI(cldd)),
  91. "clry" :encodeURI(encodeURI(clry)),
  92. "bz" : encodeURI(encodeURI(bz))
  93. },
  94. success : function(data) {
  95. // 保存成功
  96. if (data.returnCode > 0) {
  97. alert("保存成功")
  98. // 加载查看页面
  99. backToIndex();
  100. }
  101. },
  102. error : function(data) {
  103. }
  104. });
  105. }
  106. }
  107. function backToIndex() {
  108. haifm.loadMobilePage("haifm", "whhIndex.htm?mcid=" + $("#mcid").val()
  109. + "&type=" + $("#type").val() + "&goTo=" + $("#whhFrom").val());
  110. }
  111. /**
  112. * 显示遮罩层
  113. * */
  114. function showOverlay(){
  115. $("#overlay").height(pageHeight());
  116. $("#overlay").width(pageWidth());
  117. // fadeTo第一个参数为速度,第二个为透明度
  118. // 多重方式控制透明度,保证兼容性,但也带来修改麻烦的问题
  119. $("#overlay").fadeTo(200, 0.5);
  120. };
  121. /**
  122. * 隐藏覆盖层
  123. * */
  124. function hideOverlay(){
  125. $("#overlay").fadeOut(200);
  126. };
  127. /**
  128. * 当前页面高度
  129. */
  130. function pageHeight(){
  131. return document.body.scrollHeight;
  132. };
  133. /**
  134. * 当前页面宽度
  135. * */
  136. function pageWidth(){
  137. return document.body.scrollWidth;
  138. };
  139. </script>
  140. </head>
  141. <body style="height:100%">
  142. <input type="hidden" id="whhFrom" value="$!from">
  143. <input type="hidden" id="type" value="$!type">
  144. <input type="hidden" id="djid" value="$!djid">
  145. <div class="header whhSqHead">
  146. <div class="m1 glyphicon glyphicon-chevron-left" onclick="backToIndex();"></div>
  147. <div class="m2">无害化详情</div>
  148. <div class="m3" onclick="save();">
  149. <img src="views/whh/img/gouxuan.png" alt="" class="sqimg">
  150. </div>
  151. </div>
  152. <div class="wrapper" style="height:100%; overflow-y: hidden">
  153. <section style="overflow-y: hidden">
  154. <form name="sqForm" id="sqForm" method="post" action="saveWhhSq.htm">
  155. <div class="headline"><div class="lsfk"></div>申请内容</div>
  156. <div class="cont-wrapper">
  157. <div class="line">
  158. <div class="divicon">
  159. <svg class="icon-whhxq icon-sqsj" aria-hidden="true">
  160. <use xlink:href="#icon-5"></use>
  161. </svg>
  162. </div>
  163. <div class="title">申请时间<span></span></div>
  164. <div class="maohao">:</div>
  165. <div class="cont">
  166. <input type="text" name="whhDjtj.sqsj" id="sqsj" class="showRq" value="$!dateTool.format('yyyy-MM-dd', $!djtj.sqsj)"/>
  167. </div>
  168. <div class="xing">&nbsp *</div>
  169. </div>
  170. <div class="line">
  171. <div class="divicon">
  172. <svg class="icon-whhxq icon-glh" aria-hidden="true">
  173. <use xlink:href="#icon-shenfenzhenghaoma"></use>
  174. </svg>
  175. </div>
  176. <div class="title">管理号<span></span></div>
  177. <div class="maohao">:</div>
  178. <div class="cont">
  179. <input type="text" name="whhDjtj.glh" id="glh" value="$!djtj.glh" maxlength="15" />
  180. </div>
  181. <div class="xing">&nbsp *</div>
  182. </div>
  183. <div class="line">
  184. <div class="divicon">
  185. <svg class="icon-whhxq icon-pch" aria-hidden="true">
  186. <use xlink:href="#icon-shenfenzhenghaoma"></use>
  187. </svg>
  188. </div>
  189. <div class="title">批次号<span></span></div>
  190. <div class="maohao">:</div>
  191. <div class="cont">
  192. <input type="text" name="whhDjtj.pc" id="pc" value="$!djtj.pc" maxlength="15" />
  193. </div>
  194. <div class="xing">&nbsp *</div>
  195. </div>
  196. <div class="line">
  197. <div class="divicon">
  198. <svg class="icon-whhxq icon-clsl" aria-hidden="true">
  199. <use xlink:href="#icon-poolNumber"></use>
  200. </svg>
  201. </div>
  202. <div class="title">处理数量<span></span></div>
  203. <div class="maohao">:</div>
  204. <div class="cont">
  205. <input type="number" name="whhDjtj.sl" id="sl" value="$!djtj.sl" maxlength="10" />
  206. </div>
  207. <div class="xing">&nbsp *</div>
  208. </div>
  209. <div class="line">
  210. <div class="divicon">
  211. <svg class="icon-whhxq icon-clfs" aria-hidden="true">
  212. <use xlink:href="#icon-shuoming"></use>
  213. </svg>
  214. </div>
  215. <div class="title">处理方式<span></span></div>
  216. <div class="maohao">:</div>
  217. <div class="cont">
  218. <div class="xlk">
  219. <select id="testSelect"> #foreach($!obj in $!clfsList)
  220. <option data-for="$!obj.dmid"
  221. #if("$!obj.dmid" == "$!djtj.clfs") selected = "selected" #end>$!obj.dmmc</option>
  222. #end
  223. </select>
  224. </div>
  225. </div>
  226. <div class="xing">&nbsp *</div>
  227. </div>
  228. <div class="line">
  229. <div class="divicon">
  230. <svg class="icon-whhxq icon-cldd" aria-hidden="true">
  231. <use xlink:href="#icon-location"></use>
  232. </svg>
  233. </div>
  234. <div class="title">处理地点<span></span></div>
  235. <div class="maohao">:</div>
  236. <div class="cont">
  237. <input type="text" name="whhDjtj.cldd" id="cldd" value="$!djtj.cldd" maxlength="20" />
  238. </div>
  239. <div class="xing">&nbsp *</div>
  240. </div>
  241. <div class="line">
  242. <div class="divicon">
  243. <svg class="icon-whhxq icon-zxry" aria-hidden="true">
  244. <use xlink:href="#icon-renyuanguanli"></use>
  245. </svg>
  246. </div>
  247. <div class="title">执行人员<span></span></div>
  248. <div class="maohao">:</div>
  249. <div class="cont">
  250. <input type="text" name="whhDjtj.clry" id="clry" value="$!djtj.clry" maxlength="20" />
  251. </div>
  252. <div class="xing">&nbsp *</div>
  253. </div>
  254. <div class="line">
  255. <div class="divicon">
  256. <svg class="icon-whhxq icon-sqbz" aria-hidden="true">
  257. <use xlink:href="#icon-tianjiabeizhu"></use>
  258. </svg>
  259. </div>
  260. <div class="title">备注<span></span></div>
  261. <div class="maohao">:</div>
  262. <div class="cont" style=" flex: 0 0 60%;"><textarea rows="5" cols="5"
  263. class="textArea" name="whhDjtj.sqbz" maxlength=64 id="bz">$!djtj.sqbz</textarea></div>
  264. <div class="xing" style="color: #ffffff;">&nbsp *</div>
  265. </div>
  266. </div>
  267. </form>
  268. </section>
  269. <div id="overlay"></div>
  270. </div>
  271. </body>
  272. </html>