info.html 12 KB

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