12345市长热线标准版-前端

XGjiaoban1.html 8.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="../Script/Common/huayi.load.js"></script>
  6. <script src="../Script/Common/huayi.config.js"></script>
  7. <link href="../css/layer/need/layer.css" />
  8. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  9. <link rel="stylesheet" href="../css/init.css" />
  10. <title>交办</title>
  11. <style>
  12. #main{
  13. width: 788.8px;
  14. margin: 0 auto;
  15. -webkit-box-shadow: 1px 1px 9px 2px #D2D2D2;
  16. box-shadow: 1px 1px 9px 2px #D2D2D2;
  17. background-color: #fff;
  18. padding: 30px 60px 40px 60px;
  19. }
  20. .alignC{
  21. text-align: center;
  22. }
  23. .alignC h2{
  24. font-family: "宋体";
  25. font-weight: bold;
  26. font-size: 22pt;
  27. letter-spacing: -1px;
  28. }
  29. .company {
  30. text-align: left;
  31. margin-bottom: 10px;
  32. margin-left: 48px;
  33. }
  34. .company span{
  35. font-size: 14pt;
  36. padding-top: 20px;
  37. text-align: left;
  38. font-weight: normal;
  39. }
  40. #main table{
  41. margin: 0 auto;
  42. width: 600px;
  43. border-collapse: collapse;
  44. font-size: 13pt;
  45. font-family: "仿宋";
  46. }
  47. tbody td{
  48. min-width: 10%;
  49. padding: 6px 0 6px 0;
  50. }
  51. .btn{
  52. margin-top: 4px;
  53. margin-bottom: 4px ;
  54. background: #00a1cb;
  55. color: #fff;
  56. }
  57. .lxr,.mmdj,.jbyj,.cbyj,.ldps,.bljg{
  58. white-space:normal;
  59. word-break:break-all;
  60. }
  61. </style>
  62. </head>
  63. <body>
  64. <div id="main">
  65. <div class="alignC headerAlign">
  66. <br />
  67. <h2 style="margin-bottom: 15px;">
  68. 商丘市12345政府服务热线办公室工作交办单
  69. </h2>
  70. <div class="company">
  71. <span>单位:</span>
  72. <span class="inpBox"></span>
  73. </div>
  74. </div>
  75. <table class="alignC" border="1" cellpadding="4" cellspacing="0" bordercolor="#cbcbcb">
  76. <tbody>
  77. <tr style="min-height: 49px;">
  78. <td rowspan="2" width="10%">编号
  79. </td>
  80. <td rowspan="2" width="22%">
  81. <span class="gdbhs"></span>
  82. </td>
  83. <td rowspan="2" width="13%">受理时间
  84. </td>
  85. <td rowspan="2" width="16%">
  86. <span class="tssj"></span>
  87. </td>
  88. <td width="16%">签收时间
  89. </td>
  90. <td>
  91. <span class="QSHJ"></span>
  92. </td>
  93. </tr>
  94. <tr style="min-height: 49px;">
  95. <td>
  96. 办理时限
  97. </td>
  98. <td>
  99. <input type="text" id="startTime" class="laydate-icon" style="height: 32px;width: 96%;">
  100. </td>
  101. </tr>
  102. <tr style="min-height: 49px;">
  103. <td>
  104. 投诉人
  105. </td>
  106. <td>
  107. <span class="gdbh"></span>
  108. </td>
  109. <td>
  110. 联系电话
  111. </td>
  112. <td>
  113. <span class="lxdh"></span>
  114. </td>
  115. <td>
  116. 秘密等级
  117. </td>
  118. <td>
  119. <span class="MJ"></span>
  120. </td>
  121. </tr>
  122. <tr style="min-height: 49px;">
  123. <td>
  124. 地址
  125. </td>
  126. <td colspan="5" style="text-align: left;text-indent: .3em; padding: 4px;">
  127. <span class="mmdj"></span>
  128. </td>
  129. </tr>
  130. <tr style="height: 180px;">
  131. <td class="style1">内容<br/>摘要
  132. </td>
  133. <td colspan="5" style="text-align:justify; padding:4px;text-indent: 2em;">
  134. <span class="lxr"></span>
  135. </td>
  136. </tr>
  137. <tr style="height: 110px;">
  138. <td>
  139. <span>调度<br/>意见</span>
  140. </td>
  141. <td colspan="5"><textarea data-adaptheight id="assignedopinion" name="" rows="4" cols="" style="width: 100%;resize:none"></textarea></td>
  142. </tr>
  143. </tbody>
  144. </table>
  145. <div class="btn_box" style="text-align: center;">
  146. <button class="btns BC">保存</button>
  147. </div>
  148. </div>
  149. <script src="../css/laydate/laydate.js"></script>
  150. <script src="../js/adjustHeight.js"></script>
  151. <script>
  152. var wid = helper.request.queryString("wid");
  153. var id = helper.request.queryString("id");
  154. $(document).ready(function() {
  155. if (wid) {
  156. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
  157. workorderid: wid,
  158. "token": $.cookie("token")
  159. }, function (result) {
  160. if (result.state.toLowerCase() == "success") {
  161. var content = result.data;
  162. $(".gdbhs").text(content.data[0].F_WorkOrderId);//工单
  163. $(".tsfs").text(content.data[0].SourceName);
  164. $(".lxr").text(content.data[0].F_CusName);
  165. $('.lxdh').text(content.data[0].F_CusPhone);
  166. $(".lxr ").text(content.data[0].F_ComContent);//内容
  167. $('.inpBox').text(content.data[0].DeptName);//交办单位
  168. var T= content.data[0].F_CreateTime;//受理时间
  169. if(T){
  170. var S=T.substring(0, T.indexOf(' '));
  171. $('.tssj').text(S);
  172. }
  173. if(content.jbdata.length > 0){
  174. var qst = content.jbdata[0].F_SureTime;//签收时间
  175. if(qst){
  176. var qs = qst.substring(0,qst.indexOf(' '));
  177. $('.QSHJ').text(qs);
  178. }
  179. }
  180. $(".gdbh").text(content.data[0].F_CusName);//投诉人
  181. $(".mmdj").text(content.data[0].F_SourceAddress);//地址
  182. $(".tslx").text(content.data[0].TypeName1);//偶投诉类型
  183. $(".bljg").text(content.data[0].F_Result);//单位处理结果
  184. //密级程度
  185. if(content.data[0].F_IsProtect == 0) {
  186. $('.MJ').text("普通");
  187. } else {
  188. $('.MJ').text("保密");
  189. }
  190. var n=content.psdata.length;
  191. if (n > 0) {
  192. var ldps = content.psdata[n - 1].F_SuperOpinion;
  193. $(".ldps").html(ldps);
  194. }
  195. }
  196. })
  197. }
  198. laydate.skin('blue');
  199. laydate({
  200. elem: '#startTime',
  201. event: 'focus'
  202. });
  203. XQ();
  204. //保存
  205. $('.BC').click(function() {
  206. if($("#startTime").val() == ""){
  207. layer.msg("办理时限不能为空");
  208. }else if($("#assignedopinion").val() == "") {
  209. layer.msg("调度意见不能为空");
  210. } else {
  211. JA();
  212. }
  213. });
  214. //交办
  215. function JA() {
  216. $.post(huayi.config.callcenter_url + 'WorkOrder/EditAssignInfoByAdmin', {
  217. id: id,
  218. limittime: $("#startTime").val(), //办理时限
  219. assignedopinion: $('#assignedopinion').val(), //交办意见
  220. token: $.cookie("token")
  221. }, function(result) {
  222. result = JSON.parse(result);
  223. if(result.state.toLowerCase() == "success") {
  224. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  225. console.log(index);
  226. parent.layer.close(index); //再执行关闭
  227. // window.parent.location.reload();
  228. parent.layer.msg("修改成功");
  229. }
  230. })
  231. }
  232. //修改
  233. function XQ(){
  234. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetInfoByAdmin', {
  235. id: id,
  236. type:1,
  237. token: $.cookie("token")
  238. }, function(result) {
  239. if(result.state.toLowerCase() == "success") {
  240. var limitTimes = result.data[0].F_LimitTime;//办理时限
  241. if(limitTimes){
  242. var lTime = limitTimes.substring(0,limitTimes.indexOf(' '));
  243. $("#startTime").val(lTime);
  244. }
  245. $('#assignedopinion').val(result.data[0].F_AssignedOpinion);
  246. }
  247. })
  248. }
  249. });
  250. </script>
  251. </body>
  252. </html>