Nenhuma Descrição

processing_audit.html 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430
  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. .xg {
  27. color: #337ab7;
  28. }
  29. </style>
  30. </head>
  31. <body>
  32. <div class="Common" style="padding: 10px;">
  33. <table class="table" border="" cellspacing="0" cellpadding="0" style="border: 1px solid #e7eaec; text-align: center;">
  34. <theard>
  35. <tr>
  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" style="min-width:80px;">审核领导</td>
  45. <td class="text-center" style="min-width:80px;">附件</td>
  46. <td class="text-center authority" style="min-width: 100px;">操作</td>
  47. </tr>
  48. </theard>
  49. <tbody class="BLNR" style="border-top: none; padding: 8px;">
  50. </tbody>
  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. var nid = '';
  78. Detail();
  79. $(document).ready(function() {
  80. // HGXX();
  81. Hove();
  82. getDetail('0');
  83. getDetail('4');
  84. //上传附件
  85. $("#scwj").click(function() {
  86. $("#upFile").trigger("click");
  87. })
  88. $("#upFile").change(function() {
  89. upload('upFile', '.fileBox', ['png', 'jpg', 'mp3', 'mp4', 'pdf', 'doc', 'docx', 'xls', 'xlsx'], "#file");
  90. })
  91. $("#scfj").click(function() {
  92. $(".fjnr").text("");
  93. $("#scfj").hide();
  94. })
  95. // $('.BC').click(function () {
  96. // // if ($("#reason").val() == "") {
  97. // // layer.msg("请填写审核意见");
  98. // // } else {
  99. // State = 1;
  100. // JA();
  101. // // }
  102. //
  103. // })
  104. // $('.Submit').click(function () {
  105. // layer.open({
  106. // type: 2,
  107. // content: "./processing_refuse.html?wid=" + wid + "&backid=" +
  108. // ccc, //iframe的url,no代表不显示滚动条
  109. // title: "拒绝",
  110. // area: ["60%", "80%"], //宽高
  111. // });
  112. // })
  113. });
  114. //审批意见
  115. function JA() {
  116. $.post(huayi.config.callcenter_url + 'WorkOrder/AuditSplitWorkOrder', {
  117. workorderid: wid,
  118. // reason: $('#reason').val(), //办理内容
  119. state: State,
  120. backid: nid,
  121. token: $.cookie("token")
  122. }, function(result) {
  123. result = JSON.parse(result);
  124. if(result.state.toLowerCase() == "success") {
  125. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  126. parent.layer.close(index); //再执行关闭
  127. parent.$('#orderlist').bootstrapTable('refresh');
  128. parent.layer.msg("处理成功");
  129. }
  130. })
  131. }
  132. // 获取详情
  133. function getDetail(type) {
  134. $.ajax({
  135. type: "get",
  136. url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrderNew",
  137. dataType: 'json',
  138. async: false,
  139. data: {
  140. workorderid: wid,
  141. type: type,
  142. token: $.cookie("token")
  143. },
  144. success: function(result) {
  145. var content = result.data;
  146. if(result.state.toLowerCase() == "success") {
  147. switch(type) {
  148. case '0':
  149. if(content.data[0].F_Content === "" || content.data[0].F_Content === null) {
  150. $("#workOrderContent").text(content.data[0].F_ComContent)
  151. } else {
  152. $("#workOrderContent").text(content.data[0].F_Content)
  153. }
  154. break;
  155. case '4':
  156. var temp1;
  157. if(result.data.ejbldata.length <= 0) {
  158. return
  159. }
  160. var ejbldata = result.data.ejbldata
  161. $.each(ejbldata, function(i, n) {
  162. if (n .F_Type === 1) {
  163. var bval = n.F_Type;
  164. switch(bval + '') {
  165. case '1':
  166. bval = '主办';
  167. break;
  168. case '2':
  169. bval = '协办';
  170. break;
  171. }
  172. //是/否向当事人反馈
  173. var isProResultValue = n.F_IsProResult + "";
  174. switch(isProResultValue) {
  175. case "0":
  176. isProResultValue = "否";
  177. break;
  178. case "1":
  179. isProResultValue = "是";
  180. break;
  181. case "2":
  182. isProResultValue = "已办未果";
  183. break;
  184. }
  185. //是否满意
  186. var isSatisfiedValue = n.F_IsSatisfied + "";
  187. switch(isSatisfiedValue) {
  188. case "0":
  189. isSatisfiedValue = "未评价";
  190. break;
  191. case "1":
  192. isSatisfiedValue = "满意";
  193. break;
  194. case "2":
  195. isSatisfiedValue = "基本满意";
  196. break;
  197. case "3":
  198. isSatisfiedValue = "不满意";
  199. break;
  200. }
  201. //沟通时间
  202. var connectTimeValue = n.F_ConnectTime;
  203. switch(connectTimeValue) {
  204. case null:
  205. connectTimeValue = "";
  206. break;
  207. default:
  208. connectTimeValue = n.F_ConnectTime;
  209. }
  210. //职务
  211. var dutiesValue
  212. switch(n.F_Duties) {
  213. case "":
  214. dutiesValue = ""
  215. break;
  216. case null:
  217. dutiesValue = ""
  218. break;
  219. default:
  220. dutiesValue = n.F_Duties
  221. break;
  222. }
  223. //处理情况
  224. var situationValue
  225. switch(n.F_Situation) {
  226. case "":
  227. situationValue = ""
  228. break;
  229. case null:
  230. situationValue = ""
  231. break;
  232. default:
  233. situationValue = n.F_Situation
  234. break;
  235. }
  236. // 审核领导
  237. var auditUser
  238. switch(n.F_AuditUser) {
  239. case "":
  240. auditUser = ""
  241. break;
  242. case null:
  243. auditUser = ""
  244. break;
  245. default:
  246. auditUser = n.F_AuditUser
  247. break;
  248. }
  249. temp1 = temp1 +
  250. '<tr>' +
  251. '<td class="text-center">' + n.F_DealUser + '</td>' +
  252. '<td class="text-center">' + n.F_DealUserContact + '</td>' +
  253. '<td class="text-center">' + dutiesValue + '</td>' +
  254. '<td class="text-center">' + situationValue + '</td>' +
  255. '<td class="text-center">' + n.DeptName + '</td>' +
  256. '<td class="text-center">' + n.F_CreateTime + '</td>' +
  257. '<td class="text-center">' + isProResultValue + '</td>' +
  258. '<td class="text-center">' + isSatisfiedValue + '</td>' +
  259. '<td class="text-center">' + auditUser + '</td>' +
  260. '<td class="text-center FJ" style="color:#00a1cb;">';
  261. var FileHtml;
  262. $(n.File).each(function(j, m) {
  263. if(m.F_FileType == ".jpg" || m
  264. .F_FileType ==
  265. ".png") {
  266. FileHtml =
  267. '<img style="width:80px; height:80px" border="0" onclick="viewImage(this)" src="' +
  268. m.F_FileUrl + '" alt="' + m
  269. .F_FileName +
  270. '" fileId="' + m.F_FileId +
  271. '">';
  272. } else {
  273. FileHtml =
  274. '<div><a style="margin-right:5px;" target="view_window" href="' +
  275. m.F_FileUrl + '" download="' + m
  276. .F_FileName + '">' + m.F_FileName.substring(
  277. 19) + '</a></div>'
  278. }
  279. temp1 += FileHtml;
  280. })
  281. if(n.F_IsAudit == 0) {
  282. temp1 += "</td>" +
  283. '<td class="text-center authority"><a class="xg edit" index="' +
  284. n
  285. .F_Id + '">修改</a>'
  286. temp1 += '<a class="xg sendOrders" index="' + n.F_WorkOrderId + '">派单</a>'
  287. temp1 += '<a class="xg BC" index="' + n.F_Id + '">同意</a>'
  288. temp1 += '<a class="xg Submit" index="' + n.F_Id + '">拒绝</a>'
  289. '</td></tr>'
  290. }
  291. ccc = n.F_Id;
  292. }
  293. });
  294. $('.BLNR').append(temp1);
  295. $(".edit").click(function() {
  296. var index = $(this).attr('index');
  297. layer.open({
  298. type: 2,
  299. content: "../CommonHtml/XGbanli.html?wid=" + wid + "&fid=" + index, //iframe的url,no代表不显示滚动条
  300. title: '修改办理结果',
  301. area: ['60%', '55%'], //宽高
  302. });
  303. })
  304. $('.BC').click(function() {
  305. var index = $(this).attr('index');
  306. nid = index;
  307. State = 1;
  308. JA();
  309. })
  310. $('.Submit').click(function() {
  311. var index = $(this).attr('index');
  312. layer.open({
  313. type: 2,
  314. content: "./processing_refuse.html?wid=" + wid + "&backid=" +
  315. index, //iframe的url,no代表不显示滚动条
  316. title: "拒绝",
  317. area: ["60%", "80%"], //宽高
  318. });
  319. })
  320. $(".sendOrders").click(function() {
  321. debugger
  322. var index = $(this).attr('index');
  323. layer.open({
  324. type: 2,
  325. content: "../CommonHtml/handle.html?wid=" + index, //iframe的url,no代表不显示滚动条
  326. title: "派单",
  327. area: ["100%", "100%"], //宽高
  328. });
  329. })
  330. break;
  331. }
  332. }
  333. }
  334. })
  335. }
  336. function parentLoad() {
  337. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  338. parent.layer.close(index); //再执行关闭
  339. parent.$('#orderlist').bootstrapTable('refresh');
  340. }
  341. // 判断附件
  342. function Hove() {
  343. $(document).on("mouseover mouseout", '.tiaozhuan', function(event) {
  344. if(event.type == "mouseover") {
  345. //鼠标悬浮
  346. var miao = $(this).attr("href");
  347. if(miao == "") {
  348. $(this).removeAttr("href");
  349. $(this).removeAttr("download");
  350. $(this).html("")
  351. } else {
  352. $(this).attr("href");
  353. $(this).attr("download");
  354. }
  355. } else if(event.type == "mouseout") {
  356. //鼠标离开
  357. }
  358. })
  359. }
  360. //草稿详情
  361. function Detail() {
  362. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetDraftInfo', {
  363. workorderid: wid,
  364. type: 2,
  365. token: $.cookie("token")
  366. }, function(result) {
  367. if(result.state.toLowerCase() == "success") {
  368. if(result.data.length > 0) {
  369. $("#dealman").val(result.data[0].F_DealUser);
  370. $('#result').val(result.data[0].F_Result);
  371. a = result.data[0].F_Id;
  372. };
  373. }
  374. })
  375. }
  376. //清除
  377. function Clean() {
  378. $("#startTime").val(''),
  379. $('#assignedopinion').val('')
  380. }
  381. // 关闭页面
  382. function closePage() {
  383. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  384. parent.layer.close(index); //再执行关闭
  385. parent.$('#orderlist').bootstrapTable('refresh');
  386. }
  387. function viewImage(file) {
  388. var json = {
  389. "title": "", //相册标题
  390. "id": 1, //相册id
  391. "start": 0, //初始显示的图片序号,默认0
  392. "data": [ //相册包含的图片,数组格式
  393. {
  394. "alt": $(file).attr("alt"),
  395. "pid": $(file).attr("fileId"), //图片id
  396. "src": $(file).attr("src"), //原图地址
  397. "thumb": "" //缩略图地址
  398. }
  399. ]
  400. }
  401. layer.photos({
  402. photos: json,
  403. anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
  404. });
  405. }
  406. </script>
  407. </body>
  408. </html>