info.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344
  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="../qianbao/dbqb.html"
  124. }else if(getQueryString("hname")=="yb"){
  125. $("#headername").html("已办签报详情");
  126. iframurl="../qianbao/ybqb.html"
  127. }else if(getQueryString("hname")=="sy"){
  128. $("#headername").html("所有签报详情");
  129. iframurl="../qianbao/syqb.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="qbcontroller";
  205. var wcmethd = "submitqb";
  206. var whmethd = "backqb";
  207. var idid;
  208. var iframurl="";
  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: '../../qbcontroller/isLastStepqb.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. "会签":"huiqian",
  268. "领导批示":"lingdaopishi"}
  269. $(function(){
  270. $.ajax({
  271. type: 'post',
  272. url: '../../qbcontroller/viewqb.do',
  273. data:{id:getQueryString("id"),uid:"402881e44e86c26d014e86c9ae8c0008"},
  274. dataType: 'json',
  275. success: function(data){
  276. console.log(data)
  277. var result = "";
  278. idid = data.qbEntity.id
  279. wfid="qb";
  280. taskId = data.taskId
  281. var ll = "titlered"
  282. result+='<tr><td class="titlered">文件标题</td>'+'<td class="titlered2">'+data.qbEntity.title+'</td>'+'</tr>';
  283. result+='<tr><td class="titlered">附件</td>'+'<td class="titlered2" id="fujian"></td>'+'</tr>';
  284. result+='<tr><td class="titlered">拟稿人</td>'+'<td>'+data.qbEntity.company+'</td>'+'</tr>';
  285. result+='<tr><td class="titlered">承办部门</td>'+'<td>'+data.qbEntity.company+'</td>'+'</tr>';
  286. stepName = data.stepName.replace(/s+/g,"");
  287. if(stepName=="部门核稿"){
  288. ll="titlereds";
  289. }
  290. result+='<tr><td class="'+ll+'">部门意见</td>'+'<td id="bumenhegao">'+data.qbEntity.bmopinion+'</td>'+'</tr>';
  291. if(stepName=="会签"){
  292. ll="titlereds";
  293. }
  294. result+='<tr><td class="'+ll+'">会办意见</td>'+'<td id="huiqian">'+data.qbEntity.hbopinion+'</td>'+'</tr>';
  295. if(stepName=="领导批示"){
  296. ll="titlereds";
  297. }
  298. result+='<tr><td class="'+ll+'">领导意见</td>'+'<td id="lingdaopishi">'+data.qbEntity.ldopinion+'</td>'+'</tr>';
  299. $("#content").html(result);
  300. if(getQueryString("isDone")=="1"){
  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="huanjieyijian()">意见 </button>&nbsp;&nbsp;')
  303. }
  304. $("#buttonsend").append('<button class="mui-btn mui-btn-positive" type="button" style="width: 25%;background: #2196f3;border: 0px;" onclick="huanjiewancheng()">完成 </button>&nbsp;&nbsp;');
  305. if(data.canBack==true){
  306. $("#buttonsend").append('<button class="mui-btn mui-btn-positive" type="button" style="width: 25%;background: #2196f3;border: 0px;" onclick="huanjietuihui()">退回</button>');
  307. }
  308. $("#buttonsend").show();
  309. }
  310. $.ajax({
  311. type: 'post',
  312. url: '../../fjcontroller/queryFj.do',
  313. data:{id:data.qbEntity.id,type:"qb",page:1,rows:100},
  314. dataType: 'json',
  315. success: function(dataa){
  316. console.log(dataa)
  317. if(dataa.length>=1){
  318. $("#fujian").html('<a style="text-decoration: underline;" href="../util/fujianlist.html?id='+data.qbEntity.id+'&type=qb" target="_blank">点击查看</a>');
  319. }
  320. }})
  321. }})
  322. })
  323. </script>
  324. </html>