郑州第一人民医院UI

callScreen.1.js 25KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884
  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 + 'callcenterapi/api/Knowledge/getlistbypage', {
  213. pageindex: 1,// 否 string 当前页
  214. pagesize: 10,// 否 string 每页记录数
  215. key: $(".search").val(),// 否 string 模糊查询(标题内容)
  216. // typeid 否 string 类型id
  217. // stime 否 string 开始时间 (2018-09-15)
  218. // etime 否 string 结束时间 (2018-09-15)
  219. }, function(result) {
  220. if(result.state.toLowerCase() == "success") {
  221. $(".ldcr-bottom .detail-con ul").empty();
  222. $(result.data.rows).each(function(i, n) {
  223. var html = '<li>' +
  224. ' <div class="zhishi-title clearfix">' +
  225. ' <a href="javascript:void(0);" >' + n.title + '</a>' +
  226. ' <em >' + n.createtime + '</em>' +
  227. ' </div>' +
  228. ' <div class="explancon">' +
  229. n.content +
  230. ' </div>' +
  231. '</li>';
  232. $(html).appendTo($(".ldcr-bottom .detail-con ul")).find(".zhishi-title").click(function(event) {
  233. event.stopPropagation();
  234. if($(this).hasClass("active")) {
  235. $(this).removeClass("active")
  236. } else {
  237. $(".zhishi-title").removeClass("active");
  238. $(this).addClass("active");
  239. }
  240. })
  241. })
  242. }
  243. })
  244. }
  245. //加载 历史记录或历史工单
  246. function loadOldOrComplain(tabIndex) {
  247. $(".complain").hide();
  248. switch(tabIndex) {
  249. case '0':
  250. $(".complain").eq(0).show();
  251. break;
  252. case '1':
  253. getOldList()
  254. break;
  255. case '2':
  256. getComplainList()
  257. break;
  258. default:
  259. break;
  260. }
  261. }
  262. //获取历史记录
  263. function getOldList() {
  264. $(".complain").eq(1).show();
  265. //先销毁表格
  266. $('#oldlist').bootstrapTable('destroy');
  267. //初始化表格,动态从服务器加载数据
  268. $("#oldlist").bootstrapTable({
  269. method: "get", //使用get请求到服务器获取数据
  270. url: huayi.config.callcenter_url + "callcenterapi/api/CallRecords/getlistbypage", //获取数据的Servlet地址
  271. contentType: 'application/x-www-form-urlencoded',
  272. striped: true, //表格显示条纹
  273. pagination: true, //启动分页
  274. pageSize: 5, //每页显示的记录数
  275. pageNumber: 1, //当前第几页
  276. pageList: [5, 10, 50, 100], //记录数可选列表
  277. search: false, //是,//否启用查询
  278. showColumns: false, //显示下拉框勾选要显示的列
  279. showRefresh: false, //显示刷新按钮
  280. sidePagination: "server", //表示服务端请求
  281. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  282. //设置为limit可以获取limit, offset, search, sort, order
  283. queryParamsType: "undefined",
  284. queryParams: function queryParams(params) { //设置查询参数
  285. var param = {
  286. pageindex: params.pageNumber,//否 string 当前页
  287. pagesize: params.pageSize,//否 string 每页记录数
  288. keyword: phoneNumber,// 否 string 模糊查询(呼叫号码)
  289. stime: $("#old_scTime").val() && $("#old_scTime").val().split(' ~ ')[0], //否 string 工单起止时间
  290. etime: $("#old_scTime").val() && $("#old_scTime").val().split(' ~ ')[1], //否 string 工单起止时间
  291. };
  292. return param;
  293. },
  294. onLoadSuccess: function(res) { //加载成功时执行
  295. //layer.msg("加载成功");
  296. if(res.state.toLowerCase() === "success") {
  297. var newData = {};
  298. newData.state = res.state;
  299. newData.message = res.message;
  300. newData.rows = res.data.rows;
  301. newData.total = res.data.total;
  302. recordpath = res.data.recordpath;
  303. $('#oldlist').bootstrapTable('load', newData);
  304. }
  305. //$('.tool_down').authorizeOperateButton();
  306. },
  307. onLoadError: function() { //加载失败时执行
  308. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  309. }
  310. });
  311. }
  312. //格式化序号
  313. function setCode(val, row, index) {
  314. return ++index;
  315. }
  316. //格式化 呼叫类型
  317. function formatterCalltype(val, row) {
  318. //(0:呼入,1:呼出)
  319. var str = '-';
  320. if(val === 0) {
  321. str = '呼入';
  322. } else {
  323. str = '呼出';
  324. }
  325. return str;
  326. }
  327. //格式化 呼叫状态
  328. function formatterCallstate(val, row) {
  329. //(0:未接通,1:已接通)
  330. var str = '-';
  331. var stateClass = 'timeout_default';
  332. if(val === 0) {
  333. str = '未接通';
  334. stateClass = 'timeout_termination';
  335. } else {
  336. str = '已接通';
  337. stateClass = 'timeout_success';
  338. }
  339. return '<span class="' + stateClass + '">' + str + '</span>';
  340. }
  341. //格式化处理方式
  342. function formatterDealtype(val, row) {
  343. //(0:IVR处理 1:骚扰电话 2:自助服务 3:转值班电话 4:留言 5:呼损 6:人工处理)
  344. var str = '-';
  345. switch (val){
  346. case 0:
  347. str="IVR处理"
  348. break;
  349. case 1:
  350. str="骚扰电话"
  351. break;
  352. case 2:
  353. str="自助服务"
  354. break;
  355. case 3:
  356. str="转值班电话"
  357. break;
  358. case 4:
  359. str="留言"
  360. break;
  361. case 5:
  362. str="呼损"
  363. break;
  364. case 6:
  365. str="人工处理"
  366. break;
  367. default:
  368. str="-"
  369. break;
  370. }
  371. return str;
  372. }
  373. //格式化外呼类型
  374. function formatterCallopttype(val, row) {
  375. //( 0:拨号外呼 1:回访外呼)
  376. var str = '-';
  377. switch (val){
  378. case 0:
  379. str="拨号外呼"
  380. break;
  381. case 1:
  382. str="回访外呼"
  383. break;
  384. default:
  385. str="-"
  386. break;
  387. }
  388. return str;
  389. }
  390. //音频
  391. function formatterAudio(val) {
  392. var audioUrl = recordpath + val;
  393. if(val && val.length > 0) {
  394. return '<div class="imgs" style="cursor: pointer;">' +
  395. '<img src="../img/vice.png" alt="录音" onclick="seeAudio(\'' + audioUrl + '\')" />' +
  396. '</div>';
  397. } else {
  398. return '-';
  399. }
  400. }
  401. //查看录音详情
  402. function seeAudio(audioUrl) {
  403. layer.open({
  404. type: 2,
  405. content: "../templateHtml/audioPlayer.html?audioUrl=" + audioUrl, //iframe的url,no代表不显示滚动条
  406. title: '录音详情',
  407. area: ['50%', '280px'], //宽高
  408. });
  409. }
  410. //获取历史工单
  411. function getComplainList() {
  412. $(".complain").eq(2).show();
  413. //先销毁表格
  414. $('#orderlist').bootstrapTable('destroy');
  415. //初始化表格,动态从服务器加载数据
  416. $("#orderlist").bootstrapTable({
  417. method: "get", //使用get请求到服务器获取数据
  418. url: huayi.config.callcenter_url + "callcenterapi/api/BusOrder/getlistbypage", //获取数据的Servlet地址
  419. contentType: 'application/x-www-form-urlencoded',
  420. striped: true, //表格显示条纹
  421. pagination: true, //启动分页
  422. pageSize: 5, //每页显示的记录数
  423. pageNumber: 1, //当前第几页
  424. pageList: [5, 10, 50, 100], //记录数可选列表
  425. search: false, //是,//否启用查询
  426. showColumns: false, //显示下拉框勾选要显示的列
  427. showRefresh: false, //显示刷新按钮
  428. sidePagination: "server", //表示服务端请求
  429. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  430. //设置为limit可以获取limit, offset, search, sort, order
  431. queryParamsType: "undefined",
  432. queryParams: function queryParams(params) { //设置查询参数
  433. var param = {
  434. pageindex: params.pageNumber,// 否 string 当前页
  435. pagesize: params.pageSize,// 否 string 每页记录数
  436. phone: phoneNumber, //否 string 模糊查询(号码)
  437. stime: $("#con_scTime").val() && $("#con_scTime").val().split(' ~ ')[0],// 否 string 开始时间 (2018-09-15)
  438. etime: $("#con_scTime").val() && $("#con_scTime").val().split(' ~ ')[1],// 否 string 结束时间 (2018-09-15)
  439. // ordercode: ,// 否 string 模糊查询(工单编号)
  440. // key: ,// 否 string 模糊查询(工单标题内容)
  441. // province:,// 否 string 省code
  442. // citycode:,// 否 string 市code
  443. // sourceid: ,// 否 string 来源id
  444. // typeid: ,// 否 string 类型id
  445. };
  446. return param;
  447. },
  448. responseHandler: function(res){
  449. return {
  450. "total": res.data && res.data.total,
  451. "rows": res.data && res.data.rows
  452. }
  453. },
  454. onLoadSuccess: function() { //加载成功时执行
  455. //layer.msg("加载成功");
  456. },
  457. onLoadError: function() { //加载失败时执行
  458. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  459. }
  460. });
  461. }
  462. //格式化工单编号
  463. function formatterWorkOrderID(val, row) {
  464. return '<div class="imgs" ><a class="xg" onclick="btn_detail(\'' + val + '\')">' + val + '</a></div>'
  465. }
  466. //格式化地址
  467. function formatterAddress(val, row) {
  468. var locations = '';
  469. var address = '';
  470. if(val){
  471. locations = val + row.cityname;
  472. }
  473. if(row.address){
  474. address = row.address;
  475. }
  476. return locations + address;
  477. }
  478. //格式化创建人
  479. function formatterCreateuser(val, row){
  480. return val + '-' + row.createusername;
  481. }
  482. //查看工单详情
  483. function btn_detail(rcode) {
  484. layer.open({
  485. type: 2,
  486. content: "../orderManagement/template/seeOrderDetails.html?edit_id=" + rcode, //iframe的url,no代表不显示滚动条
  487. title: '查看工单详情',
  488. resize: false,
  489. area: ['80%', '90%'], //宽高
  490. });
  491. }
  492. //格式化内容
  493. function formatterContent(val) {
  494. if(val) {
  495. var codeContent = decodeURIComponent(val);
  496. codeContent = helper.filter.delHtmlTag(codeContent);
  497. codeContent = $.trim(codeContent);
  498. var cc = codeContent.length > 20 ? codeContent.substr(0, 20) + '...' : codeContent;
  499. return '<div title="' + codeContent + '">' + cc + '</div>';
  500. } else {
  501. return '-';
  502. }
  503. }
  504. //格式化 工单状态 (暂时不用)
  505. function formatterState(val) {
  506. var stateStr = '-';
  507. var stateClass = '';
  508. switch(val) { //工单状态0待指派,1待处理,2已处理
  509. case 0:
  510. stateStr = '待指派';
  511. stateClass = 'audit_wait';
  512. break;
  513. case 1:
  514. stateStr = '待处理';
  515. stateClass = 'audit_revoke';
  516. break;
  517. case 2:
  518. stateStr = '已处理';
  519. stateClass = 'audit_done';
  520. break;
  521. default:
  522. break;
  523. }
  524. return '<div class="' + stateClass + '">' + stateStr + '</div>';
  525. }
  526. //新建工单 保存
  527. function saveOrder() {
  528. if(!regexs.userNameReg.test($.trim($('#order_name').val()))) {
  529. layer.confirm('请输入有效的客户姓名(2-20位汉字可以包含·•)!', {
  530. icon: 2,
  531. btn: ['确定']
  532. });
  533. return;
  534. }
  535. if(!regexs.phone.test($.trim($('#order_tel').val()))) {
  536. layer.confirm('请输入正确的电话!', {
  537. icon: 2,
  538. btn: ['确定']
  539. });
  540. return;
  541. }
  542. $.ajax({
  543. type: "post",
  544. url: huayi.config.callcenter_url + "callcenterapi/api/BusOrder/add",
  545. dataType: 'json',
  546. async: true,
  547. beforeSend: function() { //触发ajax请求开始时执行
  548. $('#save_order').attr("disabled", true);
  549. $('#save_order').text('创建中...');
  550. $(document).off('click', '#save_order', saveOrder);
  551. loadIndex = layer.load();
  552. },
  553. data: {
  554. unique_id: CallID, // 否 string callid
  555. //leaverecordid 否 string 语音留言id
  556. // callrecordid否 string 通话记录id
  557. sourceid: $('#order_source').val(), // 否 string 来源id
  558. typeid: $('#order_type').find('input[type="radio"]:checked').val(), // 否 string 类型id
  559. name: $('#order_name').val(), // 否 string 姓名
  560. phone: $('#order_tel').val(), // 是 string 号码
  561. sex: $('#order_sex').find('input[type="radio"]:checked').val(), // 否 string 性别
  562. province: $('#order_province').val(),// 否 string 省code
  563. city: $('#order_city').val(),// 否 string 市code
  564. address: $('#order_address').val(), // 否 string 地址
  565. // deptid: $('#order_dept').attr('data-id'),// 否 string 部门id
  566. content: helper.filter.delHtmlTag($('#order_reception').val()), // 是 string 工单内容
  567. //title 是 string 标题
  568. //files 否 list 附件json
  569. },
  570. success: function(result) {
  571. if(result.state.toLowerCase() === "success") {
  572. cleanOrderForm(); //清空新增工单的数据
  573. $('.ld-service').find('li.KF').trigger('click'); //进入历史工单页面
  574. layer.msg("创建成功");
  575. }
  576. },
  577. error: function(textStatus) {
  578. layer.close(loadIndex);
  579. layer.confirm('网络繁忙,请稍后再试...', {
  580. icon: 7,
  581. closeBtn: 0,
  582. btn: ['确定'] //按钮
  583. });
  584. $('#save_order').text('创建');
  585. $('#save_order').attr("disabled", false);
  586. $(document).off('click', '#save_order', saveOrder);
  587. $(document).on('click', '#save_order', saveOrder);
  588. },
  589. complete: function(XMLHttpRequest, textStatus) {
  590. layer.close(loadIndex);
  591. if(textStatus == 'timeout') {
  592. var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");
  593. xmlhttp.abort();
  594. layer.confirm('网络超时,请稍后再试...', {
  595. icon: 7,
  596. closeBtn: 0,
  597. btn: ['确定'] //按钮
  598. });    
  599. }
  600. $('#save_order').text('创建');
  601. $('#save_order').attr("disabled", false);
  602. $(document).off('click', '#save_order', saveOrder);
  603. $(document).on('click', '#save_order', saveOrder);
  604. },
  605. });
  606. }
  607. //清空新增工单的数据
  608. function cleanOrderForm() {
  609. $('#order_form').find('input.form-control').val('');
  610. $('#order_form').find('textarea.form-control').val('');
  611. $('#order_form').find('select.form-control').val('');
  612. $('#order_type').find("input[type='radio'][value='5b9f24e494eefd1bcb989b3e']").prop("checked", true);
  613. $('#order_sex').find("input[type='radio'][value='男']").prop("checked", true);
  614. $('#order_province').selectpicker('destroy');
  615. $('#order_province').empty();
  616. $('#order_province').append('<option value="0">请选择所在省</option>');
  617. $('#order_province').selectpicker('refresh');
  618. $('#order_city').selectpicker('destroy');
  619. $('#order_city').empty();
  620. $('#order_city').append('<option value="0">请选择所在市</option>');
  621. $('#order_city').selectpicker('refresh');
  622. $('#order_transfer_dept').val('').trigger('keyup');
  623. $('#order_transfer_dept').attr('placeholder', '请选择部门');
  624. $('#order_transfer_dept').attr('data-id', '');
  625. $('#order_form').find('.selectpicker.form-control').selectpicker('val', '').trigger('change');
  626. $('#order_source').selectpicker('val', '5b9f254a94eefd1bcb989b41').trigger('change');
  627. }
  628. //拉黑 保存
  629. function saveBlack() {
  630. var reg = /^\+?[1-9][0-9]*$/;
  631. var val = $("input[name='time']:checked").val();
  632. if($("#time-word").val()) {
  633. if(!(reg.test($("#time-word").val()))) {
  634. layer.confirm('请输入整数时间!', {
  635. icon: 2,
  636. btn: ['确定']
  637. });
  638. return;
  639. }
  640. } else {
  641. if(val == '4') {
  642. $("#time-word").val('0');
  643. } else {
  644. layer.confirm('请输入整数时间!', {
  645. icon: 2,
  646. btn: ['确定']
  647. });
  648. return;
  649. }
  650. }
  651. $.post(huayi.config.callcenter_url + 'callcenterapi/api/callinscreen/addblack', {
  652. phone: phoneNumber,// 是 string 电话号码
  653. //des 否 string 说明备注
  654. type: val,// 是 int 类型:1为按天拉黑,2为按时长拉黑,3为按分钟拉黑,4永远拉黑
  655. num: $("#time-word").val(), //是 int 拉黑数值
  656. }, function(result) {
  657. result = $.parseJSON(result);
  658. if(result.state.toLowerCase() == "success") {
  659. layer.msg("拉入黑名单成功");
  660. $('.head_black_btn').text('取消');
  661. $('.ldtp-con .hei-list').hide();
  662. $('.la-before').hide();
  663. $('.retur').show();
  664. }
  665. })
  666. }
  667. //取消黑名单
  668. function cancelBlack() {
  669. $.post(huayi.config.callcenter_url + 'callcenterapi/api/callinscreen/delblack', {
  670. phone: phoneNumber, //是 string 电话号码
  671. }, function(result) {
  672. result = $.parseJSON(result);
  673. if(result.state.toLowerCase() === "success") {
  674. layer.msg("取消黑名单成功");
  675. $('.head_black_btn').text('黑名单');
  676. $('.retur').hide();
  677. $('.la-before').show();
  678. }
  679. })
  680. }
  681. /**
  682. * 获取接收部门 获取投诉类型
  683. * el1, 树形结构元素id名 reginsTreeView
  684. * el2, 搜索框元素id名 order_transfer_dept
  685. * */
  686. function getDepts(el1, el2) {
  687. //初始化 样式
  688. $('#' + el2).on('focus click', function() {
  689. $('#' + el1).removeClass('hidden').addClass('show');
  690. });
  691. $('#' + el2).on('keyup', function() {
  692. if($(this).val() == '') {
  693. $('#' + el1).treeview('uncheckAll', {
  694. silent: true
  695. });
  696. $(this).attr('data-id', '');
  697. }
  698. });
  699. $('#' + el2 + ' .caret').on('click', function() {
  700. $('#' + el1).removeClass('hidden').addClass('show');
  701. });
  702. $('#' + el1).mouseleave(function() {
  703. $(this).removeClass('show').addClass('hidden');
  704. });
  705. $.getJSON(huayi.config.callcenter_url + 'Department/GetDeptListbyReceive', {
  706. token: $.cookie("token")
  707. }, function(result) {
  708. if(result.state.toLowerCase() == "success") {
  709. var defaultDatas = helper.methods.buildTree(result.data);
  710. var sortChildrenArr = helper.methods.objToArray(defaultDatas[0].children);
  711. sortChildrenArr.sort(helper.methods.compare('sort'));
  712. var sortChildrenObj = helper.methods.arrayToObj(sortChildrenArr);
  713. defaultDatas[0].children = sortChildrenObj;
  714. if(defaultDatas) {
  715. var $sTree = $('#' + el1).treeview({
  716. color: "#249fea",
  717. selectedBackColor: '#249fea',
  718. expandIcon: 'glyphicon glyphicon-chevron-right',
  719. collapseIcon: 'glyphicon glyphicon-chevron-down',
  720. nodeIcon: 'fa fa-folder-o',
  721. //selectedIcon: "glyphicon glyphicon-stop",
  722. //icon: "glyphicon glyphicon-stop",
  723. //emptyIcon: 'glyphicon',
  724. //showCheckbox: true,
  725. selectable: true,
  726. state: {
  727. selected: true
  728. },
  729. data: defaultDatas,
  730. onNodeSelected: function(event, node) {
  731. $sTree.treeview('clearSearch');
  732. $('#' + el2).val(node.text);
  733. $('#' + el2).attr('data-id', node.id);
  734. $('#' + el1).removeClass('show').addClass('hidden');
  735. if(el1 === 'reginsTreeView'){
  736. //获取接收人员
  737. getReceiveUser($('#order_receiveUser'), node.id);
  738. }else{
  739. if(node.id === 561) { //工程类
  740. $('.is_quality_assurance').show();
  741. } else {
  742. $('.is_quality_assurance').hide();
  743. }
  744. //获取受理人下拉
  745. getOrderResponsible(node.id);
  746. }
  747. },
  748. onNodeUnselected: function(event, node) {
  749. if(el1 === 'reginsTreeView'){
  750. $('#' + el2).attr('data-id', '');
  751. $('#' + el2).attr('placeholder', '请选择接收部门');
  752. $('#order_receiveUser').empty();
  753. $('#order_receiveUser').append('<option value="0">请选择接收人</option>');
  754. $('#order_receiveUser').selectpicker('refresh');
  755. }else{
  756. $('#complaintOrder_type').attr('placeholder', '请选择投诉类型');
  757. $('#complaintOrder_type').attr('data-id', '');
  758. $('#order_responsible').empty();
  759. $('#order_responsible').append('<option value="0">请选择受理人</option>');
  760. $('#order_responsible').selectpicker('refresh');
  761. }
  762. }
  763. });
  764. $('#' + el1).treeview('collapseAll', {
  765. silent: true
  766. });
  767. var findSNodes = function() {
  768. return $sTree.treeview('search', [$('#' + el2).val(), {
  769. ignoreCase: false,
  770. exactMatch: false
  771. }]);
  772. };
  773. $('#' + el2).on('keyup focus', function(e) {
  774. var selectableNodes = findSNodes();
  775. //var m = $('#' + el1).treeview('getParent', selectableNodes);
  776. //$('#' + el1).treeview('selectNode', [ m, { silent: true } ]);
  777. });
  778. }
  779. }
  780. })
  781. }
  782. //获取接收人员
  783. function getReceiveUser(obj, deptid) {
  784. if($('#order_pro').val() === '0') {
  785. layer.confirm('您还没有保存左侧客户信息,请先保存左侧客户信息。', {
  786. icon: 7,
  787. btn: ['确定']
  788. });
  789. return;
  790. }
  791. $.ajax({
  792. url: huayi.config.callcenter_url + 'UserAccount/GetDeptUserList',
  793. type: 'get',
  794. data: {
  795. proid: $('#order_pro').val(),//项目id
  796. deptid: deptid,
  797. token: $.cookie("token")
  798. },
  799. dataType: "json",
  800. async: true,
  801. success: function(res) {
  802. obj.empty();
  803. if(res.state.toLowerCase() === "success") {
  804. res = res.data;
  805. if(res && res.length > 0) {
  806. obj.append('<option value="0">请选择接收人</option>');
  807. res.forEach(function(v, i) {
  808. obj.append('<option value="' + v.F_UserId + '" data-code="'+ v.F_UserCode +'">' + v.F_UserName + '('+ v.F_UserCode +')</option>');
  809. });
  810. obj.selectpicker('refresh');
  811. }
  812. }
  813. },
  814. });
  815. }