info.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326
  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" onmousewheel="return false;">
  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="../gonggao/dbgg.html"
  124. }else if(getQueryString("hname")=="yb"){
  125. $("#headername").html("已办公告详情");
  126. iframurl="../gonggao/ybgg.html"
  127. }else if(getQueryString("hname")=="sy"){
  128. $("#headername").html("所有公告详情");
  129. iframurl="../gonggao/sygg.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 controller="ggcontroller";
  205. var wcmethd = "submitgg";
  206. var whmethd = "backgg";
  207. var iframurl="";
  208. function huanjiewanchengclose(){
  209. $("#divdiplay").show();
  210. window.scroll(0,document.body.clientHeight)
  211. $("#iframe").remove();
  212. }
  213. function huanjietuihuiclose(){
  214. $("#divdiplay").show();
  215. window.scroll(0,document.body.clientHeight)
  216. $("#iframe").remove();
  217. }
  218. function huanjietuihui(){
  219. $.ajax({
  220. type: 'post',
  221. url: '../../wfcontroller/isEndwf.do',
  222. data:{id:idid},
  223. dataType: 'json',
  224. success: function(data){
  225. if(data.trueorfalse==false){
  226. layer.open({
  227. shade:false,
  228. content: '退回成功',
  229. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  230. time: 1
  231. });
  232. setTimeout(function(){
  233. window.location.href=iframurl;
  234. },1000);
  235. }else{
  236. $("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>')
  237. $("#divdiplay").hide();
  238. }
  239. }});
  240. }
  241. function huanjiewancheng(){
  242. $.ajax({
  243. type: 'post',
  244. url: '../../ggcontroller/isLastStepgg.do',
  245. data:{taskId:taskId,wfid:wfid,id:idid,yj:yj,uid:"402881e44e86c26d014e86c9ae8c0008"},
  246. dataType: 'json',
  247. success: function(data){
  248. if(data.trueorfalse==false){
  249. layer.open({
  250. shade:false,
  251. content: '审批成功',
  252. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  253. time: 1
  254. });
  255. setTimeout(function(){
  256. window.location.href=iframurl;
  257. },1000);
  258. }else{
  259. $("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>')
  260. $("#divdiplay").hide();
  261. }
  262. }});
  263. }
  264. var stepName = "";
  265. var yjtype = {"部门核稿":"bumenhegao",
  266. "拟稿":"nigao",
  267. "会签":"huiqian",
  268. "办公室核稿":"bangongshihegao",
  269. "签发":"qianfa",
  270. "清稿校对":"xiaodui",
  271. "打印分发":"jianyin"}
  272. $(function(){
  273. $.ajax({
  274. type: 'post',
  275. url: '../../ggcontroller/viewgg.do',
  276. data:{id:getQueryString("id"),uid:"402881e44e86c26d014e86c9ae8c0008"},
  277. dataType: 'json',
  278. success: function(data){
  279. console.log(data)
  280. var result = "";
  281. wfid = "gg"
  282. idid=data.ggglEntity.id;
  283. taskId = data.taskId
  284. result+='<tr><td class="titlered">标题</td><td class="titlered2">'+data.ggglEntity.title+'</td>'+'</tr>';
  285. result+='<tr><td class="titlered">内容</td><td>'+data.ggglEntity.content+'</td></tr>';
  286. result+='<tr><td class="titlered">附件</td><td id="fujian"></td></tr>';
  287. $("#content").html(result);
  288. if(getQueryString("isDone")=="1"){
  289. $("#buttonsend").append('<button class="mui-btn mui-btn-positive" type="button" style="width: 25%;background: #2196f3;border: 0px;" onclick="huanjiewancheng()">完成 </button>&nbsp;&nbsp;');
  290. if(data.canBack==true){
  291. $("#buttonsend").append('<button class="mui-btn mui-btn-positive" type="button" style="width: 25%;background: #2196f3;border: 0px;" onclick="huanjietuihui()">退回</button>');
  292. }
  293. $("#buttonsend").show();
  294. }
  295. $.ajax({
  296. type: 'post',
  297. url: '../../fjcontroller/queryFj.do',
  298. data:{id:data.ggglEntity.id,type:"gggl",page:1,rows:100},
  299. dataType: 'json',
  300. success: function(dataa){
  301. if(dataa.length>=1){
  302. $("#fujian").html('<a style="text-decoration: underline;" href="../util/fujianlist.html?id='+data.ggglEntity.id+'&type=gggl" target="_blank">点击查看</a>');
  303. }
  304. }})
  305. }})
  306. })
  307. </script>
  308. </html>