indexConstant.htm 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>syModel.htm</title>
  5. <script type="text/javascript">
  6. $(function(){
  7. var from = $("#whhFrom").val();
  8. var type = $("#type").val();
  9. $(".sqr").hide();$(".jdr").hide();$(".shyj").hide();$(".clsj").hide();$(".shr").hide();
  10. var height = document.documentElement.clientHeight;
  11. $(".iscroll").css("height",height-143);
  12. /**
  13. * 初始化滚动条
  14. * */
  15. var iscroll;
  16. iscroll = new IScroll(".iscroll",{
  17. scrollbars: true,
  18. fadeScrollbars:true,
  19. scrollbars: 'custom',
  20. shrinkScrollbars:'clip',
  21. probeType: 2,
  22. click:true
  23. });
  24. setTimeout(function(){
  25. iscroll.refresh();
  26. }, 600);
  27. switch(from) {
  28. case "0": //无害化申请模块
  29. switch(type) {
  30. case "0": //无害化申请——未审核 ——申请查看
  31. break;
  32. case "1": //无害化申请——已审核——申请审核查看
  33. $(".shyj").show();
  34. $(".shr").show();
  35. break;
  36. case "2": //无害化申请——已驳回——申请审核查看
  37. $(".shyj").show();
  38. $(".shr").show();
  39. break;
  40. case "3": //无害化申请——已处理——申请处理查看
  41. $(".clsj").show();
  42. $(".jdr").show();
  43. break;
  44. }
  45. break;
  46. case "1": //无害化审核模块
  47. switch(type) {
  48. case "0": //无害化审核——待审核——申请查看审核编辑
  49. $(".sqr").show();
  50. break;
  51. case "1": //无害化审核——已审核——申请审核处理查看
  52. $(".sqr").show();
  53. break;
  54. case "2": //无害化审核——已驳回——申请审核查看
  55. $(".sqr").show();
  56. break;
  57. }
  58. break;
  59. case "2": //无害化处理模块
  60. switch(type) {
  61. case "1": //无害化处理——已审核未处理——申请查看处理编辑
  62. $(".glh").hide();
  63. $(".zxr").hide();
  64. break;
  65. case "3": //无害化处理——已处理——申请审核处理查看
  66. $(".jdr").show();
  67. break;
  68. }
  69. break;
  70. }
  71. })
  72. </script>
  73. <style type="text/css">
  74. .lsfk {
  75. background-color: #30B9EF;
  76. content: '';
  77. left: 0;
  78. width: 9px;
  79. float: left;
  80. height: 20px;
  81. margin: 0 8px 0 -8px;
  82. }
  83. </style>
  84. </head>
  85. <body>
  86. <input type="hidden" id="whhFrom" value="$!from">
  87. <input type="hidden" id="type" value="$!type">
  88. <div class="iscroll">
  89. <div>
  90. #foreach($!obj in $!djtjList)
  91. <section class="section" onclick="loadDjtj($!obj.id);">
  92. <div class="headline">
  93. <div class="lsfk"></div>
  94. 任务单号:$!obj.rwd
  95. </div>
  96. <div class="cont-wrapper">
  97. <div class="line">
  98. <div class="divicon">
  99. <svg class="icon-whhxq icon-sqsj" aria-hidden="true">
  100. <use xlink:href="#icon-5"></use>
  101. </svg>
  102. </div>
  103. <div class="title">申请时间<span></span></div>
  104. <div>:</div>
  105. <div class="cont">$!obj.sqsjStr</div>
  106. </div>
  107. <div class="line glh">
  108. <div class="divicon">
  109. <svg class="icon-whhxq icon-glh" aria-hidden="true">
  110. <use xlink:href="#icon-shenfenzhenghaoma"></use>
  111. </svg>
  112. </div>
  113. <div class="title">管理号<span></span></div>
  114. <div>:</div>
  115. <div class="cont">$!obj.glh</div>
  116. </div>
  117. <div class="line">
  118. <div class="divicon">
  119. <svg class="icon-whhxq icon-clsl" aria-hidden="true">
  120. <use xlink:href="#icon-poolNumber"></use>
  121. </svg>
  122. </div>
  123. <div class="title">数量<span></span></div>
  124. <div>:</div>
  125. <div class="cont">$!obj.sl</div>
  126. </div>
  127. <div class="line">
  128. <div class="divicon">
  129. <svg class="icon-whhxq icon-clfs" aria-hidden="true">
  130. <use xlink:href="#icon-shuoming"></use>
  131. </svg>
  132. </div>
  133. <div class="title">处理方式<span></span></div>
  134. <div>:</div>
  135. <div class="cont">$!obj.clfsStr</div>
  136. </div>
  137. <div class="line zxr">
  138. <div class="divicon">
  139. <svg class="icon-whhxq icon-zxry" aria-hidden="true">
  140. <use xlink:href="#icon-renyuanguanli"></use>
  141. </svg>
  142. </div>
  143. <div class="title">执行人<span></span></div>
  144. <div>:</div>
  145. <div class="cont">$!obj.clry</div>
  146. </div>
  147. <div class="line sqr">
  148. <div class="divicon">
  149. <svg class="icon-whhxq icon-sqry" aria-hidden="true">
  150. <use xlink:href="#icon-renyuanguanli"></use>
  151. </svg>
  152. </div>
  153. <div class="title">申请人<span></span></div>
  154. <div>:</div>
  155. <div class="cont">$!obj.sqrStr</div>
  156. </div>
  157. <div class="line jdr">
  158. <div class="divicon">
  159. <svg class="icon-whhxq icon-jdry" aria-hidden="true">
  160. <use xlink:href="#icon-renyuanguanli"></use>
  161. </svg>
  162. </div>
  163. <div class="title">监督人<span></span></div>
  164. <div>:</div>
  165. <div class="cont">$!obj.JdrqStr</div>
  166. </div>
  167. <div class="line shyj">
  168. <div class="divicon">
  169. <svg class="icon-whhxq icon-shbz" aria-hidden="true">
  170. <use xlink:href="#icon-tianjiabeizhu"></use>
  171. </svg>
  172. </div>
  173. <div class="title">审核意见<span></span></div>
  174. <div>:</div>
  175. <div class="cont">$!obj.shbz</div>
  176. </div>
  177. <div class="line shr">
  178. <div class="divicon">
  179. <svg class="icon-whhxq icon-shry" aria-hidden="true">
  180. <use xlink:href="#icon-renyuanguanli"></use>
  181. </svg>
  182. </div>
  183. <div class="title">审核人员<span></span></div>
  184. <div>:</div>
  185. <div class="cont">$!obj.shrStr</div>
  186. </div>
  187. <div class="line clsj">
  188. <div class="divicon">
  189. <svg class="icon-whhxq icon-clsj" aria-hidden="true">
  190. <use xlink:href="#icon-naozhong"></use>
  191. </svg>
  192. </div>
  193. <div class="title">处理时间<span></span></div>
  194. <div>:</div>
  195. <div class="cont">$!obj.clsjStr</div>
  196. </div>
  197. </div>
  198. </section>
  199. #end
  200. </div>
  201. </div>
  202. </body>
  203. </html>