Bez popisu

processing_audit.html 17KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417
  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="../css/init.css" />
  9. <title>办理工单</title>
  10. <style>
  11. .input {
  12. background-color: #FFF;
  13. background-image: none;
  14. border: 1px solid #ccc;
  15. border-radius: 1px;
  16. color: inherit;
  17. padding: 6px 12px
  18. }
  19. .fjnr {
  20. padding: 0 !important;
  21. border: none !important;
  22. }
  23. .HGXX td {
  24. padding: 8px;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <div class="Common" style="padding: 10px;">
  30. <table class="table" border="" cellspacing="0" cellpadding="0"
  31. style="border: 1px solid #e7eaec; text-align: center;">
  32. <theard>
  33. <tr>
  34. <td class="text-center" style="min-width:80px;">承办人</td>
  35. <td class="text-center" style="min-width:80px;">联系方式</td>
  36. <td class="text-center" style="min-width:80px;">职务</td>
  37. <td class="text-center" style="min-width:80px;">处理结果</td>
  38. <td class="text-center" style="min-width:80px;">办理时间</td>
  39. <td class="text-center" style="min-width:80px;">办理结果</td>
  40. <td class="text-center" style="min-width:80px;">类型</td>
  41. <td class="text-center" style="min-width:80px;">是/否向当事人反馈</td>
  42. <td class="text-center" style="min-width:80px;">处理方案/进程</td>
  43. <td class="text-center" style="min-width:80px;">附件</td>
  44. <td class="text-center authority" style="min-width: 100px;">操作</td>
  45. </tr>
  46. </theard>
  47. <tbody class="BLNR" style="border-top: none; padding: 8px;">
  48. </tbody>
  49. <!--<div class="FJ">
  50. </div>-->
  51. </table>
  52. <table>
  53. <tr>
  54. <th>工单内容:</th>
  55. <td id="workOrderContent"></td>
  56. </tr>
  57. <!-- <tr>
  58. <th class="Importent" style="text-align: left;"> 审核意见:</th>
  59. </tr>
  60. <tr>
  61. <td style="padding: 0px;"><textarea data-adaptheight id="reason" name="" rows="" cols=""
  62. style="text-indent: 2em;"></textarea></td>
  63. <input type="hidden" id="ID" />
  64. </tr> -->
  65. </table>
  66. <div class="btn_box">
  67. <button class="btns BC">同意</button>
  68. <button class="btns Submit">拒绝</button>
  69. </div>
  70. </div>
  71. <script src="../css/laydate/laydate.js"></script>
  72. <script src="../js/adjustHeight.js"></script>
  73. <script>
  74. var wid = helper.request.queryString("wid");
  75. var State;
  76. var a = $("#ID").val()
  77. Detail();
  78. $(document).ready(function () {
  79. // HGXX();
  80. BLNR();
  81. Hove();
  82. getDetail();
  83. //上传附件
  84. $("#scwj").click(function () {
  85. $("#upFile").trigger("click");
  86. })
  87. $("#upFile").change(function () {
  88. upload();
  89. })
  90. $("#scfj").click(function () {
  91. $(".fjnr").text("");
  92. $("#scfj").hide();
  93. })
  94. $('.BC').click(function () {
  95. // if ($("#reason").val() == "") {
  96. // layer.msg("请填写审核意见");
  97. // } else {
  98. State = 1;
  99. JA();
  100. // }
  101. })
  102. $('.Submit').click(function () {
  103. layer.open({
  104. type: 2,
  105. content: "./processing_refuse.html?wid=" + wid + "&backid=" +
  106. ccc, //iframe的url,no代表不显示滚动条
  107. title: "拒绝",
  108. area: ["60%", "80%"], //宽高
  109. });
  110. })
  111. });
  112. //审批意见
  113. function JA() {
  114. $.post(huayi.config.callcenter_url + 'WorkOrder/AuditSplitWorkOrder', {
  115. workorderid: wid,
  116. // reason: $('#reason').val(), //办理内容
  117. state: State,
  118. backid: ccc,
  119. token: $.cookie("token")
  120. }, function (result) {
  121. result = JSON.parse(result);
  122. if (result.state.toLowerCase() == "success") {
  123. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  124. parent.layer.close(index); //再执行关闭
  125. parent.$('#orderlist').bootstrapTable('refresh');
  126. parent.layer.msg("处理成功");
  127. }
  128. })
  129. }
  130. // 获取详情
  131. function getDetail() {
  132. $.ajax({
  133. type: "get",
  134. url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrder",
  135. dataType: 'json',
  136. async: false,
  137. data: {
  138. workorderid: wid,
  139. token: $.cookie("token")
  140. },
  141. success: function (result) {
  142. var content = result.data;
  143. if (result.state.toLowerCase() == "success") {
  144. if (content.data[0].F_Content === "" || content.data[0].F_Content === null) {
  145. $("#workOrderContent").text(content.data[0].F_ComContent)
  146. } else {
  147. $("#workOrderContent").text(content.data[0].F_Content)
  148. }
  149. }
  150. }
  151. })
  152. }
  153. // 工单详情
  154. // function HGXX() {
  155. // $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetSecondDealInfo', {
  156. // workorderid: wid,
  157. // token: $.cookie("token")
  158. // }, function(result) {
  159. // // result = JSON.stringify(result)
  160. // if(result.state.toLowerCase() == "success") {
  161. // var temp;
  162. // $.each(result.data.pdinfo,function(i, n) {
  163. // var i=0;
  164. // i++;
  165. // temp = temp + '<td class="text-center">'+i+'</td><td class="text-center">'+n.F_CreateTime+'</td><td class="text-center">'+n.F_AssignedOpinion+'</td><td class="text-center">'+n.F_LimitTime+'</td><td class="text-center">'+n.F_OtherDeptIds+'</td>';
  166. //// ccc=n.F_Id;
  167. //
  168. // });
  169. //
  170. // $('.HGXX').append(temp);
  171. // }
  172. // })
  173. // }
  174. //办理内容
  175. function BLNR() {
  176. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetNewSecondDealInfo', {
  177. workorderid: wid,
  178. token: $.cookie("token")
  179. }, function (result) {
  180. if (result.state.toLowerCase() == "success") {
  181. var temp1;
  182. $.each(result.data, function (i, n) {
  183. var bval = n.F_Type;
  184. switch (bval + '') {
  185. case '1':
  186. bval = '主办';
  187. break;
  188. case '2':
  189. bval = '协办';
  190. break;
  191. }
  192. //是/否向当事人反馈
  193. var isProResultValue = n.F_IsProResult + "";
  194. switch (isProResultValue) {
  195. case "0":
  196. isProResultValue = "否";
  197. break;
  198. case "1":
  199. isProResultValue = "是";
  200. break;
  201. case "2":
  202. isProResultValue = "已办未果";
  203. break;
  204. }
  205. //是否满意
  206. var isSatisfiedValue = n.F_IsSatisfied + "";
  207. switch (isSatisfiedValue) {
  208. case "0":
  209. isSatisfiedValue = "未评价";
  210. break;
  211. case "1":
  212. isSatisfiedValue = "满意";
  213. break;
  214. case "2":
  215. isSatisfiedValue = "基本满意";
  216. break;
  217. case "3":
  218. isSatisfiedValue = "不满意";
  219. break;
  220. }
  221. //沟通时间
  222. var connectTimeValue = n.F_ConnectTime;
  223. switch (connectTimeValue) {
  224. case null:
  225. connectTimeValue = "";
  226. break;
  227. default:
  228. connectTimeValue = n.F_ConnectTime;
  229. }
  230. //职务
  231. var dutiesValue
  232. switch (n.F_Duties) {
  233. case "":
  234. dutiesValue = ""
  235. break;
  236. case null:
  237. dutiesValue = ""
  238. break;
  239. default:
  240. dutiesValue = n.F_Duties
  241. break;
  242. }
  243. //处理情况
  244. var situationValue
  245. switch (n.F_Situation) {
  246. case "":
  247. situationValue = ""
  248. break;
  249. case null:
  250. situationValue = ""
  251. break;
  252. default:
  253. situationValue = n.F_Situation
  254. break;
  255. }
  256. temp1 = temp1 +
  257. '<td class="text-center">' + n.F_DealUser + '</td>' +
  258. '<td class="text-center">' + n.F_DealUserContact + '</td>' +
  259. '<td class="text-center">' + dutiesValue + '</td>' +
  260. '<td class="text-center">' + situationValue + '</td>' +
  261. '<td class="text-center">' + n.F_CreateTime + '</td>' +
  262. '<td class="text-center">' + n.F_Result + '</td>' +
  263. '<td class="text-center" data-formatter="shtype">' + bval + '</td>' +
  264. '<td class="text-center">' + isProResultValue + '</td>' +
  265. '<td class="text-center">' + n.F_ProSituation + '</td>' +
  266. '<td class="text-center FJ" style="color:#00a1cb;"></td>' +
  267. '<td class="text-center authority"><button class="btns edit" index="' + n
  268. .F_WorkOrderId + '">修改</button></td>'
  269. ccc = n.F_Id;
  270. });
  271. $('.BLNR').append(temp1);
  272. $(result.data[0].File).each(function (i, n) {
  273. HTML = '<a style="margin-right:5px;" href="' + n.F_FileUrl + '" download="' + n
  274. .F_FileName.substring(19) + '">' + n.F_FileName.substring(19) + '</a>'
  275. $(HTML).appendTo($('.FJ'));
  276. })
  277. $(".edit").click(function () {
  278. var index = $(this).attr('index');
  279. layer.open({
  280. type: 2,
  281. content: "../CommonHtml/XGbanli.html?wid=" +
  282. index, //iframe的url,no代表不显示滚动条
  283. title: '修改办理结果',
  284. area: ['48%', '40%'], //宽高
  285. });
  286. })
  287. }
  288. })
  289. }
  290. // <a class="tiaozhuan" style="margin-left: -5px; width:100%; display:block; text-align: center;" href="' + (n.File == null ? '' : n.File[0].F_FileUrl) + '" download="' + (n.File == null ? '' : n.File[0].F_FileUrl) + '" >附件</a>
  291. // 判断附件
  292. function Hove() {
  293. $(document).on("mouseover mouseout", '.tiaozhuan', function (event) {
  294. if (event.type == "mouseover") {
  295. //鼠标悬浮
  296. var miao = $(this).attr("href");
  297. if (miao == "") {
  298. $(this).removeAttr("href");
  299. $(this).removeAttr("download");
  300. $(this).html("")
  301. } else {
  302. $(this).attr("href");
  303. $(this).attr("download");
  304. }
  305. } else if (event.type == "mouseout") {
  306. //鼠标离开
  307. }
  308. })
  309. }
  310. //草稿详情
  311. function Detail() {
  312. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetDraftInfo', {
  313. workorderid: wid,
  314. type: 2,
  315. token: $.cookie("token")
  316. }, function (result) {
  317. if (result.state.toLowerCase() == "success") {
  318. if (result.data.length > 0) {
  319. $("#dealman").val(result.data[0].F_DealUser);
  320. $('#result').val(result.data[0].F_Result);
  321. a = result.data[0].F_Id;
  322. };
  323. }
  324. })
  325. }
  326. //清除
  327. function Clean() {
  328. $("#startTime").val(''),
  329. $('#assignedopinion').val('')
  330. }
  331. //上传文件
  332. function upload() {
  333. var Files = document.getElementById("upFile").files;
  334. if (Files.length > 0) {
  335. var formData = new FormData();
  336. for (var i = 0; i < Files.length; i++) {
  337. formData.append('file' + i, Files[i]);
  338. }
  339. formData.append("token", $.cookie("token"));
  340. $.ajax({
  341. url: huayi.config.callcenter_url + "/WorkOrder/UploadFile",
  342. type: "POST",
  343. data: formData,
  344. /**
  345. *必须false才会自动加上正确的Content-Type
  346. */
  347. contentType: false,
  348. /**
  349. * 必须false才会避开jQuery对 formdata 的默认处理
  350. * XMLHttpRequest会对 formdata 进行正确的处理
  351. */
  352. processData: false,
  353. success: function (result) {
  354. document.getElementById("upFile").outerHTML = document.getElementById("upFile")
  355. .outerHTML;
  356. $("#upFile").change(function () {
  357. upload();
  358. });
  359. var r = $.parseJSON(result);
  360. if (r.state.toLowerCase() == "success") {
  361. $(".fjnr").text(r.data[0].F_FileName);
  362. var a = r.data;
  363. $(a).each(function (i, n) {
  364. var strs = '<span class="files" fiel-num="' + n.F_FileId + '">' + n
  365. .F_FileName.substring(19) +
  366. '<i class="fa fa-remove del_file"></i></span>'
  367. $(strs).appendTo($('.fileBox')).find('.del_file').click(function (
  368. event) {
  369. event.stopPropagation();
  370. $(this).parent().remove();
  371. file_num()
  372. })
  373. })
  374. file_num();
  375. }
  376. }
  377. });
  378. } else {
  379. layer.confirm('请上传文件!', {
  380. btn: ['确定']
  381. });
  382. }
  383. }
  384. //上传文件隐藏域值
  385. function file_num() {
  386. var str = '';
  387. var Str;
  388. $('.fileBox .files').each(function (j, m) {
  389. var aa = $(m).attr("fiel-num")
  390. console.log(aa);
  391. str += aa + ",";
  392. Str = (str.substring(str.length - 1) == ',') ? str.substring(0, str.length - 1) : str;
  393. })
  394. $("#file").val(Str);
  395. }
  396. // 关闭页面
  397. function closePage() {
  398. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  399. parent.layer.close(index); //再执行关闭
  400. parent.$('#orderlist').bootstrapTable('refresh');
  401. }
  402. </script>
  403. </body>
  404. </html>