Bez popisu

banli.html 14KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357
  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 rel="stylesheet" href="../css/bootstrap-select.css" />
  8. <link href="../css/layer/need/layer.css" />
  9. <link rel="stylesheet" href="../css/init.css" />
  10. <title>办理工单</title>
  11. <style>
  12. .input {
  13. background-color: #FFF;
  14. background-image: none;
  15. border: 1px solid #ccc;
  16. border-radius: 1px;
  17. color: inherit;
  18. padding: 6px 12px
  19. }
  20. .fjnr {
  21. padding: 0 !important;
  22. border: none !important;
  23. }
  24. /*.Common span{
  25. border: none;
  26. padding: 0;
  27. color: #000000;
  28. }*/
  29. </style>
  30. </head>
  31. <body>
  32. <div class="Common">
  33. <table>
  34. <tr class="blBtn">
  35. <th class="Importent">承办单位:</th>
  36. <td colspan="2" style="width: 200px;">
  37. <select id="jbSelect" name="select" class="selectpicker show-tick form-control"
  38. data-live-search="true">
  39. </select>
  40. </td>
  41. </tr>
  42. <tr>
  43. <th class="Importent">办理责任人:</th>
  44. <td>
  45. <input id="dealman" type="text" style="height: 32px;">
  46. </td>
  47. <th class="Importent">联系方式:</th>
  48. <td>
  49. <input type="text" id="dealcontact">
  50. </td>
  51. <th class="Importent">职务:</th>
  52. <td>
  53. <input type="text" id="duties">
  54. </td>
  55. </tr>
  56. <tr>
  57. <th class="Importent">回复内容:</th>
  58. <td colspan="5">
  59. <textarea data-adaptheight id="situation" name="" rows="6" cols=""></textarea>
  60. </td>
  61. </tr>
  62. <!--<tr>
  63. <th class="Importent">回复内容:</th>
  64. <td colspan="5">
  65. 请上传附件回复
  66. </td>
  67. </tr>-->
  68. <tr class="files-wrappper">
  69. <th>附件:</th>
  70. <td colspan="5">
  71. <div class="fileBox">
  72. </div>
  73. <input class="input" type="file" name="upFile" id="upFile" multiple="multiple"
  74. style="display: none;">
  75. <input class="input" type="button" value="上传" id="scwj" />
  76. <input type="hidden" id="file" />
  77. <span style="color:#FF0000; border: none;">
  78. (文件格式为png,jpg,mp4,mp3,pdf,doc,docx,xls,xlsx)
  79. </span>
  80. </td>
  81. </tr>
  82. <input type="hidden" id="ID" />
  83. </table>
  84. <div class="btn_box">
  85. <a class="btns" href="../downLoad/舆情提示函-模板.doc" download="舆情提示函-模板.doc">模板下载</a>
  86. <button class="btns Submit">办理</button>
  87. </div>
  88. </div>
  89. <script src="../css/laydate/laydate.js"></script>
  90. <script src="../js/bootstrap-select.js"></script>
  91. <script src="../js/adjustHeight.js"></script>
  92. <script>
  93. var wid = helper.request.queryString("wid");
  94. var isProtect = helper.request.queryString("isProtect");
  95. var State;
  96. var a = $("#ID").val();
  97. var simpleDetailStrStart = "";
  98. var simpleDetailStrEnd = "";
  99. var simpleDetailStr = "";
  100. Detail();
  101. loadTEL();
  102. $(document).ready(function () {
  103. laydate.skin('blue');
  104. simpleDetail();
  105. jbSelect($("#jbSelect"));
  106. //上传附件
  107. $("#scwj").click(function () {
  108. $("#upFile").trigger("click");
  109. })
  110. if ($.cookie("code") == "WLDW") {
  111. $(".blBtn").hide()
  112. }
  113. $("#upFile").change(function () {
  114. upload();
  115. })
  116. $("#scfj").click(function () {
  117. $(".fjnr").text("");
  118. $("#scfj").hide();
  119. })
  120. $('.BC').click(function () {
  121. if ($.cookie("code") != "WLDW") {
  122. if ($("#jbSelect").val() == "") {
  123. layer.msg("办理单位不能为空");
  124. }
  125. } else if ($("#dealman").val() == "") {
  126. layer.msg("办理人不能为空");
  127. }
  128. else if ($("#situation").val() == "") {
  129. layer.msg("处理结果不能为空");
  130. }
  131. else if ($("#dealcontact").val() == "") {
  132. layer.msg("联系方式不能为空")
  133. } else if ($("#duties").val() == "") {
  134. layer.msg("职务不能为空")
  135. } else {
  136. State = 0;
  137. JA();
  138. }
  139. })
  140. $('.Submit').click(function () {
  141. if ($("#dealman").val() == "") {
  142. layer.msg("办理人不能为空");
  143. }
  144. else if ($("#situation").val() == "") {
  145. layer.msg("处理情况不能为空");
  146. }
  147. else if ($("#dealcontact").val() == "") {
  148. layer.msg("联系方式不能为空")
  149. } else if ($("#duties").val() == "") {
  150. layer.msg("职务不能为空")
  151. } else {
  152. State = 1;
  153. JA();
  154. }
  155. })
  156. });
  157. //交办
  158. function JA() {
  159. $.post(huayi.config.callcenter_url + 'WorkOrder/FeedBackWorkOrder', {
  160. workorderid: wid,
  161. dealman: $("#dealman").val(), //承办人
  162. maindeptid: $("#jbSelect").val(), //承办单位
  163. dealcontact: $("#dealcontact").val(), //联系方式
  164. duties: $("#duties").val(), //职务
  165. situation: $("#situation").val(), //处理情况
  166. state: State,
  167. feedbackid: a,
  168. files: $("#file").val(),
  169. states: 1,
  170. token: $.cookie("token")
  171. }, function (result) {
  172. result = JSON.parse(result);
  173. if (result.state.toLowerCase() == "success") {
  174. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  175. parent.layer.close(index); //再执行关闭
  176. parent.$('#orderlist').bootstrapTable('refresh');
  177. parent.layer.msg("办理成功");
  178. $('.fileBox').html('');
  179. }
  180. })
  181. }
  182. //草稿详情
  183. function Detail() {
  184. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetDraftInfo', {
  185. workorderid: wid,
  186. type: 2,
  187. token: $.cookie("token")
  188. }, function (result) {
  189. if (result.state.toLowerCase() == "success") {
  190. if (result.data.length > 0) {
  191. var IsProResultValue = result.data[0].F_IsProResult + "";
  192. isProResultJudge(IsProResultValue);
  193. $("#dealman").val(result.data[0].F_DealUser); //承办人
  194. $("#situation").val(result.data[0].F_Situation); //处理情况
  195. $("#duties").val(result.data[0].F_Duties); //职务
  196. $("#dealcontact").val(result.data[0].F_DealUserContact); //联系方式
  197. a = result.data[0].F_Id;
  198. };
  199. }
  200. })
  201. }
  202. //清除
  203. function Clean() {
  204. $("#startTime").val(''),
  205. $('#assignedopinion').val('')
  206. }
  207. //上传文件
  208. function upload() {
  209. var Files = document.getElementById("upFile").files;
  210. if (Files.length > 0) {
  211. var formData = new FormData();
  212. for (var i = 0; i < Files.length; i++) {
  213. formData.append('file' + i, Files[i]);
  214. }
  215. formData.append("token", $.cookie("token"));
  216. var typeName = Files[0].name.split('.')[1];
  217. if (typeName=="png"||typeName=='jpg'||typeName=='mp4'||typeName=='mp3'||typeName=='pdf'||typeName=='doc'||typeName=='docx'||typeName=='xls'||typeName=='xlsx' ) {
  218. $.ajax({
  219. url: huayi.config.callcenter_url + "/WorkOrder/UploadFile",
  220. type: "POST",
  221. data: formData,
  222. /**
  223. *必须false才会自动加上正确的Content-Type
  224. */
  225. contentType: false,
  226. /**
  227. * 必须false才会避开jQuery对 formdata 的默认处理
  228. * XMLHttpRequest会对 formdata 进行正确的处理
  229. */
  230. processData: false,
  231. success: function (result) {
  232. document.getElementById("upFile").outerHTML = document.getElementById("upFile")
  233. .outerHTML;
  234. $("#upFile").change(function () {
  235. upload();
  236. });
  237. var r = $.parseJSON(result);
  238. if (r.state.toLowerCase() == "success") {
  239. $(".fjnr").text(r.data[0].F_FileName);
  240. var a = r.data;
  241. $(a).each(function (i, n) {
  242. var strs = '<span class="files" fiel-num="' + n.F_FileId +
  243. '">' + n.F_FileName.substring(19) +
  244. '<i class="fa fa-remove del_file"></i></span>'
  245. $(strs).appendTo($('.fileBox')).find('.del_file').click(
  246. function (event) {
  247. event.stopPropagation();
  248. $(this).parent().remove();
  249. file_num()
  250. })
  251. })
  252. file_num();
  253. }
  254. }
  255. });
  256. } else {
  257. layer.msg("格式不正确");
  258. }
  259. } else {
  260. layer.confirm('请上传文件!', {
  261. btn: ['确定']
  262. });
  263. }
  264. }
  265. //上传文件隐藏域值
  266. function file_num() {
  267. var str = '';
  268. var Str;
  269. $('.fileBox .files').each(function (j, m) {
  270. var aa = $(m).attr("fiel-num")
  271. str += aa + ",";
  272. Str = (str.substring(str.length - 1) == ',') ? str.substring(0, str.length - 1) : str;
  273. })
  274. $("#file").val(Str);
  275. }
  276. //简易版工单详情
  277. function simpleDetail() {
  278. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkorderSimp', {
  279. workorderid: wid,
  280. token: $.cookie("token")
  281. }, function (result) {
  282. if (result.state.toLowerCase() == "success") {
  283. var data = result.data[0];
  284. simpleDetailStrStart = data.F_CreateTime + " " + data.deptname + "部门接到" + data.SourceName +
  285. "来源工单(编号:" + data.F_WorkOrderId + ")反映" + data.F_ComTitle + "问题,"
  286. }
  287. })
  288. }
  289. function jbSelect(obj) {
  290. obj.empty();
  291. $.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", {
  292. "token": $.cookie("token"),
  293. }, function (data) {
  294. if (data.state.toLowerCase() == "success") {
  295. var content = data.data;
  296. $("<option value=''>请选择</option>").appendTo(obj);
  297. $(content).each(function (i, n) {
  298. $("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo(
  299. obj);
  300. })
  301. obj.selectpicker({
  302. noneSelectedText: '请选择' //默认显示内容
  303. });
  304. obj.selectpicker('refresh');
  305. }
  306. })
  307. }
  308. //加载用户电话
  309. function loadTEL() {
  310. $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
  311. workorderid: wid,
  312. "token": $.cookie("token")
  313. }, function (result) {
  314. if (result.state.toLowerCase() == "success") {
  315. var Data = result.data.data;
  316. if (Data[0].F_CusPhone) {
  317. $(".F_CusPhone").text(Data[0].F_CusPhone);
  318. $('.cupImg').css('display', 'inline-block')
  319. } else {
  320. $(".F_CusPhone").css('display', 'none');
  321. $('.cupImg').css('display', 'none');
  322. }
  323. if (Data[0].F_ConPhone) {
  324. //$(".F_ConPhone").text("***");
  325. $(".F_ConPhone").text(Data[0].F_ConPhone);
  326. $('.copImg').css('display', 'inline-block')
  327. } else {
  328. $(".F_ConPhone").css('display', 'none');
  329. $('.copImg').css('display', 'none');
  330. }
  331. }
  332. })
  333. }
  334. </script>
  335. </body>
  336. </html>