info.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365
  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. $("#wanchengyijian").on("click",function(){
  122. var contents = $("#contents").val()
  123. yj = contents;
  124. $("#"+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>");
  125. $("#yijiandiv1").hide()
  126. $("#yijiandiv").hide()
  127. })
  128. $("#quxiaoyijian").on("click",function(){
  129. $("#yijiandiv1").hide()
  130. $("#yijiandiv").hide()
  131. })
  132. })
  133. function xiugaiyijian(){
  134. $("#yijiancard").html("");
  135. $.ajax({
  136. type: 'post',
  137. url: '../../commoncontroller/queryGryj.do',
  138. data:{uid:"402881e44e86c26d014e86c9ae8c0008"},
  139. dataType: 'json',
  140. success: function(data){
  141. console.log(data)
  142. for(var i=0;i<data.length;i++){
  143. $("#yijiancard").append('<div class="mui-input-row mui-radio">'+
  144. '<label>'+data[i].name+'</label>'+
  145. '<input name="style" type="radio" value="" onclick="ischang(\''+data[i].name+'\')">'+
  146. '</div>')
  147. }
  148. }})
  149. $("#contents").val(yj);
  150. $("#yijiandiv1").show()
  151. $("#yijiandiv").show()
  152. }
  153. function shanchuyijian(){
  154. layer.open({
  155. content: '确定删除吗?',
  156. btn: ['取消', '确定'],
  157. shadeClose: false,
  158. yes: function(){
  159. layer.closeAll()
  160. }, no: function(){
  161. layer.closeAll()
  162. $("#"+yjtype[stepName]).html("");
  163. yj = "";
  164. $("#contents").val("")
  165. }
  166. });
  167. }
  168. </script>
  169. <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">
  170. <input type="hidden" name="jid" id="jid" value="" />
  171. <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>
  172. <div style="padding-left: 15px;padding-right: 15px;">
  173. <h5 class="mui-content-padded">常用意见</h5>
  174. <div class="mui-card" id="yijiancard" style="min-height:76px;max-height: 190px;overflow-y:auto;">
  175. </div>
  176. <h5 class="mui-content-padded">意见</h5>
  177. <div class="mui-card" id="mui-card-contents">
  178. <textarea id="contents" style="height: 100%;margin: 0px;border: none;"></textarea>
  179. </div>
  180. </div>
  181. <br />
  182. <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;margin-left: 9%;" id="wanchengyijian">完成</button>&nbsp;&nbsp;
  183. <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;" id="quxiaoyijian">取消</button>
  184. </div>
  185. <div id="yijiandiv1" style="position:absolute;display:none;width:100%;height: 100%;z-index: 50;top:0px;background: black; opacity:0.5; "></div>
  186. <div></div>
  187. </div>
  188. </body>
  189. <script>
  190. var controller="swcontroller";
  191. var wcmethd = "submitsw";
  192. var whmethd = "backsw";
  193. var gundongtiaoweizhi;
  194. var wfid ;
  195. var taskId;
  196. var yj;
  197. var iframurl="";
  198. function huanjiewanchengclose(){
  199. $("#divdiplay").show();
  200. window.scroll(0,document.body.clientHeight)
  201. $("#iframe").remove();
  202. }
  203. function huanjietuihuiclose(){
  204. $("#divdiplay").show();
  205. window.scroll(0,document.body.clientHeight)
  206. $("#iframe").remove();
  207. }
  208. function huanjietuihui(){
  209. $.ajax({
  210. type: 'post',
  211. url: '../../wfcontroller/isEndwf.do',
  212. data:{id:idid},
  213. dataType: 'json',
  214. success: function(data){
  215. if(data.trueorfalse==false){
  216. layer.open({
  217. shade:false,
  218. content: '退回成功',
  219. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  220. time: 1
  221. });
  222. setTimeout(function(){
  223. window.location.href=iframurl;
  224. },1000);
  225. }else{
  226. $("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>')
  227. $("#divdiplay").hide();
  228. }
  229. }});
  230. }
  231. function huanjiewancheng(){
  232. $.ajax({
  233. type: 'post',
  234. url: '../../swcontroller/isLastStepsw.do',
  235. data:{taskId:taskId,wfid:wfid,id:idid,yj:yj,uid:"402881e44e86c26d014e86c9ae8c0008"},
  236. dataType: 'json',
  237. success: function(data){
  238. if(data.trueorfalse==false){
  239. layer.open({
  240. shade:false,
  241. content: '审批成功',
  242. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  243. time: 1
  244. });
  245. setTimeout(function(){
  246. window.location.href=iframurl;
  247. },1000);
  248. }else{
  249. $("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>')
  250. $("#divdiplay").hide();
  251. }
  252. }});
  253. }
  254. var stepName = "";
  255. var idid = "";
  256. var yjtype = {"主任拟办":"nibanyijian",
  257. "领导批示":"lingdaopishi",
  258. "分局领导批示":"fenjulingdaopishi",
  259. "部门办理意见":"bumenbanliyijian",
  260. "处理意见":"chuliyijian",
  261. "校对":"xiaodui",
  262. "文书处理":"beizhu"}
  263. $(function(){
  264. if(getQueryString("hname")=="db"){
  265. $("#headername").html("待办收文详情");
  266. iframurl="../shouwen/dbsw.html"
  267. }else if(getQueryString("hname")=="yb"){
  268. $("#headername").html("已办收文详情");
  269. iframurl="../shouwen/ybsw.html"
  270. }else if(getQueryString("hname")=="sy"){
  271. $("#headername").html("所有收文详情");
  272. iframurl="../shouwen/sysw.html"
  273. }
  274. $.ajax({
  275. type: 'post',
  276. url: '../../swcontroller/viewsw.do',
  277. data:{id:getQueryString("id"),uid:"402881e44e86c26d014e86c9ae8c0008"},
  278. dataType: 'json',
  279. success: function(data){
  280. console.log(data)
  281. var result = "";
  282. wfid = "sw";
  283. idid=data.swEntity.id;
  284. taskId = data.taskId
  285. stepName = data.stepName.replace(/s+/g,"");
  286. result+='<tr><td class="titlered">收文编号</td><td class="titlered2">'+data.swEntity.swnum+'</td>'+'</tr>';
  287. result+='<tr><td class="titlered">收文类型</td><td>'+data.swEntity.swtype+'</td></tr>';
  288. result+='<tr><td class="titlered">附件</td><td id="fujian"></td></tr>';
  289. result+='<tr><td class="titlered">来文单位</td><td class="titlered2">'+data.swEntity.company+'</td>'+'</tr>';
  290. result+='<tr><td class="titlered">收文日期</td><td class="titlered2">'+todata(data.swEntity.addDate)+'</td>'+'</tr>';
  291. result+='<tr><td class="titlered">来文标题</td><td class="titlered2">'+data.swEntity.title+'</td>'+'</tr>';
  292. result+='<tr><td class="titlered">文件号</td><td class="titlered2">'+data.swEntity.no+'</td>'+'</tr>';
  293. var ll = "titlered"
  294. if(stepName=="主任拟办"){
  295. ll="titlereds";
  296. }
  297. result+='<tr><td class="'+ll+'">拟办意见</td><td class="titlered2" id="nibanyijian">'+data.swEntity.ybopinion+'</td>'+'</tr>';
  298. if(stepName=="领导批示"){
  299. ll="titlereds";
  300. }
  301. result+='<tr><td class="'+ll+'">领导批示</td><td class="titlered2" id="lingdaopishi">'+data.swEntity.ldinstructions+'</td>'+'</tr>';
  302. if(stepName=="分局领导批示"){
  303. ll="titlereds";
  304. }
  305. result+='<tr><td class="'+ll+'">分管领导批示</td><td class="titlered2" id="fenjulingdaopishi">'+data.swEntity.fgldinstructions+'</td>'+'</tr>';
  306. if(stepName=="部门办理意见"){
  307. ll="titlereds";
  308. }
  309. result+='<tr><td class="'+ll+'">部门办理意见</td><td class="titlered2" id="bumenbanliyijian">'+data.swEntity.bmopinion+'</td>'+'</tr>';
  310. if(stepName=="处理意见"){
  311. ll="titlereds";
  312. }
  313. result+='<tr><td class="'+ll+'">处理意见</td><td class="titlered2" id="chuliyijian">'+data.swEntity.opinion+'</td>'+'</tr>';
  314. if(stepName=="文书处理"){
  315. ll="titlereds";
  316. }
  317. result+='<tr><td class="'+ll+'">备注</td><td class="titlered2" id="beizhu">'+data.swEntity.remarks+'</td>'+'</tr>';
  318. $("#content").html(result);
  319. if(getQueryString("isDone")=="1"){
  320. if(data.canBack==true){
  321. $("#buttonsend").append(' <button class="mui-btn mui-btn-positive" type="button" style="width: 25%;background: #2196f3;border: 0px;" onclick="huanjieyijian()">意见 </button>&nbsp;&nbsp;')
  322. }
  323. $("#buttonsend").append('<button class="mui-btn mui-btn-positive" type="button" style="width: 25%;background: #2196f3;border: 0px;" onclick="huanjiewancheng()">完成 </button>&nbsp;&nbsp;');
  324. if(data.yjFlag==true){
  325. $("#buttonsend").append('<button class="mui-btn mui-btn-positive" type="button" style="width: 25%;background: #2196f3;border: 0px;" onclick="huanjietuihui()">退回</button>');
  326. }
  327. $("#buttonsend").show();
  328. }
  329. $.ajax({
  330. type: 'post',
  331. url: '../../fjcontroller/queryFj.do',
  332. data:{id:data.swEntity.id,type:"sw",page:1,rows:100},
  333. dataType: 'json',
  334. success: function(dataa){
  335. if(dataa.length>=1){
  336. $("#fujian").html('<a style="text-decoration: underline;" href="../util/fujianlist.html?id='+data.swEntity.id+'&type=sw" target="_blank">点击查看</a>');
  337. }
  338. }})
  339. }})
  340. })
  341. </script>
  342. </html>