No Description

autoCallScreen.js 25KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881
  1. /**
  2. * 来电弹屏
  3. * */
  4. //来电时传输的数据
  5. var phoneNumber = helper.request.queryString("Number");
  6. var CallID = helper.request.queryString("CallID");
  7. //录音的路径
  8. var recordpath = '';
  9. //测试数据
  10. //var phoneNumber = "1024";
  11. //var CallID = "148";
  12. $(function() {
  13. //初始化一些数据
  14. $(".tel").text(phoneNumber); //左侧来电号码
  15. $("#head_form_tel").val(phoneNumber); //左侧电话
  16. $("#order_tel").val(phoneNumber); //右侧工单电话
  17. $(".ldtime").text(helper.DateFormat.getNowDateTime()); //左侧来电时间
  18. $(".thsc").text("00:00"); //通话时间
  19. autosize($('textarea'));
  20. //初始化时间
  21. laydate.render({
  22. elem: '#old_scTime',
  23. theme: '#249fea',
  24. range: '~',
  25. calendar: true
  26. });
  27. laydate.render({
  28. elem: '#con_scTime',
  29. theme: '#249fea',
  30. range: '~',
  31. calendar: true
  32. });
  33. /*左侧 部分*/
  34. //获取电话所属地
  35. if(phoneNumber) {
  36. getPhoneLocation(); //获取来电归属地
  37. }
  38. //保存来电客户信息
  39. $('#head_form_btn_save').on('click', headFormSave);
  40. //清空来电客户信息
  41. $('#head_form_btn_reset').on('click', headFormClean);
  42. //点击IVR
  43. $('#head_black_ivr').click(function() {
  44. top.scoketDatas = {
  45. "Type": "TurnIvr",
  46. "AgentID": window.localStorage.getItem('userCode'),
  47. "AgentExten": window.localStorage.getItem("extno"),
  48. "IvrName": "MYD",//
  49. "IvrPos": "1" //
  50. };
  51. top.Send();
  52. });
  53. //点击拉黑 加入黑名单
  54. $('#head_black_btn').click(function() {
  55. if(!phoneNumber) {
  56. layer.confirm('来电号码为空!', {
  57. icon: 2,
  58. btn: ['确定']
  59. });
  60. return;
  61. }
  62. $("#time-word").val('');
  63. $('.ldtp-con .hei-list').show();
  64. });
  65. //拉黑 关闭
  66. $('.hei-list .bacha').click(function() {
  67. $('.ldtp-con .hei-list').hide();
  68. $("#time-word").val('');
  69. });
  70. //拉黑 保存
  71. $('#bc').on('click', saveBlack);
  72. //取消黑名单
  73. $('.retur').on('click', cancelBlack);
  74. /*右侧 部分*/
  75. //加载历史记录、历史工单
  76. loadOldOrComplain('0');
  77. //获取知识库
  78. // loadZSK();
  79. //获取接收部门
  80. // getDepts('reginsTreeView', 'order_transfer_dept');
  81. //弹屏右侧切换效果
  82. $(".ldtp-cr ul.ld-service li").click(function() {
  83. var tabIndex = $(this).index() + '';
  84. $(this).addClass("cr-click").siblings().removeClass("cr-click");
  85. loadOldOrComplain(tabIndex);
  86. });
  87. //获取工单来源
  88. helper.getDropList.getlistDropByDic($('#order_source'), 'GDLY').then(function() {
  89. $('#order_source').selectpicker('val', '5b9f254a94eefd1bcb989b41').trigger('change');
  90. });
  91. //获取工单类型
  92. helper.getDropList.getlistDropRadioByDic($('#order_type'), 'GDLX', 'inlineRadioOptions');
  93. //省市二级联动
  94. helper.getDropList.getProLocation($('#order_province'), $('#order_city'));
  95. //新增工单创建
  96. $('#save_order').on('click', saveOrder);
  97. //知识库查询
  98. $(".searIcon").click(function() {
  99. loadZSK();
  100. });
  101. //历史记录/历史工单 查询
  102. $(".searchbtn").click(function() {
  103. var tabIndex = $(this).attr('itemtype');
  104. loadOldOrComplain(tabIndex);
  105. });
  106. });
  107. //获取电话所属地
  108. function getPhoneLocation() {
  109. $.getJSON(huayi.config.callcenter_url + 'callcenterapi/api/callinscreen/getphonelocation', {
  110. "tel": phoneNumber,
  111. }, function(result) {
  112. if(result.state.toLowerCase() == "success") {
  113. $(".khgsd").text(result.data);
  114. }
  115. });
  116. }
  117. //保存来电客户信息
  118. function headFormSave() {
  119. if(!$.trim($('#head_form_name').val())) {
  120. layer.confirm('请输入姓名!', {
  121. icon: 2,
  122. btn: ['确定']
  123. });
  124. return;
  125. }
  126. if(!regexs.phone.test($.trim($('#head_form_tel').val()))) {
  127. layer.confirm('请输入正确的电话!', {
  128. icon: 2,
  129. btn: ['确定']
  130. });
  131. return;
  132. }
  133. $.ajax({
  134. type: "post",
  135. url: huayi.config.callcenter_url + "callcenterapi/api/CusUser/add",
  136. dataType: 'json',
  137. async: true,
  138. beforeSend: function() { //触发ajax请求开始时执行
  139. $('#head_form_btn_save').attr("disabled", true);
  140. $('#head_form_btn_save').text('保存中...');
  141. $(document).off('click', '#head_form_btn_save', headFormSave);
  142. },
  143. data: {
  144. // typeid: // 否 string 类型id
  145. name: $('#head_form_name').val(),// 否 string 姓名
  146. mobilephone: $('#head_form_tel').val(),// 是 string 手机号码
  147. telephone: $('#head_form_phone').val(),// 是 string 固话号码
  148. sex: $('#head_form_sex').find('input[type="radio"]:checked').val(),// 否 string 性别
  149. // province: ,// 否 string 省code
  150. // city: ,// 否 string 市code
  151. // address: ,// 否 string 地址
  152. // qq: ,// 否 string qq
  153. // email: ,// 否 string 邮箱
  154. // companyname: ,// 是 string 公司名称
  155. // companyphone: ,// 是 string 公司号码
  156. // companyposition: ,// 否 string 公司职位
  157. },
  158. success: function(result) {
  159. if(result.state.toLowerCase() === "success") {
  160. // $('#head_form_customer_id').val(result.data.F_CustomerId); //客户id
  161. //进入历史工单 新增工单页面
  162. //$('.ld-service').find('li.KF').trigger('click');
  163. //赋值
  164. var h_sex = $('#head_form_sex').find('input[type="radio"]:checked').val();
  165. $('#order_name').val($('#head_form_name').val()); //客户姓名
  166. $('#order_tel').val($('#head_form_tel').val()); //电话
  167. $('#order_sex').find('input[type="radio"][value="'+ h_sex +'"]').prop('checked', true);
  168. layer.msg("保存成功");
  169. }
  170. },
  171. error: function(textStatus) {
  172. layer.confirm('网络繁忙,请稍后再试...', {
  173. icon: 7,
  174. closeBtn: 0,
  175. btn: ['确定'] //按钮
  176. });
  177. $('#head_form_btn_save').text('保存');
  178. $('#head_form_btn_save').attr("disabled", false);
  179. $(document).off('click', '#head_form_btn_save', headFormSave);
  180. $(document).on('click', '#head_form_btn_save', headFormSave);
  181. },
  182. complete: function(XMLHttpRequest, textStatus) {
  183. if(textStatus == 'timeout') {
  184. var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");
  185. xmlhttp.abort();
  186. layer.confirm('网络超时,请稍后再试...', {
  187. icon: 7,
  188. closeBtn: 0,
  189. btn: ['确定'] //按钮
  190. });    
  191. }
  192. $('#head_form_btn_save').text('保存');
  193. $('#head_form_btn_save').attr("disabled", false);
  194. $(document).off('click', '#head_form_btn_save', headFormSave);
  195. $(document).on('click', '#head_form_btn_save', headFormSave);
  196. },
  197. });
  198. }
  199. //清空来单客户信息
  200. function headFormClean() {
  201. //左侧信息清空;
  202. // $('#head_form_customer_id').val('');
  203. $('.head_form').find('.form-control').val('');
  204. $('#head_form_tel').val(phoneNumber);
  205. $('#head_form_sex').find('input[type="radio"][value="男"]').prop('checked', true);
  206. //右侧信息清空
  207. $('#order_name').val(''); //姓名
  208. $('#order_sex').find('input[type="radio"][value="男"]').prop('checked', true);
  209. }
  210. //获取知识库
  211. function loadZSK() {
  212. $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetZSKList', {
  213. "keywords": $(".search").val(),
  214. "token": $.cookie("token")
  215. }, function(result) {
  216. if(result.state.toLowerCase() == "success") {
  217. $(".ldcr-bottom .detail-con ul").empty();
  218. $(result.data).each(function(i, n) {
  219. var html = '<li>' +
  220. ' <div class="zhishi-title clearfix">' +
  221. ' <a href="javascript:void(0);" >' + n.F_Title + '</a>' +
  222. ' <em >' + n.F_CreateOn + '</em>' +
  223. ' </div>' +
  224. ' <div class="explancon">' +
  225. n.F_Content +
  226. ' </div>' +
  227. '</li>';
  228. $(html).appendTo($(".ldcr-bottom .detail-con ul")).find(".zhishi-title").click(function(event) {
  229. event.stopPropagation();
  230. if($(this).hasClass("active")) {
  231. $(this).removeClass("active")
  232. } else {
  233. $(".zhishi-title").removeClass("active");
  234. $(this).addClass("active");
  235. }
  236. })
  237. })
  238. }
  239. })
  240. }
  241. //加载 历史记录或历史工单
  242. function loadOldOrComplain(tabIndex) {
  243. $(".complain").hide();
  244. switch(tabIndex) {
  245. case '0':
  246. $(".complain").eq(0).show();
  247. break;
  248. case '1':
  249. getOldList()
  250. break;
  251. case '2':
  252. getComplainList()
  253. break;
  254. default:
  255. break;
  256. }
  257. }
  258. //获取历史记录
  259. function getOldList() {
  260. $(".complain").eq(1).show();
  261. //先销毁表格
  262. $('#oldlist').bootstrapTable('destroy');
  263. //初始化表格,动态从服务器加载数据
  264. $("#oldlist").bootstrapTable({
  265. method: "get", //使用get请求到服务器获取数据
  266. url: huayi.config.callcenter_url + "callcenterapi/api/CallRecords/getlistbypage", //获取数据的Servlet地址
  267. contentType: 'application/x-www-form-urlencoded',
  268. striped: true, //表格显示条纹
  269. pagination: true, //启动分页
  270. pageSize: 5, //每页显示的记录数
  271. pageNumber: 1, //当前第几页
  272. pageList: [5, 10, 50, 100], //记录数可选列表
  273. search: false, //是,//否启用查询
  274. showColumns: false, //显示下拉框勾选要显示的列
  275. showRefresh: false, //显示刷新按钮
  276. sidePagination: "server", //表示服务端请求
  277. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  278. //设置为limit可以获取limit, offset, search, sort, order
  279. queryParamsType: "undefined",
  280. queryParams: function queryParams(params) { //设置查询参数
  281. var param = {
  282. pageindex: params.pageNumber,//否 string 当前页
  283. pagesize: params.pageSize,//否 string 每页记录数
  284. keyword: phoneNumber,// 否 string 模糊查询(呼叫号码)
  285. stime: $("#old_scTime").val() && $("#old_scTime").val().split(' ~ ')[0], //否 string 工单起止时间
  286. etime: $("#old_scTime").val() && $("#old_scTime").val().split(' ~ ')[1], //否 string 工单起止时间
  287. };
  288. return param;
  289. },
  290. onLoadSuccess: function(res) { //加载成功时执行
  291. //layer.msg("加载成功");
  292. if(res.state.toLowerCase() === "success") {
  293. var newData = {};
  294. newData.state = res.state;
  295. newData.message = res.message;
  296. newData.rows = res.data.rows;
  297. newData.total = res.data.total;
  298. recordpath = res.data.recordpath;
  299. $('#oldlist').bootstrapTable('load', newData);
  300. }
  301. //$('.tool_down').authorizeOperateButton();
  302. },
  303. onLoadError: function() { //加载失败时执行
  304. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  305. }
  306. });
  307. }
  308. //格式化序号
  309. function setCode(val, row, index) {
  310. return ++index;
  311. }
  312. //格式化 呼叫类型
  313. function formatterCalltype(val, row) {
  314. //(0:呼入,1:呼出)
  315. var str = '-';
  316. if(val === 0) {
  317. str = '呼入';
  318. } else {
  319. str = '呼出';
  320. }
  321. return str;
  322. }
  323. //格式化 呼叫状态
  324. function formatterCallstate(val, row) {
  325. //(0:未接通,1:已接通)
  326. var str = '-';
  327. var stateClass = 'timeout_default';
  328. if(val === 0) {
  329. str = '未接通';
  330. stateClass = 'timeout_termination';
  331. } else {
  332. str = '已接通';
  333. stateClass = 'timeout_success';
  334. }
  335. return '<span class="' + stateClass + '">' + str + '</span>';
  336. }
  337. //格式化处理方式
  338. function formatterDealtype(val, row) {
  339. //(0:IVR处理 1:骚扰电话 2:自助服务 3:转值班电话 4:留言 5:呼损 6:人工处理)
  340. var str = '-';
  341. switch (val){
  342. case 0:
  343. str="IVR处理"
  344. break;
  345. case 1:
  346. str="骚扰电话"
  347. break;
  348. case 2:
  349. str="自助服务"
  350. break;
  351. case 3:
  352. str="转值班电话"
  353. break;
  354. case 4:
  355. str="留言"
  356. break;
  357. case 5:
  358. str="呼损"
  359. break;
  360. case 6:
  361. str="人工处理"
  362. break;
  363. default:
  364. str="-"
  365. break;
  366. }
  367. return str;
  368. }
  369. //格式化外呼类型
  370. function formatterCallopttype(val, row) {
  371. //( 0:拨号外呼 1:回访外呼)
  372. var str = '-';
  373. switch (val){
  374. case 0:
  375. str="拨号外呼"
  376. break;
  377. case 1:
  378. str="回访外呼"
  379. break;
  380. default:
  381. str="-"
  382. break;
  383. }
  384. return str;
  385. }
  386. //音频
  387. function formatterAudio(val) {
  388. var audioUrl = recordpath + val;
  389. if(val && val.length > 0) {
  390. return '<div class="imgs" style="cursor: pointer;">' +
  391. '<img src="../img/vice.png" alt="录音" onclick="seeAudio(\'' + audioUrl + '\')" />' +
  392. '</div>';
  393. } else {
  394. return '-';
  395. }
  396. }
  397. //查看录音详情
  398. function seeAudio(audioUrl) {
  399. layer.open({
  400. type: 2,
  401. content: "../templateHtml/audioPlayer.html?audioUrl=" + audioUrl, //iframe的url,no代表不显示滚动条
  402. title: '录音详情',
  403. area: ['50%', '280px'], //宽高
  404. });
  405. }
  406. //获取历史工单
  407. function getComplainList() {
  408. $(".complain").eq(2).show();
  409. //先销毁表格
  410. $('#orderlist').bootstrapTable('destroy');
  411. //初始化表格,动态从服务器加载数据
  412. $("#orderlist").bootstrapTable({
  413. method: "get", //使用get请求到服务器获取数据
  414. url: huayi.config.callcenter_url + "callcenterapi/api/BusOrder/getlistbypage", //获取数据的Servlet地址
  415. contentType: 'application/x-www-form-urlencoded',
  416. striped: true, //表格显示条纹
  417. pagination: true, //启动分页
  418. pageSize: 5, //每页显示的记录数
  419. pageNumber: 1, //当前第几页
  420. pageList: [5, 10, 50, 100], //记录数可选列表
  421. search: false, //是,//否启用查询
  422. showColumns: false, //显示下拉框勾选要显示的列
  423. showRefresh: false, //显示刷新按钮
  424. sidePagination: "server", //表示服务端请求
  425. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  426. //设置为limit可以获取limit, offset, search, sort, order
  427. queryParamsType: "undefined",
  428. queryParams: function queryParams(params) { //设置查询参数
  429. var param = {
  430. pageindex: params.pageNumber,// 否 string 当前页
  431. pagesize: params.pageSize,// 否 string 每页记录数
  432. phone: phoneNumber, //否 string 模糊查询(号码)
  433. stime: $("#con_scTime").val() && $("#con_scTime").val().split(' ~ ')[0],// 否 string 开始时间 (2018-09-15)
  434. etime: $("#con_scTime").val() && $("#con_scTime").val().split(' ~ ')[1],// 否 string 结束时间 (2018-09-15)
  435. // ordercode: ,// 否 string 模糊查询(工单编号)
  436. // key: ,// 否 string 模糊查询(工单标题内容)
  437. // province:,// 否 string 省code
  438. // citycode:,// 否 string 市code
  439. // sourceid: ,// 否 string 来源id
  440. // typeid: ,// 否 string 类型id
  441. };
  442. return param;
  443. },
  444. responseHandler: function(res){
  445. return {
  446. "total": res.data && res.data.total,
  447. "rows": res.data && res.data.rows
  448. }
  449. },
  450. onLoadSuccess: function() { //加载成功时执行
  451. //layer.msg("加载成功");
  452. },
  453. onLoadError: function() { //加载失败时执行
  454. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  455. }
  456. });
  457. }
  458. //格式化工单编号
  459. function formatterWorkOrderID(val, row) {
  460. return '<div class="imgs" ><a class="xg" onclick="btn_detail(\'' + val + '\')">' + val + '</a></div>'
  461. }
  462. //格式化地址
  463. function formatterAddress(val, row) {
  464. var locations = '';
  465. var address = '';
  466. if(val){
  467. locations = val + row.cityname;
  468. }
  469. if(row.address){
  470. address = row.address;
  471. }
  472. return locations + address;
  473. }
  474. //格式化创建人
  475. function formatterCreateuser(val, row){
  476. return val + '-' + row.createusername;
  477. }
  478. //查看工单详情
  479. function btn_detail(rcode) {
  480. layer.open({
  481. type: 2,
  482. content: "../orderManagement/template/seeOrderDetails.html?edit_id=" + rcode, //iframe的url,no代表不显示滚动条
  483. title: '查看工单详情',
  484. resize: false,
  485. area: ['80%', '90%'], //宽高
  486. });
  487. }
  488. //格式化内容
  489. function formatterContent(val) {
  490. if(val) {
  491. var codeContent = decodeURIComponent(val);
  492. codeContent = helper.filter.delHtmlTag(codeContent);
  493. codeContent = $.trim(codeContent);
  494. var cc = codeContent.length > 20 ? codeContent.substr(0, 20) + '...' : codeContent;
  495. return '<div title="' + codeContent + '">' + cc + '</div>';
  496. } else {
  497. return '-';
  498. }
  499. }
  500. //格式化 工单状态 (暂时不用)
  501. function formatterState(val) {
  502. var stateStr = '-';
  503. var stateClass = '';
  504. switch(val) { //工单状态0待指派,1待处理,2已处理
  505. case 0:
  506. stateStr = '待指派';
  507. stateClass = 'audit_wait';
  508. break;
  509. case 1:
  510. stateStr = '待处理';
  511. stateClass = 'audit_revoke';
  512. break;
  513. case 2:
  514. stateStr = '已处理';
  515. stateClass = 'audit_done';
  516. break;
  517. default:
  518. break;
  519. }
  520. return '<div class="' + stateClass + '">' + stateStr + '</div>';
  521. }
  522. //新建工单 保存
  523. function saveOrder() {
  524. if(!regexs.userNameReg.test($.trim($('#order_name').val()))) {
  525. layer.confirm('请输入有效的客户姓名(2-20位汉字可以包含·•)!', {
  526. icon: 2,
  527. btn: ['确定']
  528. });
  529. return;
  530. }
  531. if(!regexs.phone.test($.trim($('#order_tel').val()))) {
  532. layer.confirm('请输入正确的电话!', {
  533. icon: 2,
  534. btn: ['确定']
  535. });
  536. return;
  537. }
  538. $.ajax({
  539. type: "post",
  540. url: huayi.config.callcenter_url + "callcenterapi/api/BusOrder/add",
  541. dataType: 'json',
  542. async: true,
  543. beforeSend: function() { //触发ajax请求开始时执行
  544. $('#save_order').attr("disabled", true);
  545. $('#save_order').text('创建中...');
  546. $(document).off('click', '#save_order', saveOrder);
  547. loadIndex = layer.load();
  548. },
  549. data: {
  550. unique_id: CallID, // 否 string callid
  551. //leaverecordid 否 string 语音留言id
  552. // callrecordid否 string 通话记录id
  553. sourceid: $('#order_source').val(), // 否 string 来源id
  554. typeid: $('#order_type').find('input[type="radio"]:checked').val(), // 否 string 类型id
  555. name: $('#order_name').val(), // 否 string 姓名
  556. phone: $('#order_tel').val(), // 是 string 号码
  557. sex: $('#order_sex').find('input[type="radio"]:checked').val(), // 否 string 性别
  558. province: $('#order_province').val(),// 否 string 省code
  559. city: $('#order_city').val(),// 否 string 市code
  560. address: $('#order_address').val(), // 否 string 地址
  561. // deptid: $('#order_dept').attr('data-id'),// 否 string 部门id
  562. content: helper.filter.delHtmlTag($('#order_reception').val()), // 是 string 工单内容
  563. //title 是 string 标题
  564. //files 否 list 附件json
  565. },
  566. success: function(result) {
  567. if(result.state.toLowerCase() === "success") {
  568. cleanOrderForm(); //清空新增工单的数据
  569. $('.ld-service').find('li.KF').trigger('click'); //进入历史工单页面
  570. layer.msg("创建成功");
  571. }
  572. },
  573. error: function(textStatus) {
  574. layer.close(loadIndex);
  575. layer.confirm('网络繁忙,请稍后再试...', {
  576. icon: 7,
  577. closeBtn: 0,
  578. btn: ['确定'] //按钮
  579. });
  580. $('#save_order').text('创建');
  581. $('#save_order').attr("disabled", false);
  582. $(document).off('click', '#save_order', saveOrder);
  583. $(document).on('click', '#save_order', saveOrder);
  584. },
  585. complete: function(XMLHttpRequest, textStatus) {
  586. layer.close(loadIndex);
  587. if(textStatus == 'timeout') {
  588. var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");
  589. xmlhttp.abort();
  590. layer.confirm('网络超时,请稍后再试...', {
  591. icon: 7,
  592. closeBtn: 0,
  593. btn: ['确定'] //按钮
  594. });    
  595. }
  596. $('#save_order').text('创建');
  597. $('#save_order').attr("disabled", false);
  598. $(document).off('click', '#save_order', saveOrder);
  599. $(document).on('click', '#save_order', saveOrder);
  600. },
  601. });
  602. }
  603. //清空新增工单的数据
  604. function cleanOrderForm() {
  605. $('#order_form').find('input.form-control').val('');
  606. $('#order_form').find('textarea.form-control').val('');
  607. $('#order_form').find('select.form-control').val('');
  608. $('#order_type').find("input[type='radio'][value='5b9f24e494eefd1bcb989b3e']").prop("checked", true);
  609. $('#order_sex').find("input[type='radio'][value='男']").prop("checked", true);
  610. $('#order_province').selectpicker('destroy');
  611. $('#order_province').empty();
  612. $('#order_province').append('<option value="0">请选择所在省</option>');
  613. $('#order_province').selectpicker('refresh');
  614. $('#order_city').selectpicker('destroy');
  615. $('#order_city').empty();
  616. $('#order_city').append('<option value="0">请选择所在市</option>');
  617. $('#order_city').selectpicker('refresh');
  618. $('#order_transfer_dept').val('').trigger('keyup');
  619. $('#order_transfer_dept').attr('placeholder', '请选择部门');
  620. $('#order_transfer_dept').attr('data-id', '');
  621. $('#order_form').find('.selectpicker.form-control').selectpicker('val', '').trigger('change');
  622. $('#order_source').selectpicker('val', '5b9f254a94eefd1bcb989b41').trigger('change');
  623. }
  624. //拉黑 保存
  625. function saveBlack() {
  626. var reg = /^\+?[1-9][0-9]*$/;
  627. var val = $("input[name='time']:checked").val();
  628. if($("#time-word").val()) {
  629. if(!(reg.test($("#time-word").val()))) {
  630. layer.confirm('请输入整数时间!', {
  631. icon: 2,
  632. btn: ['确定']
  633. });
  634. return;
  635. }
  636. } else {
  637. if(val == '4') {
  638. // $("#time-word").val() = 0;
  639. $("#time-word").val('0');
  640. } else {
  641. layer.confirm('请输入整数时间!', {
  642. icon: 2,
  643. btn: ['确定']
  644. });
  645. return;
  646. }
  647. }
  648. $.post(huayi.config.callcenter_url + 'callcenterapi/api/callinscreen/addblack', {
  649. phone: phoneNumber,// 是 string 电话号码
  650. //des 否 string 说明备注
  651. type: val,// 是 int 类型:1为按天拉黑,2为按时长拉黑,3为按分钟拉黑,4永远拉黑
  652. num: $("#time-word").val(), //是 int 拉黑数值
  653. }, function(result) {
  654. result = $.parseJSON(result);
  655. if(result.state.toLowerCase() == "success") {
  656. layer.msg("拉入黑名单成功");
  657. $('.head_black_btn').text('取消');
  658. $('.ldtp-con .hei-list').hide();
  659. $('.la-before').hide();
  660. $('.retur').show();
  661. }
  662. })
  663. }
  664. //取消黑名单
  665. function cancelBlack() {
  666. $.post(huayi.config.callcenter_url + 'callcenterapi/api/callinscreen/delblack', {
  667. phone: phoneNumber, //是 string 电话号码
  668. }, function(result) {
  669. result = $.parseJSON(result);
  670. if(result.state.toLowerCase() === "success") {
  671. layer.msg("取消黑名单成功");
  672. $('.head_black_btn').text('黑名单');
  673. $('.retur').hide();
  674. $('.la-before').show();
  675. }
  676. })
  677. }
  678. /**
  679. * 获取接收部门 获取投诉类型
  680. * el1, 树形结构元素id名 reginsTreeView
  681. * el2, 搜索框元素id名 order_transfer_dept
  682. * */
  683. function getDepts(el1, el2) {
  684. //初始化 样式
  685. $('#' + el2).on('focus click', function() {
  686. $('#' + el1).removeClass('hidden').addClass('show');
  687. });
  688. $('#' + el2).on('keyup', function() {
  689. if($(this).val() == '') {
  690. $('#' + el1).treeview('uncheckAll', {
  691. silent: true
  692. });
  693. $(this).attr('data-id', '');
  694. }
  695. });
  696. $('#' + el2 + ' .caret').on('click', function() {
  697. $('#' + el1).removeClass('hidden').addClass('show');
  698. });
  699. $('#' + el1).mouseleave(function() {
  700. $(this).removeClass('show').addClass('hidden');
  701. });
  702. $.getJSON(huayi.config.callcenter_url + 'Department/GetDeptListbyReceive', {
  703. token: $.cookie("token")
  704. }, function(result) {
  705. if(result.state.toLowerCase() == "success") {
  706. var defaultDatas = helper.methods.buildTree(result.data);
  707. var sortChildrenArr = helper.methods.objToArray(defaultDatas[0].children);
  708. sortChildrenArr.sort(helper.methods.compare('sort'));
  709. var sortChildrenObj = helper.methods.arrayToObj(sortChildrenArr);
  710. defaultDatas[0].children = sortChildrenObj;
  711. if(defaultDatas) {
  712. var $sTree = $('#' + el1).treeview({
  713. color: "#249fea",
  714. selectedBackColor: '#249fea',
  715. expandIcon: 'glyphicon glyphicon-chevron-right',
  716. collapseIcon: 'glyphicon glyphicon-chevron-down',
  717. nodeIcon: 'fa fa-folder-o',
  718. //selectedIcon: "glyphicon glyphicon-stop",
  719. //icon: "glyphicon glyphicon-stop",
  720. //emptyIcon: 'glyphicon',
  721. //showCheckbox: true,
  722. selectable: true,
  723. state: {
  724. selected: true
  725. },
  726. data: defaultDatas,
  727. onNodeSelected: function(event, node) {
  728. $sTree.treeview('clearSearch');
  729. $('#' + el2).val(node.text);
  730. $('#' + el2).attr('data-id', node.id);
  731. $('#' + el1).removeClass('show').addClass('hidden');
  732. if(el1 === 'reginsTreeView'){
  733. //获取接收人员
  734. getReceiveUser($('#order_receiveUser'), node.id);
  735. }else{
  736. if(node.id === 561) { //工程类
  737. $('.is_quality_assurance').show();
  738. } else {
  739. $('.is_quality_assurance').hide();
  740. }
  741. //获取受理人下拉
  742. getOrderResponsible(node.id);
  743. }
  744. },
  745. onNodeUnselected: function(event, node) {
  746. if(el1 === 'reginsTreeView'){
  747. $('#' + el2).attr('data-id', '');
  748. $('#' + el2).attr('placeholder', '请选择接收部门');
  749. $('#order_receiveUser').empty();
  750. $('#order_receiveUser').append('<option value="0">请选择接收人</option>');
  751. $('#order_receiveUser').selectpicker('refresh');
  752. }else{
  753. $('#complaintOrder_type').attr('placeholder', '请选择投诉类型');
  754. $('#complaintOrder_type').attr('data-id', '');
  755. $('#order_responsible').empty();
  756. $('#order_responsible').append('<option value="0">请选择受理人</option>');
  757. $('#order_responsible').selectpicker('refresh');
  758. }
  759. }
  760. });
  761. $('#' + el1).treeview('collapseAll', {
  762. silent: true
  763. });
  764. var findSNodes = function() {
  765. return $sTree.treeview('search', [$('#' + el2).val(), {
  766. ignoreCase: false,
  767. exactMatch: false
  768. }]);
  769. };
  770. $('#' + el2).on('keyup focus', function(e) {
  771. var selectableNodes = findSNodes();
  772. //var m = $('#' + el1).treeview('getParent', selectableNodes);
  773. //$('#' + el1).treeview('selectNode', [ m, { silent: true } ]);
  774. });
  775. }
  776. }
  777. })
  778. }
  779. //获取接收人员
  780. function getReceiveUser(obj, deptid) {
  781. if($('#order_pro').val() === '0') {
  782. layer.confirm('您还没有保存左侧客户信息,请先保存左侧客户信息。', {
  783. icon: 7,
  784. btn: ['确定']
  785. });
  786. return;
  787. }
  788. $.ajax({
  789. url: huayi.config.callcenter_url + 'UserAccount/GetDeptUserList',
  790. type: 'get',
  791. data: {
  792. proid: $('#order_pro').val(),//项目id
  793. deptid: deptid,
  794. token: $.cookie("token")
  795. },
  796. dataType: "json",
  797. async: true,
  798. success: function(res) {
  799. obj.empty();
  800. if(res.state.toLowerCase() === "success") {
  801. res = res.data;
  802. if(res && res.length > 0) {
  803. obj.append('<option value="0">请选择接收人</option>');
  804. res.forEach(function(v, i) {
  805. obj.append('<option value="' + v.F_UserId + '" data-code="'+ v.F_UserCode +'">' + v.F_UserName + '('+ v.F_UserCode +')</option>');
  806. });
  807. obj.selectpicker('refresh');
  808. }
  809. }
  810. },
  811. });
  812. }