info.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="IE=edge" http-equiv="X-UA-Compatible">
  6. <meta content="initial-scale=1.0, width=device-width" name="viewport">
  7. <title>江苏港口智能监管信息平台</title>
  8. <!-- css -->
  9. <link href="../css/base.min.css" rel="stylesheet">
  10. <script type="text/javascript" src="../js/zepto.min.js"></script>
  11. <link rel="stylesheet" type="text/css" href="../css/mui.min.css">
  12. <style>
  13. .container{
  14. padding-left:0px;
  15. padding-right:0px;
  16. }
  17. .mui-input-group:after {
  18. position: absolute;
  19. right: 0;
  20. bottom: 0;
  21. left: 0;
  22. height: 0px;
  23. content: '';
  24. background-color: #c8c7cc;
  25. -webkit-transform: scaleY(.5);
  26. transform: scaleY(.5);
  27. }
  28. .header-logo{
  29. width:50%;
  30. text-align:right;
  31. }
  32. .layermmain .section { vertical-align: middle;}
  33. .icback{
  34. font-size: 22px;
  35. }
  36. .nav{position: fixed;}
  37. .header {
  38. width:100%;
  39. height:45px;
  40. line-height:45px;
  41. padding:0;
  42. color:#eee;
  43. font-size:22px;
  44. text-align:center;
  45. color:white;
  46. background: #2196f3;
  47. }
  48. </style>
  49. <script type="text/javascript">
  50. function tuihui(){
  51. layer.open({
  52. content: '确定退回吗?',
  53. btn: ['取消', '确定'],
  54. shadeClose: false,
  55. shadeClose: false,
  56. yes: function(){
  57. layer.open({
  58. content: '取消',
  59. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;text-align:center',
  60. time: 2
  61. });
  62. }, no: function(){
  63. layer.open({
  64. content: '确定',
  65. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;text-align:center',
  66. time: 2
  67. });
  68. }
  69. });
  70. }
  71. </script>
  72. </head>
  73. <body class="page-blue">
  74. <div id="divdiplay">
  75. <header class="header">
  76. <ul class="nav nav-list pull-left">
  77. <li><a href="javascript:void(0);" id="goback" onclick="history.back()"><span class="icon icon-arrow-back icback"></span>
  78. </a>
  79. </li>
  80. </ul>
  81. <a class="" href="#" id="headername"></a>
  82. </header>
  83. <div class="content" style="margin-top: 45px;">
  84. <div class="content-inner">
  85. <div class="container">
  86. <div class="table-responsive">
  87. <table class="table" title="Default Tabl">
  88. <tbody id="content">
  89. </tbody>
  90. </table>
  91. </div>
  92. </div>
  93. </div>
  94. <div class="mui-button-row" style="margin-top: 30px; display: none" id="buttonsend">
  95. </div>
  96. </div>
  97. <script>
  98. function ischang(yj){
  99. $("#contents").val(yj)
  100. }
  101. function huanjieyijian(){
  102. $("#yijiancard").html("");
  103. $.ajax({
  104. type: 'post',
  105. url: '../../commoncontroller/queryGryj.do',
  106. data:{uid:"402881e44e86c26d014e86c9ae8c0008"},
  107. dataType: 'json',
  108. success: function(data){
  109. console.log(data)
  110. for(var i=0;i<data.length;i++){
  111. $("#yijiancard").append('<div class="mui-input-row mui-radio">'+
  112. '<label>'+data[i].name+'</label>'+
  113. '<input name="style" type="radio" value="" onclick="ischang(\''+data[i].name+'\')">'+
  114. '</div>')
  115. }
  116. }})
  117. $("#yijiandiv1").show()
  118. $("#yijiandiv").show()
  119. }
  120. $(function(){
  121. if(getQueryString("hname")=="db"){
  122. $("#headername").html("待办政务详情");
  123. iframurl="../zhengwu/dbzw.html"
  124. }else if(getQueryString("hname")=="yb"){
  125. $("#headername").html("已办政务详情");
  126. iframurl="../zhengwu/ybzw.html"
  127. }else if(getQueryString("hname")=="sy"){
  128. $("#headername").html("所有政务详情");
  129. iframurl="../zhengwu/syzw.html"
  130. }
  131. $("#wanchengyijian").on("click",function(){
  132. var contents = $("#contents").val()
  133. yj = contents;
  134. $("#"+yjtype[stepName]).html("<span style='color:black' id='yj' >"+contents+"</span><br/><span style='float:right;'><a onclick='xiugaiyijian()'>修改</a>&nbsp;&nbsp;<a onclick='shanchuyijian()'>删除</a></span>");
  135. $("#yijiandiv1").hide()
  136. $("#yijiandiv").hide()
  137. })
  138. $("#quxiaoyijian").on("click",function(){
  139. $("#yijiandiv1").hide()
  140. $("#yijiandiv").hide()
  141. })
  142. })
  143. function xiugaiyijian(){
  144. $("#yijiancard").html("");
  145. $.ajax({
  146. type: 'post',
  147. url: '../../commoncontroller/queryGryj.do',
  148. data:{uid:"402881e44e86c26d014e86c9ae8c0008"},
  149. dataType: 'json',
  150. success: function(data){
  151. console.log(data)
  152. for(var i=0;i<data.length;i++){
  153. $("#yijiancard").append('<div class="mui-input-row mui-radio">'+
  154. '<label>'+data[i].name+'</label>'+
  155. '<input name="style" type="radio" value="" onclick="ischang(\''+data[i].name+'\')">'+
  156. '</div>')
  157. }
  158. }})
  159. $("#contents").val(yj);
  160. $("#yijiandiv1").show()
  161. $("#yijiandiv").show()
  162. }
  163. function shanchuyijian(){
  164. layer.open({
  165. content: '确定删除吗?',
  166. btn: ['取消', '确定'],
  167. shadeClose: false,
  168. yes: function(){
  169. layer.closeAll()
  170. }, no: function(){
  171. layer.closeAll()
  172. $("#"+yjtype[stepName]).html("");
  173. yj = "";
  174. $("#contents").val("")
  175. }
  176. });
  177. }
  178. </script>
  179. <div id="yijiandiv" style="position:fixed ;display:none;height:80%;padding-bottom:10px;bottom :10%;left: 10%;z-index: 100;border:4px solid #2196f3;border-radius:10px;width: 80%;background:white;overflow: auto">
  180. <input type="hidden" name="jid" id="jid" value="" />
  181. <div id="title" style="width:100%;height:30px;text-align: center;background:#2196f3;line-height: 30px;color: white;margin-bottom: 20px;font-size:20px;">填写意见</div>
  182. <div style="padding-left: 15px;padding-right: 15px;">
  183. <h5 class="mui-content-padded">常用意见</h5>
  184. <div class="mui-card" id="yijiancard" style="min-height:76px;max-height: 190px;overflow-y:auto;">
  185. </div>
  186. <h5 class="mui-content-padded">意见</h5>
  187. <div class="mui-card" id="mui-card-contents">
  188. <textarea id="contents" style="height: 100%;margin: 0px;border: none;"></textarea>
  189. </div>
  190. </div>
  191. <br />
  192. <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;margin-left: 9%;" id="wanchengyijian">完成</button>&nbsp;&nbsp;
  193. <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;" id="quxiaoyijian">取消</button>
  194. </div>
  195. <div id="yijiandiv1" style="position:absolute;display:none;width:100%;height: 100%;z-index: 50;top:0px;background: black; opacity:0.5; "></div>
  196. <div></div>
  197. </div>
  198. </body>
  199. <script>
  200. var gundongtiaoweizhi;
  201. var wfid ;
  202. var taskId;
  203. var yj;
  204. var idid;
  205. var iframurl="";
  206. var controller="zwcontroller";
  207. var wcmethd = "submitzw";
  208. var whmethd = "backzw";
  209. function huanjiewanchengclose(){
  210. $("#divdiplay").show();
  211. window.scroll(0,document.body.clientHeight)
  212. $("#iframe").remove();
  213. }
  214. function huanjietuihuiclose(){
  215. $("#divdiplay").show();
  216. window.scroll(0,document.body.clientHeight)
  217. $("#iframe").remove();
  218. }
  219. function huanjietuihui(){
  220. $.ajax({
  221. type: 'post',
  222. url: '../../wfcontroller/isEndwf.do',
  223. data:{id:idid},
  224. dataType: 'json',
  225. success: function(data){
  226. if(data.trueorfalse==false){
  227. layer.open({
  228. shade:false,
  229. content: '退回成功',
  230. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  231. time: 1
  232. });
  233. setTimeout(function(){
  234. window.location.href=iframurl;
  235. },1000);
  236. }else{
  237. $("body").append('<iframe id="iframe" style="position:absolute;display:block;background:white;top: 0px;left: 0px;height: 100%;width: 100%;z-index: 1000000000000000000" src="../util/tuihui.html?'+new Date().getTime()+'" width="100%" height="100%" frameborder="0"></iframe>')
  238. $("#divdiplay").hide();
  239. }
  240. }});
  241. }
  242. function huanjiewancheng(){
  243. $.ajax({
  244. type: 'post',
  245. url: '../../zwcontroller/isLastStepzw.do',
  246. data:{taskId:taskId,wfid:wfid,id:idid,yj:yj,uid:"402881e44e86c26d014e86c9ae8c0008"},
  247. dataType: 'json',
  248. success: function(data){
  249. if(data.trueorfalse==false){
  250. layer.open({
  251. shade:false,
  252. content: '审批成功',
  253. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  254. time: 1
  255. });
  256. setTimeout(function(){
  257. window.location.href=iframurl;
  258. },1000);
  259. }else{
  260. $("body").append('<iframe id="iframe" style="position:absolute;display:block;background:white;top: 0px;left: 0px;height: 100%;width: 100%;z-index: 1000000000000000000" src="../util/huanjieyonghu.html?'+new Date().getTime()+'" width="100%" height="100%" frameborder="0"></iframe>')
  261. $("#divdiplay").hide();
  262. }
  263. }});
  264. }
  265. var stepName = "";
  266. var yjtype = {"部门核稿":"bumenhegao",
  267. "办公室核稿":"bangongshihegao",
  268. "局领导审核":"juliangdaohegao"}
  269. $(function(){
  270. $.ajax({
  271. type: 'post',
  272. url: '../../zwcontroller/viewzw.do',
  273. data:{id:getQueryString("id"),uid:"402881e44e86c26d014e86c9ae8c0008"},
  274. dataType: 'json',
  275. success: function(data){
  276. console.log(data)
  277. var result = "";
  278. var ll = "titlered"
  279. idid = data.zwEntity.id;
  280. wfid = "zw"
  281. taskId = data.taskId
  282. stepName = data.stepName.replace(/s+/g,"")
  283. result+='<tr><td class="titlered">政务标题</td class="titlered2">'+'<td>'+data.zwEntity.title+'</td>'+'</tr>';
  284. result+='<tr><td class="titlered">政务类型</td><td class="titlered2">'+data.zwEntity.type+'</td></tr>';
  285. result+='<tr><td class="titlered">主送</td>'+'<td class="titlered2">'+data.zwEntity.zsdw+'</td>'+'</tr>';
  286. result+='<tr><td class="titlered">抄送</td><td class="titlered2">'+data.zwEntity.csdw+'</td></tr>';
  287. if(stepName=="办公室核稿"){
  288. ll="titlereds";
  289. }
  290. result+='<tr><td class="'+ll+'">办公室批示</td>'+'<td class="titlered2" id="bangongshihegao">'+data.zwEntity.bgsopinion+'</td>'+'</tr>';
  291. if(stepName=="部门核稿"){
  292. ll="titlereds";
  293. }
  294. result+='<tr><td class="'+ll+'">部门办理意见</td><td class="titlered2" id="bumenhegao">'+data.zwEntity.bmopinion+'</td></tr>';
  295. $("#content").html(result);
  296. if(getQueryString("isDone")=="1"){
  297. if(data.canBack==true){
  298. $("#buttonsend").append(' <button class="mui-btn mui-btn-positive" type="button" style="width: 25%;background: #2196f3;border: 0px;" onclick="huanjieyijian()">意见 </button>&nbsp;&nbsp;')
  299. }
  300. $("#buttonsend").append('<button class="mui-btn mui-btn-positive" type="button" style="width: 25%;background: #2196f3;border: 0px;" onclick="huanjiewancheng()">完成 </button>&nbsp;&nbsp;');
  301. if(data.yjFlag==true){
  302. $("#buttonsend").append('<button class="mui-btn mui-btn-positive" type="button" style="width: 25%;background: #2196f3;border: 0px;" onclick="huanjietuihui()">退回</button>');
  303. }
  304. $("#buttonsend").show();
  305. }
  306. }})
  307. })
  308. </script>
  309. </html>