Ei kuvausta

zhuanpai.html 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399
  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. }
  33. .company span{
  34. font-size: 14pt;
  35. padding-top: 20px;
  36. text-align: left;
  37. font-weight: normal;
  38. margin-left: 48px;
  39. vertical-align: middle;
  40. }
  41. #main table{
  42. margin: 0 auto;
  43. width: 600px;
  44. border-collapse: collapse;
  45. font-size: 13pt;
  46. font-family: "仿宋";
  47. }
  48. tbody td{
  49. min-width: 10%;
  50. padding: 6px 0 6px 0;
  51. }
  52. .btn{
  53. margin-top: 4px;
  54. margin-bottom: 4px ;
  55. background: #00a1cb;
  56. color: #fff;
  57. }
  58. .lxr,.mmdj,.jbyj,.cbyj,.ldps,.bljg{
  59. white-space:normal;
  60. word-break:break-all;
  61. }
  62. .inpBox {
  63. border: 1px solid #a9a9a9;
  64. height: 27px;
  65. width: 470px;
  66. display: inline-block;
  67. position: relative;
  68. vertical-align: middle;
  69. }
  70. .inpBox select{
  71. width: 100%;
  72. padding-left: 1%;
  73. height: 24px;
  74. line-height: 24px;
  75. border: none;
  76. }
  77. .inpBox select option{
  78. }
  79. .addTree {
  80. background: #fff;
  81. position: absolute;
  82. width: 100%;
  83. border: 1px solid darkgrey;
  84. right: 0;
  85. top: 26px;
  86. display: none;
  87. z-index: 5;
  88. }
  89. .menuContent{
  90. background: #fff;
  91. position: absolute;
  92. width: 100%;
  93. border: 1px solid darkgrey;
  94. right: 0;
  95. top: 26px;
  96. display: none;
  97. z-index: 5;
  98. }
  99. .addTree a,
  100. .addTree span,
  101. .ztree a,
  102. .ztree span{
  103. font-size: 16px;
  104. }
  105. .xl {
  106. display: inline-block;
  107. background: url(../../img/dropDown.png) no-repeat;
  108. height: 100%;
  109. background-position: center center;
  110. width: 20px;
  111. position: absolute;
  112. right: 0;
  113. top: 0px;
  114. /* background-color: #f7bc8b; */
  115. cursor: pointer;
  116. }
  117. ul.ztree {
  118. margin-top: 10px;
  119. width: 466px;
  120. height: 260px;
  121. overflow-y:scroll;
  122. overflow-x:auto;
  123. }
  124. .ztree li span {
  125. border: none;
  126. padding: 0;
  127. margin-left: 0;
  128. }
  129. .inps {
  130. width: 468px;
  131. height: 24px;
  132. outline: none;
  133. border: 0;
  134. border-image-width: 0;
  135. padding: 0;
  136. padding-left: 3px;
  137. font-size: 16px;
  138. }
  139. .xl {
  140. display: inline-block;
  141. background: url(../img/dropDown.png) no-repeat;
  142. height: 100%;
  143. background-position: center center;
  144. width: 20px;
  145. position: absolute;
  146. right: 0;
  147. top: 0px;
  148. /* background-color: #f7bc8b; */
  149. cursor: pointer;
  150. }
  151. /* .ztree>li>span.chk{
  152. display: none;
  153. }
  154. .ztree>li>ul>li>span.chk{
  155. display: none;
  156. }*/
  157. </style>
  158. </head>
  159. <body>
  160. <div id="main">
  161. <div class="alignC headerAlign">
  162. <br />
  163. <h2 style="margin-bottom: 15px;">
  164. 安阳市12345政务服务热线办公室工作转派单
  165. </h2>
  166. <div class="company">
  167. <span>转派单位:</span>
  168. <div class="inpBox" id="selectST">
  169. <select name="" id="selList">
  170. <!--<option value="永城市">永城市</option>
  171. <option value="虞城县">虞城县</option>
  172. <option value="民权县">民权县</option>
  173. <option value="夏邑县">夏邑县</option>
  174. <option value="柘城县">柘城县</option>
  175. <option value="睢县">睢县</option>-->
  176. </select>
  177. </div>
  178. </div>
  179. </div>
  180. <table class="alignC" border="1" cellpadding="4" cellspacing="0" bordercolor="#cbcbcb">
  181. <tbody>
  182. <tr style="min-height: 49px;">
  183. <td rowspan="2" width="10%">编号
  184. </td>
  185. <td rowspan="2" width="22%">
  186. <span class="gdbhs"></span>
  187. </td>
  188. <td rowspan="2" width="13%">受理时间
  189. </td>
  190. <td rowspan="2" width="16%">
  191. <span class="tssj"></span>
  192. </td>
  193. <td width="13%">签收时间
  194. </td>
  195. <td>
  196. <span class="QSHJ"></span>
  197. </td>
  198. </tr>
  199. <tr style="min-height: 49px;">
  200. <td>
  201. 办理时限
  202. </td>
  203. <td>
  204. <input type="text" id="startTime" class="laydate-icon" style="height: 32px;width: 96%;">
  205. </td>
  206. </tr>
  207. <tr style="min-height: 49px;">
  208. <td>
  209. 来电人
  210. </td>
  211. <td>
  212. <span class="gdbh"></span>
  213. </td>
  214. <td>
  215. 联系电话
  216. </td>
  217. <td>
  218. <span class="lxdh"></span>
  219. </td>
  220. <td>
  221. 秘密等级
  222. </td>
  223. <td>
  224. <span class="MJ"></span>
  225. </td>
  226. </tr>
  227. <tr style="min-height: 49px;">
  228. <td>
  229. 地址
  230. </td>
  231. <td colspan="5" style="text-align: left;text-indent: .3em; padding: 4px;">
  232. <span class="mmdj"></span>
  233. </td>
  234. </tr>
  235. <tr style="height: 180px;">
  236. <td class="style1">内容<br/>摘要
  237. </td>
  238. <td colspan="5" style="text-align:justify; padding:4px;text-indent: 2em;">
  239. <span class="lxr"></span>
  240. </td>
  241. </tr>
  242. <tr style="height: 110px;">
  243. <td>
  244. <span>调度<br/>意见</span>
  245. </td>
  246. <td colspan="5"><textarea data-adaptheight id="assignedopinion" name="" rows="4" cols="" style="width: 97%;resize:none;padding-left: 6px; padding-right: 6px;"></textarea></td>
  247. <input type="hidden" id="ID" />
  248. <input type="hidden" id="PID" />
  249. <input type="hidden" id="Dpment" />
  250. </tr>
  251. </tbody>
  252. </table>
  253. <div class="btn_box" style="text-align: center;">
  254. <button class="btns Submit">转派</button>
  255. </div>
  256. </div>
  257. <script src="../css/laydate/laydate.js"></script>
  258. <script src="../js/zTree/jquery.ztree.core.js"></script>
  259. <script src="../js/zTree/jquery.ztree.excheck.min.js"></script>
  260. <script src="../js/adjustHeight.js"></script>
  261. <script>
  262. var wid = helper.request.queryString("wid");
  263. var State = 0;
  264. var a = $("#ID").val();
  265. var saveArrs = [];
  266. $(document).ready(function() {
  267. if (wid) {
  268. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', { workorderid: wid, "token": $.cookie("token") }, function (result) {
  269. if (result.state.toLowerCase() == "success") {
  270. var content = result.data;
  271. //console.log( content);
  272. $(".gdbhs").text(content.data[0].F_WorkOrderId);//工单
  273. $(".tsfs").text(content.data[0].SourceName);
  274. $(".lxr").text(content.data[0].F_CusName);
  275. $('.lxdh').text(content.data[0].F_CusPhone);
  276. $(".lxr ").text(content.data[0].F_ComContent);//内容
  277. var T= content.data[0].F_CreateTime;//受理时间
  278. if(T){
  279. var S=T.substring(0, T.indexOf(' '));
  280. $('.tssj').text(S);
  281. }
  282. if(content.jbdata.length > 0){
  283. var qst = content.jbdata[0].F_SureTime;//签收时间
  284. if(qst){
  285. var qs = qst.substring(0,qst.indexOf(' '));
  286. $('.QSHJ').text(qs);
  287. }
  288. }
  289. $(".gdbh").text(content.data[0].F_CusName);//来电人
  290. $(".mmdj").text(content.data[0].F_SourceAddress);//地址
  291. $(".tslx").text(content.data[0].TypeName1);//偶投诉类型
  292. $(".bljg").text(content.data[0].F_Result);
  293. //密级程度
  294. if(content.data[0].F_IsProtect == 0) {
  295. $('.MJ').text("普通");
  296. } else {
  297. $('.MJ').text("保密");
  298. }
  299. var n=content.psdata.length;
  300. if (n > 0) {
  301. var ldps = content.psdata[n - 1].F_SuperOpinion;
  302. $(".ldps").html(ldps);
  303. }
  304. }
  305. })
  306. }
  307. laydate.skin('blue');
  308. laydate({
  309. elem: '#startTime',
  310. event: 'focus'
  311. });
  312. //保存
  313. $('.BC').click(function() {
  314. if(xianCode == ""){
  315. layer.msg("转派单位不能为空");
  316. }else if($("#startTime").val() == ""){
  317. layer.msg("办理时限不能为空");
  318. }else if($("#assignedopinion").val() == "") {
  319. layer.msg("调度意见不能为空");
  320. } else {
  321. State = 0;
  322. JA();
  323. }
  324. });
  325. //保存并提交
  326. $('.Submit').click(function() {
  327. xianName=$("#selectST").find("option:selected").text();
  328. xianCode=$("#selList").find("option:selected").val();
  329. alert(xianCode);
  330. if(xianCode == ""){
  331. layer.msg("承办单位不能为空");
  332. }else if($("#startTime").val() == ""){
  333. layer.msg("办理时限不能为空");
  334. }else if($("#assignedopinion").val() == "") {
  335. layer.msg("调度意见不能为空");
  336. } else {
  337. State = 1;
  338. JA();
  339. }
  340. });
  341. //交办
  342. function JA() {
  343. $.post(huayi.config.callcenter_url + '/WorkOrder/TurnWorkOrder', {
  344. workorderid: wid,
  345. citycode: xianCode, //承办单位
  346. token: $.cookie("token")
  347. }, function(result) {
  348. result = JSON.parse(result);
  349. debugger
  350. if(result.state.toLowerCase() == "success") {
  351. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  352. //console.log(index);
  353. parent.layer.close(index); //再执行关闭
  354. parent.load();
  355. // var savemsgs = State==0 ? '保存成功':'交办成功';
  356. parent.layer.msg("转派成功");
  357. }
  358. })
  359. }
  360. RPLY();
  361. function RPLY() {
  362. $.post(huayi.config.callcenter_url + 'WorkOrder/GetCityList', {
  363. token: $.cookie("token")
  364. }, function(result) {
  365. result = JSON.parse(result);
  366. if(result.state.toLowerCase() == "success") {
  367. var county = result.data;
  368. for(var i = 0; i < county.length; i++) {
  369. $('<option value="'+county[i].F_Code+'">'+county[i].F_Name+'</option>'
  370. ).appendTo('#selList');
  371. };
  372. }
  373. })
  374. }
  375. });
  376. </script>
  377. </body>
  378. </html>