viewContant.htm 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" href="views/whh/whhPlus/viewWhhSq.css?type=3">
  5. <title>无害化查看处理页面</title>
  6. <script type="text/javascript">
  7. $(function(){
  8. loadView();
  9. hideOverlay();
  10. var height = document.documentElement.clientHeight + 220;
  11. $(".wrapper").css("height",height);
  12. var height = document.documentElement.clientHeight;
  13. $(".iscroll").css("height",height-45);
  14. /**
  15. * 初始化滚动条
  16. * */
  17. var iscroll;
  18. iscroll = new IScroll(".iscroll",{
  19. scrollbars: true,
  20. fadeScrollbars:true,
  21. scrollbars: 'custom',
  22. shrinkScrollbars:'clip',
  23. probeType: 2,
  24. click:true
  25. });
  26. setTimeout(function(){
  27. iscroll.refresh();
  28. }, 600);
  29. })
  30. function loadViewSq(){
  31. haifm.loadMobilePage("whhsq", "loadViewSq.htm?djid="+$("#djid").val());
  32. }
  33. function loadViewSh(){
  34. haifm.loadMobilePage("whhsh", "loadViewSh.htm?djid="+$("#djid").val());
  35. }
  36. function loadEditSh(){
  37. haifm.loadMobilePage("whhsh", "loadEditSh.htm?djid="+$("#djid").val());
  38. }
  39. function loadViewCl(){
  40. haifm.loadMobilePage("whhcl", "loadViewCl.htm?djid="+$("#djid").val());
  41. }
  42. function loaEditCl(){
  43. haifm.loadMobilePage("whhcl", "loadEditCl.htm?djid="+$("#djid").val());
  44. }
  45. function backToIndex(){
  46. haifm.loadMobilePage("haifm", "whhIndex.htm?mcid=" + $("#mcid").val()+"&type="+$("#type").val()
  47. +"&goTo="+$("#whhFrom").val());
  48. }
  49. function loadEditSq() {
  50. haifm.loadMobilePage("whhsq", "editWhh.htm?djid="+$("#djid").val()+"&from="+$("#whhFrom").val()+"&type="+$("#type").val());
  51. $(".whhSqHead").hide();
  52. $(".header").hide();
  53. }
  54. function loadView(){
  55. var from = $("#whhFrom").val();
  56. var type = $("#type").val();
  57. var title = "";
  58. switch(from) {
  59. case "0": //无害化申请模块
  60. switch(type) {
  61. case "0": //无害化申请——未审核 ——申请查看
  62. title = "无害化申请详情";
  63. loadViewSq();
  64. break;
  65. case "1": //无害化申请——已审核——申请审核查看
  66. title = "无害化审核详情";
  67. loadViewSq();
  68. loadViewSh();
  69. break;
  70. case "2": //无害化申请——已驳回——申请审核查看
  71. title = "无害化驳回详情";
  72. loadEditSq();
  73. loadViewSh();
  74. break;
  75. case "3": //无害化申请——已处理——申请处理查看
  76. title = "无害化处理详情";
  77. loadViewSq();
  78. loadViewCl();
  79. break;
  80. }
  81. break;
  82. case "1": //无害化审核模块
  83. switch(type) {
  84. case "0": //无害化审核——待审核——申请查看审核编辑
  85. title = "无害化审核";
  86. loadEditSq();
  87. loadEditSh();
  88. break;
  89. case "1": //无害化审核——已审核——申请审核处理查看
  90. title = "无害化审核详情";
  91. loadViewSq();
  92. loadViewSh();
  93. loadViewCl();
  94. var hide = $("#hide").val();
  95. if(hide == "hide") {
  96. $("#whhcl").hide();
  97. }
  98. break;
  99. case "2": //无害化审核——已驳回——申请审核查看
  100. title = "无害化驳回详情";
  101. loadViewSq();
  102. loadViewSh();
  103. break;
  104. }
  105. break;
  106. case "2": //无害化处理模块
  107. switch(type) {
  108. case "1": //无害化处理——已审核未处理——申请查看处理编辑
  109. title = "无害化处理";
  110. $(".m3").css("position","relative");
  111. $(".m3img").show();
  112. loadViewSq();
  113. loaEditCl();
  114. break;
  115. case "3": //无害化处理——已处理——申请审核处理查看
  116. title = "无害化处理详情";
  117. loadViewSq();
  118. loadViewSh();
  119. loadViewCl();
  120. break;
  121. }
  122. break;
  123. }
  124. $(".m2").html(title);
  125. }
  126. /**
  127. * 显示遮罩层
  128. * */
  129. function showOverlay(){
  130. $("#overlay").height(pageHeight());
  131. $("#overlay").width(pageWidth());
  132. // fadeTo第一个参数为速度,第二个为透明度
  133. // 多重方式控制透明度,保证兼容性,但也带来修改麻烦的问题
  134. $("#overlay").fadeTo(200, 0.5);
  135. };
  136. /**
  137. * 隐藏覆盖层
  138. * */
  139. function hideOverlay(){
  140. $("#overlay").fadeOut(200);
  141. };
  142. /**
  143. * 当前页面高度
  144. */
  145. function pageHeight(){
  146. return document.body.scrollHeight;
  147. };
  148. /**
  149. * 当前页面宽度
  150. * */
  151. function pageWidth(){
  152. return document.body.scrollWidth;
  153. };
  154. </script>
  155. <style type="text/css">
  156. .lsfk {
  157. background-color: #30B9EF;
  158. content: '';
  159. left: 0;
  160. width: 9px;
  161. float: left;
  162. height: 20px;
  163. margin: 0 8px 0 -8px;
  164. }
  165. </style>
  166. </head>
  167. <body>
  168. <input type="hidden" id="whhFrom" value="$!from">
  169. <input type="hidden" id="type" value="$!type">
  170. <input type="hidden" id="djid" value="$!djid">
  171. <div class="header" style="position: fixed;width: 100%;">
  172. <div class="m1 glyphicon glyphicon-chevron-left" onclick="backToIndex();"></div>
  173. <div class="m2"></div>
  174. <div class="m3">
  175. <div>
  176. <img src='views/whh/img/gouxuan.png' alt='' class='m3img' style="display:none;">
  177. </div>
  178. </div>
  179. </div>
  180. <div class="wrapper">
  181. <div class="iscroll">
  182. <div>
  183. <div id="whhsq"></div>
  184. <div id="whhsh"></div>
  185. <div id="whhcl"></div>
  186. <!-- <div id="overlay" class="md-overlay">aa</div> -->
  187. <div id="overlay" class="zzc"></div>
  188. </div>
  189. </div>
  190. </div>
  191. </body>
  192. </html>