12345市长热线标准版-前端

XGjiaoban1.html 9.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276
  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: 3px;
  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. <!--周一还原测试-->
  75. <div class="company" style="display: none;">
  76. <span>协办单位:</span>
  77. <span class="xinpBox"></span>
  78. </div>
  79. </div>
  80. <table class="alignC" border="1" cellpadding="4" cellspacing="0" bordercolor="#cbcbcb">
  81. <tbody>
  82. <tr style="min-height: 49px;">
  83. <td rowspan="2" width="10%">编号
  84. </td>
  85. <td rowspan="2" width="22%">
  86. <span class="gdbhs"></span>
  87. </td>
  88. <td rowspan="2" width="13%">受理时间
  89. </td>
  90. <td rowspan="2" width="16%">
  91. <span class="tssj"></span>
  92. </td>
  93. <td width="16%">签收时间
  94. </td>
  95. <td>
  96. <span class="QSHJ"></span>
  97. </td>
  98. </tr>
  99. <tr style="min-height: 49px;">
  100. <td>
  101. 办理时限
  102. </td>
  103. <td>
  104. <input type="text" id="startTime" class="laydate-icon" style="height: 32px;width: 96%;">
  105. </td>
  106. </tr>
  107. <tr style="min-height: 49px;">
  108. <td>
  109. 投诉人
  110. </td>
  111. <td>
  112. <span class="gdbh"></span>
  113. </td>
  114. <td>
  115. 联系电话
  116. </td>
  117. <td>
  118. <span class="lxdh"></span>
  119. </td>
  120. <td>
  121. 秘密等级
  122. </td>
  123. <td>
  124. <span class="MJ"></span>
  125. </td>
  126. </tr>
  127. <tr style="min-height: 49px;">
  128. <td>
  129. 地址
  130. </td>
  131. <td colspan="5" style="text-align: left;text-indent: .3em; padding: 4px;">
  132. <span class="mmdj"></span>
  133. </td>
  134. </tr>
  135. <tr style="height: 180px;">
  136. <td class="style1">内容<br/>摘要
  137. </td>
  138. <td colspan="5" style="text-align:justify; padding:4px;text-indent: 2em;">
  139. <span class="lxr"></span>
  140. </td>
  141. </tr>
  142. <tr style="height: 110px;">
  143. <td>
  144. <span>调度<br/>意见</span>
  145. </td>
  146. <td colspan="5"><textarea data-adaptheight id="assignedopinion" name="" rows="4" cols="" style="width: 100%;resize:none;padding-left: 2px; padding-right: 3px;"></textarea></td>
  147. </tr>
  148. </tbody>
  149. </table>
  150. <div class="btn_box" style="text-align: center;">
  151. <button class="btns BC">保存</button>
  152. </div>
  153. </div>
  154. <script src="../css/laydate/laydate.js"></script>
  155. <script src="../js/adjustHeight.js"></script>
  156. <script>
  157. var wid = helper.request.queryString("wid");
  158. var id = helper.request.queryString("id");
  159. $(document).ready(function() {
  160. if (wid) {
  161. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
  162. workorderid: wid,
  163. "token": $.cookie("token")
  164. }, function (result) {
  165. if (result.state.toLowerCase() == "success") {
  166. var content = result.data;
  167. $(".gdbhs").text(content.data[0].F_WorkOrderId);//工单
  168. $(".tsfs").text(content.data[0].SourceName);
  169. $(".lxr").text(content.data[0].F_CusName);
  170. $('.lxdh').text(content.data[0].F_CusPhone);
  171. $(".lxr ").text(content.data[0].F_ComContent);//内容
  172. var T= content.data[0].F_CreateTime;//受理时间
  173. if(T){
  174. var S=T.substring(0, T.indexOf(' '));
  175. $('.tssj').text(S);
  176. }
  177. if(content.jbdata.length > 0){
  178. var qst = content.jbdata[0].F_SureTime;//签收时间
  179. if(qst){
  180. var qs = qst.substring(0,qst.indexOf(' '));
  181. $('.QSHJ').text(qs);
  182. }
  183. }
  184. //单位
  185. var m = content.jbdata.length;
  186. if (m > 0) {
  187. $('.inpBox').text(content.jbdata[m-1].DeptName);//主办单位
  188. $('.xinpBox').text(content.jbdata[m-1].OtherDeptName);//协办单位
  189. }
  190. $(".gdbh").text(content.data[0].F_CusName);//投诉人
  191. $(".mmdj").text(content.data[0].F_SourceAddress);//地址
  192. $(".tslx").text(content.data[0].TypeName1);//偶投诉类型
  193. $(".bljg").text(content.data[0].F_Result);//单位处理结果
  194. //密级程度
  195. if(content.data[0].F_IsProtect == 0) {
  196. $('.MJ').text("普通");
  197. } else {
  198. $('.MJ').text("保密");
  199. }
  200. var n=content.psdata.length;
  201. if (n > 0) {
  202. var ldps = content.psdata[n - 1].F_SuperOpinion;
  203. $(".ldps").html(ldps);
  204. }
  205. }
  206. })
  207. }
  208. laydate.skin('blue');
  209. laydate({
  210. elem: '#startTime',
  211. event: 'focus'
  212. });
  213. XQ();
  214. //保存
  215. $('.BC').click(function() {
  216. if($("#startTime").val() == ""){
  217. layer.msg("办理时限不能为空");
  218. }else if($("#assignedopinion").val() == "") {
  219. layer.msg("调度意见不能为空");
  220. } else {
  221. JA();
  222. }
  223. });
  224. //交办
  225. function JA() {
  226. $.post(huayi.config.callcenter_url + 'WorkOrder/EditAssignInfoByAdmin', {
  227. id: id,
  228. limittime: $("#startTime").val(), //办理时限
  229. assignedopinion: $('#assignedopinion').val(), //交办意见
  230. token: $.cookie("token")
  231. }, function(result) {
  232. result = JSON.parse(result);
  233. if(result.state.toLowerCase() == "success") {
  234. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  235. console.log(index);
  236. parent.layer.close(index); //再执行关闭
  237. // window.parent.location.reload();
  238. parent.layer.msg("修改成功");
  239. }
  240. })
  241. }
  242. //修改
  243. function XQ(){
  244. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetInfoByAdmin', {
  245. id: id,
  246. type:1,
  247. token: $.cookie("token")
  248. }, function(result) {
  249. if(result.state.toLowerCase() == "success") {
  250. var limitTimes = result.data[0].F_LimitTime;//办理时限
  251. if(limitTimes){
  252. var lTime = limitTimes.substring(0,limitTimes.indexOf(' '));
  253. $("#startTime").val(lTime);
  254. }
  255. $('#assignedopinion').val(result.data[0].F_AssignedOpinion);
  256. }
  257. })
  258. }
  259. });
  260. </script>
  261. </body>
  262. </html>