安图前端代码

AddWorkOrder.js 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405
  1. var ns;
  2. var id = helper.request.queryString("id");
  3. var phone = helper.request.queryString("phone");
  4. var depName = helper.request.queryString("depName");
  5. var name = helper.request.queryString("name");
  6. var objs = {};
  7. $.ajax({
  8. type: "get",
  9. url: huayi.config.callcenter_url + "CallInScreen/GetCurrUserDep",
  10. dataType: 'json',
  11. async: true,
  12. data: {
  13. token: $.cookie("token")
  14. },
  15. success: function(data) {
  16. if(data.state.toLowerCase() == 'success') {
  17. if(data.data.groname == '客服组') {
  18. //console.log(data.data.groname)
  19. $('.customerService').show();
  20. ns = 1;
  21. } else {
  22. $('.market').show();
  23. ns = 2;
  24. }
  25. }
  26. }
  27. });
  28. $(document).ready(function() {
  29. //工单来源
  30. getOrderSource();
  31. //工单类型
  32. getOrderType();
  33. //工单状态
  34. getOrderState();
  35. //来电单位
  36. // getAccount('#comeCall_dep');
  37. // getAccount('#feedbackDep');
  38. //编辑器配置 客服部
  39. KindEditor.ready(function(K) {
  40. window.changeEditor = K.create('#feedBackCon'); //修改弹出框编辑器
  41. })
  42. //编辑器配置 市场部 备注
  43. KindEditor.ready(function(K) {
  44. window.marketEditor = K.create('#remark_market');
  45. })
  46. //保存
  47. $('.customerSubmit').click(function() {
  48. saveCustomer();
  49. })
  50. $('.marketSubmit').click(function() {
  51. saveMarket();
  52. })
  53. BindLDdep($("#testInput1"),$("#testInput2"),$("#testInput3"),$("#testInput4"));
  54. if(id) {
  55. $("#CallID").val(id);
  56. $("#tel").val(phone);
  57. $("#tel_market").val(phone);
  58. if(unescape(decodeURI(name)) != 'null' && unescape(decodeURI(name)) != 'undefined') {
  59. $("#name_market").val(unescape(decodeURI(name)));
  60. $("#name").val(unescape(decodeURI(name)));
  61. }
  62. if(unescape(decodeURI(depName)) != 'null' && unescape(decodeURI(depName)) != 'undefined') {
  63. $("#testInput1_input").val(unescape(decodeURI(depName)));
  64. $("#testInput3_input").val(unescape(decodeURI(depName)));
  65. }
  66. }
  67. })
  68. //工单类型
  69. function getOrderType() {
  70. $.get(huayi.config.callcenter_url + 'WorkType/GetTreeList', {
  71. "token": $.cookie("token"),
  72. }, function(result) {
  73. result = $.parseJSON(result);
  74. $.fn.zTree.init($("#TreeDemo"), setting3, result.data); //实例化树形图
  75. $.fn.zTree.init($("#TreeDemo_market"), setting3, result.data); //实例化树形图
  76. });
  77. }
  78. var setting3 = {
  79. data: {
  80. key: {
  81. name: "text"
  82. },
  83. simpleData: {
  84. enable: true,
  85. idKey: "id",
  86. rootPId: 0
  87. }
  88. },
  89. callback: {
  90. onClick: changeTreeClick
  91. }
  92. }
  93. function changeTreeClick(event, treeId, treeNode) {
  94. var chanId = treeNode.id;
  95. var changeName = treeNode.text;
  96. $('#typeclass').val(changeName);
  97. $('#typeclass_market ').val(changeName);
  98. $('#typeclassId').val(chanId);
  99. $('#typeclassId_market').val(chanId);
  100. var pidnode = treeNode.getParentNode();
  101. $('.addTree').hide();
  102. };
  103. $('.down').click(function() {
  104. if($('.treeList').css('display') == 'block') {
  105. $('.treeList').css('display', 'none')
  106. } else {
  107. $('.treeList').css('display', 'block')
  108. }
  109. })
  110. $('#typeclass').click(function() {
  111. $('.treeList').css('display', 'block')
  112. })
  113. $('.treeList').mouseleave(function() {
  114. $(this).css('display', 'none')
  115. })
  116. $('#typeclass_market').click(function() {
  117. $('.treeList_market').css('display', 'block')
  118. })
  119. $('.treeList_market').mouseleave(function() {
  120. $(this).css('display', 'none')
  121. })
  122. //工单状态
  123. function getOrderState() {
  124. $.ajax({
  125. url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
  126. type: 'get',
  127. async: true,
  128. data: {
  129. flag: 'GDZT',
  130. token: $.cookie("token")
  131. },
  132. dataType: "json",
  133. success: function(res) {
  134. if(res.state == "success") {
  135. //console.log(res.data);
  136. $('<option value="">全部</option>').appendTo($("#State"));
  137. $(res.data).each(function(i, n) {
  138. if(n.F_DictionaryValueId == '472') {
  139. $('<option value="' + n.F_DictionaryValueId + '" selected="selected">' + n.F_Name + '</option>').appendTo($("#State"));
  140. } else {
  141. $('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($("#State"));
  142. }
  143. })
  144. //
  145. }
  146. }
  147. })
  148. }
  149. //工单来源
  150. function getOrderSource(obj) {
  151. $.ajax({
  152. type: "get",
  153. url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
  154. dataType: 'json',
  155. async: true,
  156. data: {
  157. token: $.cookie("token"),
  158. flag: "GDLY"
  159. },
  160. success: function(data) {
  161. var Count = data.data;
  162. $('<option value="">全部</option>').appendTo($("#DicValueList"));
  163. $(Count).each(function(i, n) {
  164. if(n.F_DictionaryValueId == "468") {
  165. $('<option value="' + n.F_DictionaryValueId + '" selected="selected">' + n.F_Name + '</option>').appendTo($("#DicValueList"));
  166. $('<option value="' + n.F_DictionaryValueId + '" selected="selected">' + n.F_Name + '</option>').appendTo($("#DicValueList_market"));
  167. } else {
  168. $('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($("#DicValueList"));
  169. $('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($("#DicValueList_market"));
  170. }
  171. })
  172. }
  173. });
  174. }
  175. //来电单位
  176. $('#testInput1').comboSelect();
  177. $('#testInput2').comboSelect();
  178. $('#testInput3').comboSelect();
  179. $('#testInput4').comboSelect();
  180. function BindLDdep(obj1,obj2,obj3,obj4) {
  181. $.ajax({
  182. type: "get",
  183. url: huayi.config.callcenter_url + "Customer/BindLDdep",
  184. dataType: 'json',
  185. async: false,
  186. data: {
  187. // keypara: str,
  188. token: $.cookie("token")
  189. },
  190. success: function(data) {
  191. var Count = data.data.dep;
  192. var html = '';
  193. $(Count).each(function(i, n) {
  194. html = "<option value='" + n + "'>" + n + "</option>";
  195. $(html).appendTo(obj1);
  196. $(html).appendTo(obj2);
  197. $(html).appendTo(obj3);
  198. $(html).appendTo(obj4);
  199. });
  200. obj1.comboSelect();
  201. obj2.comboSelect();
  202. obj3.comboSelect();
  203. obj4.comboSelect();
  204. }
  205. });
  206. };
  207. //客服部保存
  208. function saveCustomer() {
  209. if($('#name').val() == '') {
  210. layer.confirm('请输入姓名!', {
  211. icon: 2,
  212. btn: ['确定']
  213. });
  214. return;
  215. }
  216. if($('#tel').val() == '') {
  217. layer.confirm('请输入电话!', {
  218. icon: 2,
  219. btn: ['确定']
  220. });
  221. return;
  222. }
  223. if($.trim($('#testInput1_input').val()) == '') {
  224. layer.confirm('请选择来电单位!', {
  225. icon: 2,
  226. btn: ['确定']
  227. });
  228. return;
  229. }
  230. if($.trim($('#testInput2_input').val()) == '') {
  231. layer.confirm('请选择反馈单位!', {
  232. icon: 2,
  233. btn: ['确定']
  234. });
  235. return;
  236. }
  237. if($('#DicValueList').val() == '') {
  238. layer.confirm('请选择工单来源!', {
  239. icon: 2,
  240. btn: ['确定']
  241. });
  242. return;
  243. }
  244. if($('#State').val() == '') {
  245. layer.confirm('请选择工单状态!', {
  246. icon: 2,
  247. btn: ['确定']
  248. });
  249. return;
  250. }
  251. if($('#typeclassId').val() == '') {
  252. layer.confirm('请选择工单类型!', {
  253. icon: 2,
  254. btn: ['确定']
  255. });
  256. return;
  257. }
  258. $.ajax({
  259. type: "post",
  260. url: huayi.config.callcenter_url + "CallInScreen/AddWorkOrder",
  261. dataType: 'json',
  262. async: true,
  263. beforeSend: function() { //触发ajax请求开始时执行
  264. $('.customerSubmit').attr("disabled", true);
  265. $('.customerSubmit').text('保存中...');
  266. },
  267. data: {
  268. token: $.cookie("token"),
  269. callCustomer: $('#name').val(), //姓名
  270. tel: $('#tel').val(), //号码
  271. lddep: $('#testInput1_input').val(), //来电单位
  272. fkdep: $('#testInput2_input').val(), //反馈单位
  273. gdly: $('#DicValueList').val(), //工单来源
  274. gdlx: $('#typeclassId').val(), //工单类型id
  275. gdzt: $('#State').val(), //工单状态id
  276. province: $("#Province").val(),
  277. fkcont: helper.HtmlUtil.htmlEncodeByRegExp(changeEditor.html()), //反馈内容
  278. sendmsg: $('#express').val(), //快递信息
  279. note1: $('#remark1').val(), //备注一
  280. note2: $('#remark2').val(), //备注二
  281. note3: $('#remark3').val(), //备注三
  282. callid: $("#CallID").val()
  283. },
  284. success: function(data) {
  285. if(data.state.toLowerCase() == 'success') {
  286. layer.msg("保存成功!");
  287. clear();
  288. $('.customerSubmit').attr("disabled", false);
  289. $('.customerSubmit').text('保存');
  290. }
  291. }
  292. });
  293. }
  294. // 市场部保存
  295. function saveMarket() {
  296. if($('#name_market').val() == '') {
  297. layer.confirm('请输入姓名!', {
  298. icon: 2,
  299. btn: ['确定']
  300. });
  301. return;
  302. }
  303. if($('#tel_market').val() == '') {
  304. layer.confirm('请输入电话!', {
  305. icon: 2,
  306. btn: ['确定']
  307. });
  308. return;
  309. }
  310. if($.trim($('#testInput3_input').val()) == '') {
  311. layer.confirm('请选择来电单位!', {
  312. icon: 2,
  313. btn: ['确定']
  314. });
  315. return;
  316. }
  317. if($.trim($('#testInput4_input').val()) == '') {
  318. layer.confirm('请选择反馈单位!', {
  319. icon: 2,
  320. btn: ['确定']
  321. });
  322. return;
  323. }
  324. if($('#DicValueList_market').val() == '') {
  325. layer.confirm('请选择工单来源!', {
  326. icon: 2,
  327. btn: ['确定']
  328. });
  329. return;
  330. }
  331. if($('#typeclassId_market').val() == '') {
  332. layer.confirm('请选择工单类型!', {
  333. icon: 2,
  334. btn: ['确定']
  335. });
  336. return;
  337. }
  338. $.ajax({
  339. type: "post",
  340. url: huayi.config.callcenter_url + "CallInScreen/AddWorkOrder",
  341. dataType: 'json',
  342. async: true,
  343. beforeSend: function() { //触发ajax请求开始时执行
  344. $('.marketSubmit').attr("disabled", true);
  345. $('.marketSubmit').text('保存中...');
  346. },
  347. data: {
  348. token: $.cookie("token"),
  349. callCustomer: $('#name_market').val(), //姓名
  350. tel: $('#tel_market').val(), //号码
  351. lddep: $('#testInput3_input').val(), //来电单位
  352. fkdep: $('#testInput4_input').val(), //反馈单位
  353. gdly: $('#DicValueList_market').val(), //工单来源
  354. gdlx: $('#typeclassId_market').val(), //工单类型id
  355. fkcont: helper.HtmlUtil.htmlEncodeByRegExp(marketEditor.html()), //反馈内容
  356. callid: $("#CallID").val()
  357. },
  358. success: function(data) {
  359. if(data.state.toLowerCase() == 'success') {
  360. layer.msg("保存成功!");
  361. clear();
  362. $('.marketSubmit').attr("disabled", false);
  363. $('.marketSubmit').text('保存');
  364. }
  365. }
  366. });
  367. }
  368. function clear() {
  369. if(ns == 1) {
  370. $('#name').val('');
  371. $('#tel').val(''); //号码
  372. $('#testInput1_input').val(''); //来电单位
  373. $('#testInput2_input').val(''); //反馈单位
  374. $('#orderSource').val(''); //工单来源
  375. $('#typeclassId').val(''); //工单类型id
  376. $('#State').val(''); //工单状态id
  377. $('#feedBackCon').val(''); //反馈内容
  378. $('#express').val(''); //快递信息
  379. $('#remark1').val(''); //备注一
  380. $('#remark2').val(''); //备注二
  381. $('#remark3').val(''); //备注三
  382. $('#typeclass').val('');
  383. changeEditor.html('');
  384. } else {
  385. $('#name_market').val('');
  386. $('#tel_market').val(''); //号码
  387. $('#testInput3_input').val(''); //来电单位
  388. $('#testInput4_input').val(''); //反馈单位
  389. $('#remark_market').val(''); //备注内容
  390. marketEditor.html('');
  391. }
  392. }