郑州颐和随访系统UI

call.js 36KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217
  1. /**
  2. * 来电弹屏
  3. * */
  4. //来电时传输的数据
  5. var phoneNumber = helper.request.queryString("Number");
  6. var CallID = helper.request.queryString("CallID");
  7. var KHid;
  8. var UserCode;
  9. var timestamp = Date.parse(new Date());
  10. //通话中执行变化
  11. var timer, n = 0;
  12. //测试数据
  13. // var phoneNumber = "15235457488";
  14. // var CallID = "148";
  15. $(function() {
  16. //初始化一些数据
  17. $(".hidCallID").val(CallID);
  18. $(".tel").text(phoneNumber); //左侧来电号码
  19. $("#order_tel").val(phoneNumber); //右侧工单电话
  20. $(".ldtime").text(top.getNowFormatDate()); //左侧来电时间
  21. $(".thsc").text("00:00"); //通话时间
  22. autosize($('textarea'));
  23. //初始化时间
  24. laydate.render({
  25. elem: '#old_startTime',
  26. theme: '#1ab394',
  27. calendar: true
  28. });
  29. laydate.render({
  30. elem: '#old_endTime',
  31. theme: '#1ab394',
  32. calendar: true
  33. });
  34. laydate.render({
  35. elem: '#con_startTime',
  36. theme: '#1ab394',
  37. calendar: true
  38. });
  39. laydate.render({
  40. elem: '#con_endTime',
  41. theme: '#1ab394',
  42. calendar: true
  43. });
  44. laydate.render({
  45. elem: '#order_time',
  46. // range: '~',
  47. type: 'datetime',
  48. theme: '#1ab394',
  49. // calendar: true
  50. });
  51. laydate.render({
  52. elem: '#order_chucetime',
  53. // range: '~',
  54. type: 'datetime',
  55. theme: '#1ab394',
  56. // calendar: true
  57. });
  58. /*左侧 部分*/
  59. //获取电话所属地 order_time
  60. if(phoneNumber) {
  61. getPhoneLocation(); //获取来电归属地
  62. getCustomer(); //获取来电客户信息
  63. }
  64. //根据关键词搜索公司
  65. $('#companySearch').on('click', getSearchCustomer);
  66. //保存来电客户信息
  67. $('#head_form_btn_save').on('click', headFormSave);
  68. //清空来电客户信息
  69. $('#head_form_btn_reset').on('click', headFormReset);
  70. //点击IVR
  71. $('#head_black_ivr').click(function() {
  72. top.obj.Type = "TurnIvr";
  73. top.obj.IvrName = "MYD";
  74. top.obj.IvrPos = "1";
  75. top.Send();
  76. });
  77. //点击拉黑 加入黑名单
  78. $('#head_black_btn').click(function() {
  79. if(!phoneNumber) {
  80. layer.confirm('来电号码为空!', {
  81. icon: 2,
  82. btn: ['确定']
  83. });
  84. return;
  85. }
  86. $("#time-word").val('');
  87. $('.ldtp-con .hei-list').show();
  88. });
  89. //拉黑 关闭
  90. $('.hei-list .bacha').click(function() {
  91. $('.ldtp-con .hei-list').hide();
  92. $("#time-word").val('');
  93. });
  94. //拉黑 保存
  95. $('#bc').on('click', saveBlack);
  96. //取消黑名单
  97. $('.retur').on('click', cancelBlack);
  98. /*右侧 部分*/
  99. //加载历史记录、历史工单
  100. loadOldOrComplain('0');
  101. //获取知识库
  102. loadZSK();
  103. //回车搜索
  104. $('.search').on('keypress',function(e){
  105. if(e.keyCode==13){
  106. loadZSK();
  107. }
  108. })
  109. //弹屏右侧切换效果
  110. $(".ldtp-cr ul.ld-service li").click(function() {
  111. var tabIndex = $(this).index() + '';
  112. //console.log(tabIndex);
  113. $(this).addClass("cr-click").siblings().removeClass("cr-click");
  114. loadOldOrComplain(tabIndex);
  115. });
  116. //获取工单来源
  117. // helper.getDropList.getlistDropByDic($('#order_source'), 'GDLY').then(function() {
  118. // $('#order_source').selectpicker('val', '468').trigger('change');
  119. // });
  120. //获取业务办理
  121. helper.getDropList.getlistDropByDic($('#order_handle'), 'YWLX');
  122. //获取工单类型
  123. // helper.getDropList.getOrderRadios($('#order_type'), 'GDLX', 'inlineRadioOptions').then(function() {
  124. $('#order_type').find('input[type="radio"]').on('change', function() {
  125. if($(this).val() === "1") { //业务办理 dispatch
  126. $('#order_pointment').hide();
  127. $('#Tousik').hide();
  128. $('#Tojon').hide();
  129. $("#insurance").hide();
  130. $("#dispatch").hide();
  131. $("#zhujkeshi").hide();
  132. $("#yukshi").hide();
  133. $("#yusjian").hide();
  134. $("#yubzhu").hide();
  135. $("#tration").hide();
  136. }else if($(this).val() === "2"){
  137. $('#order_pointment').show();
  138. $('#Tousik').hide();
  139. $('#Tojon').hide();
  140. $("#insurance").hide();
  141. $("#dispatch").hide();
  142. $("#zhujkeshi").hide();
  143. $("#yukshi").hide();
  144. $("#yusjian").hide();
  145. $("#yubzhu").hide();
  146. $("#tration").hide();
  147. }else if($(this).val() === "3"){
  148. $('#order_pointment').hide();
  149. $('#Tousik').show();
  150. $('#Tojon').show();
  151. $("#dispatch").hide();
  152. $("#insurance").hide();
  153. $("#zhujkeshi").show(); //tration insurance yubzhu
  154. $("#yukshi").hide();
  155. $("#yusjian").hide();
  156. $("#yubzhu").show();
  157. $("#tration").hide();
  158. }else if($(this).val() === "4"){
  159. $('#order_pointment').hide();
  160. $('#Tousik').hide();
  161. $('#Tojon').show();
  162. $("#insurance").hide();
  163. $("#dispatch").hide();
  164. $("#zhujkeshi").hide();
  165. $("#yukshi").hide();
  166. $("#yusjian").hide();
  167. $("#yubzhu").show();
  168. $("#tration").hide();
  169. }
  170. });
  171. // });
  172. //预约类别 显示内容
  173. $("#order_category").change(function(){
  174. if($("#order_category").find("option:selected").val()=="预约挂号"){
  175. $("#tration").show();
  176. $("#insurance").hide();
  177. $("#bunk").hide();
  178. $("#dispatch").hide();
  179. $("#yukshi").show();
  180. $("#yusjian").show();
  181. $("#yubzhu").show();
  182. $("#zhujkeshi").hide();
  183. }else if($("#order_category").find("option:selected").text()=="预约检查"){
  184. $("#tration").hide();
  185. $("#insurance").show();
  186. $("#bunk").hide();
  187. $("#dispatch").hide();
  188. $("#zhujkeshi").show();
  189. $("#yukshi").hide();
  190. $("#yusjian").hide();
  191. $("#yubzhu").show();
  192. }else if($("#order_category").find("option:selected").text()=="预约床位"){
  193. $("#tration").hide(); //bunk dispatch zhujkeshi
  194. $("#insurance").hide();
  195. $("#bunk").show();
  196. $("#dispatch").hide();
  197. $("#yukshi").show();
  198. $("#yusjian").hide();
  199. $("#yubzhu").show();
  200. $("#zhujkeshi").show();
  201. }else if($("#order_category").find("option:selected").text()=="预约车辆"){
  202. $("#tration").hide();
  203. $("#insurance").hide();
  204. $("#bunk").hide();
  205. $("#dispatch").show();
  206. $("#yukshi").show();
  207. $("#yusjian").hide();
  208. $("#yubzhu").show();
  209. $("#zhujkeshi").hide();
  210. }
  211. })
  212. //工单有效性
  213. $('#order_iseffective').find('input[type="radio"]').on('change', function() {
  214. //是否有效工单项(0有效,1无效)
  215. if($(this).val() === "1") { //无效
  216. $('.order_note').show();
  217. $('#order_isover_box').hide();
  218. $('#order_isover').find('input[type="radio"][value="1"]').prop('checked', true).trigger('change');
  219. } else {
  220. $('.order_note').hide();
  221. $('#order_isover_box').show();
  222. $('#order_isover').find('input[type="radio"][value="0"]').prop('checked', true).trigger('change');
  223. }
  224. });
  225. //获取接收部门
  226. getDepts('reginsTreeView', 'order_transfer_dept');
  227. // 立即处理
  228. $('#order_isover').find('input[type="radio"]').on('change', function(){
  229. if($(this).val() === '1'){
  230. $('#order_transfer_depts').hide();
  231. }else{
  232. $('#order_transfer_depts').show();
  233. }
  234. });
  235. //新增工单创建
  236. $('#save_order').on('click', orderSave);
  237. //知识库查询
  238. $(".searIcon").click(function() {
  239. loadZSK();
  240. });
  241. //历史记录/历史工单 查询
  242. $(".searchbtn").click(function() {
  243. var tabIndex = $(this).attr('itemtype');
  244. loadOldOrComplain(tabIndex);
  245. });
  246. //关闭录音弹出
  247. $(".setwin").click(function() {
  248. $(".t-shade").removeClass("cx");
  249. $('audio')[0].pause();
  250. });
  251. });
  252. function clearInter() {
  253. clearInterval(timer);
  254. }
  255. function headFormReset(){
  256. $("#head_form_name").val('');
  257. $("#order_iso").val('');
  258. $("#head_site").val('');
  259. $("#head_phone").val('');
  260. }
  261. function calling() {
  262. $(".td-call").show();
  263. n = 0;
  264. clearInterval(timer);
  265. timer = setInterval(function() {
  266. n++;
  267. var m = parseInt(n / 60 % 60);
  268. var s = parseInt(n % 60);
  269. //var thsc=toDub(m) + ":" + toDub(s);
  270. $(".thsc").text(toDub(m) + ":" + toDub(s));
  271. }, 1000);
  272. }
  273. function toDub(i) {
  274. return i < 10 ? "0" + i : "" + i;
  275. }
  276. //获取电话所属地
  277. function getPhoneLocation() {
  278. $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetPhoneLocation', {
  279. "tel": phoneNumber,
  280. "token": $.cookie("token")
  281. }, function(result) {
  282. if(result.state.toLowerCase() == "success") {
  283. $(".khgsd").text(result.data);
  284. }
  285. });
  286. }
  287. //根据关键词搜索公司
  288. function getSearchCustomer() {
  289. $.ajax({
  290. url: huayi.config.callcenter_url + 'CustomerNew/GetListByKey',
  291. type: 'get',
  292. data: {
  293. keywords: $('#head_form_search').val(),// 关键词
  294. token: $.cookie("token")
  295. },
  296. dataType: "json",
  297. async: true,
  298. success: function(data) {
  299. if(data.state.toLowerCase() === 'success') {
  300. var customerBase = data.data;
  301. if(customerBase){
  302. $('#head_form_customer_id').val(customerBase.F_CustomerId); //客户id
  303. $('#head_form_cmpname').val(customerBase.F_CompanyName);//公司名称
  304. $('#head_form_cmpaddress').val(customerBase.F_CompanyAddress);//公司地址
  305. $('#head_form_legname').val(customerBase.F_LegalName);//法人姓名
  306. $('#head_form_legtel').val(customerBase.F_LegalTel);//法人电话
  307. $('#head_form_subtrade').val(customerBase.F_SubTrade);//所属行业
  308. //获取对应的联系人信息
  309. getCustomerLists(1, customerBase.F_CustomerId);
  310. $('#order_company').val(customerBase.F_CompanyName); //给工单的公司名称赋值
  311. }
  312. }
  313. },
  314. });
  315. }
  316. /**
  317. * 根据电话获取 客户信息
  318. * */
  319. function getCustomer(){
  320. $.ajax({
  321. url: huayi.config.callcenter_url + 'CustomerNew/GetCustomerByTel',
  322. type: 'get',
  323. data: {
  324. tel: phoneNumber, //否 string 来电电话 例如:13663801989
  325. token: $.cookie("token")
  326. },
  327. dataType: "json",
  328. async: true,
  329. success: function(data) {
  330. if(data.state.toLowerCase() === 'success') {
  331. var customerBase = data.data && data.data.CustomerBase;
  332. if(customerBase){
  333. $('#head_form_customer_id').val(customerBase.F_CustomerId); //客户id
  334. $('#head_form_cmpname').val(customerBase.F_CompanyName);//公司名称
  335. $('#head_form_cmpaddress').val(customerBase.F_CompanyAddress);//公司地址
  336. $('#head_form_legname').val(customerBase.F_LegalName);//法人姓名
  337. $('#head_form_legtel').val(customerBase.F_LegalTel);//法人电话
  338. $('#head_form_subtrade').val(customerBase.F_SubTrade);//所属行业
  339. //获取对应的联系人信息
  340. getCustomerLists(1, customerBase.F_CustomerId);
  341. $('#order_company').val(customerBase.F_CompanyName); //给工单的公司名称赋值
  342. }
  343. }
  344. },
  345. });
  346. }
  347. /**
  348. * 根据电话获取 客户联系人列表
  349. * paramPage: 页数请求的是第几页
  350. * cid: 客户的id
  351. * */
  352. function getCustomerLists(paramPage, cid) {
  353. $('#head_customer_info').html('');
  354. $.ajax({
  355. url: huayi.config.callcenter_url + 'CustomerNew/GetConList',
  356. type: 'get',
  357. data: {
  358. cusid: cid, //客户id
  359. pageindex: paramPage, //第几页
  360. pagesize: 2,
  361. tel: phoneNumber, //否 string 来电电话 例如:13663801989
  362. token: $.cookie("token")
  363. },
  364. dataType: "json",
  365. async: true,
  366. success: function(returnValue) {
  367. var tableDatas = returnValue.rows;
  368. //异步获取列表数据
  369. if(tableDatas && tableDatas.length > 0) {
  370. $('#head_form_name').val(tableDatas[0].F_Name);//左侧姓名
  371. $('#head_form_name').prop('readonly', true);
  372. $('#order_name').val(tableDatas[0].F_Name);//右侧工单姓名
  373. //加载内容
  374. $('#head_customer_info').html('');
  375. for(var i = 0, tableDatasLength = tableDatas.length; i < tableDatasLength; i++) {
  376. var itmeHtml = '<div class="head_customer_info_item clearfix">' +
  377. '<div class="head_customer_info_item_l pull-left">' +
  378. '<p class="clearfix">' +
  379. '<span>姓名</span>' +
  380. '<span>' + tableDatas[i].F_Name + '</span>' +
  381. '</p>' +
  382. '<p>' +
  383. '<span>电话</span>' +
  384. '<span>' + tableDatas[i].F_Telephone + '</span>' +
  385. '</p>' +
  386. '<p>' +
  387. '<span>是否主要联系人</span>' +
  388. '<span>' + (tableDatas[i].F_IsMain === true ? '是' : '否') + '</span>' +
  389. '</p>' +
  390. '</div>' +
  391. '<div class="head_customer_info_item_r pull-left" id="customerBtn_' + i + '">'+
  392. // '选择' +
  393. '</div>' +
  394. '</div>'
  395. $('#head_customer_info').append(itmeHtml);
  396. }
  397. if(tableDatasLength > 0) {
  398. $.jqPaginator('#pagination', {
  399. totalCounts: returnValue.total,
  400. pageSize: 2,
  401. currentPage: paramPage,
  402. visiblePages: 10,
  403. prev: '<li class="prev"><a href="javascript:;">上一页</a></li>',
  404. next: '<li class="next"><a href="javascript:;">下一页</a></li>',
  405. //page: '<li class="page"><a href="javascript:;">{{page}}</a></li>',
  406. onPageChange: function(num, type) {
  407. $('#page_number').text(num + "/" + Math.ceil(returnValue.total / 2));
  408. //console.log(type + ':' + num);
  409. if(type == 'change') {
  410. getCustomerLists(num);
  411. }
  412. }
  413. });
  414. } else {
  415. $('.head_customer_info_title').hide();
  416. }
  417. } else {
  418. $('.head_customer_info_title').hide();
  419. $('#head_form_name').val('');//联系人姓名
  420. $('#head_form_name').prop('readonly', false);
  421. }
  422. },
  423. });
  424. }
  425. //清空head_form
  426. function headFormClean() {
  427. //左侧信息清空;
  428. // $('#head_form_customer_id').val('');
  429. $('.head_form').find('.form-control').val('');
  430. $('#head_form_tel').val(phoneNumber);
  431. }
  432. //保存来电客户信息
  433. function headFormSave() {
  434. // if(!$.trim($('#head_form_name').val())) {
  435. // layer.confirm('请输入姓名!', {
  436. // icon: 2,
  437. // btn: ['确定']
  438. // });
  439. // return;
  440. // }
  441. // if(!regexs.phone.test($.trim($('#head_form_tel').val()))) {
  442. // layer.confirm('请输入正确的电话!', {
  443. // icon: 2,
  444. // btn: ['确定']
  445. // });
  446. // return;
  447. // }
  448. $.post(huayi.config.callcenter_url + 'Customer/AddCustomer', {
  449. // F_CustomerId: $('#head_form_customer_id').val(),// int客户id
  450. F_LegalName: $('#head_form_name').val(),//客户姓名
  451. // F_Telephone: phoneNumber,// string电话
  452. F_Gender:$('#order_xieton').find('input[type="radio"]:checked').val(),//性别
  453. F_LegalTel:$('#head_phone').val(),//客户电话
  454. F_Address:$('#head_site').val(),//地址
  455. token: $.cookie("token")
  456. }, function(result) {
  457. result = $.parseJSON(result);
  458. if(result.state.toLowerCase() === "success") {
  459. //给 右侧新增工单赋值
  460. $('#order_name').val($('#head_form_name').val()); //客户姓名
  461. $('#order_tel').val($('#head_phone').val()); //客户电话
  462. $('#order_company').val($('#head_site').val()); //客户地址
  463. layer.msg("保存成功");
  464. }
  465. })
  466. }
  467. //获取知识库
  468. function loadZSK() {
  469. $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetZSKList', {
  470. "keywords": $(".search").val(),
  471. "token": $.cookie("token")
  472. }, function(result) {
  473. if(result.state.toLowerCase() == "success") {
  474. $(".ldcr-bottom .detail-con ul").empty();
  475. $(result.data).each(function(i, n) {
  476. var html = '<li>' +
  477. ' <div class="zhishi-title clearfix">' +
  478. ' <a href="javascript:void(0);" >' + n.F_Title + '</a>' +
  479. ' <em >' + n.F_CreateOn + '</em>' +
  480. ' </div>' +
  481. ' <div class="explancon">' +
  482. n.F_Content +
  483. ' </div>' +
  484. '</li>';
  485. $(html).appendTo($(".ldcr-bottom .detail-con ul")).find(".zhishi-title").click(function(event) {
  486. event.stopPropagation();
  487. if($(this).hasClass("active")) {
  488. $(this).removeClass("active")
  489. } else {
  490. $(".zhishi-title").removeClass("active");
  491. $(this).addClass("active");
  492. }
  493. })
  494. })
  495. }
  496. })
  497. }
  498. //加载 历史记录或历史工单
  499. function loadOldOrComplain(tabIndex) {
  500. $(".complain").hide();
  501. switch(tabIndex) {
  502. case '0':
  503. $(".complain").eq(0).show();
  504. break;
  505. case '1':
  506. getOldList()
  507. break;
  508. case '2':
  509. getComplainList()
  510. break;
  511. case '3':
  512. $(".complain").eq(3).show();
  513. if($('#head_form_customer_id').val() != ''){
  514. getCustomerDetail(); // 获取客户详情
  515. // getTaxDetail(); // 获取财税情况
  516. }
  517. break;
  518. default:
  519. break;
  520. }
  521. }
  522. //获取客户详情
  523. function getCustomerDetail() {
  524. $.getJSON(huayi.config.callcenter_url + "CustomerNew/GetCustomer", {
  525. // cusid: $('#head_form_customer_id').val(), //客户id
  526. token: $.cookie("token")
  527. }, function(data) {
  528. if (data.state.toLowerCase() == "success") {
  529. var cusBase = data.data && data.data.CustomerBase;
  530. $('#customer_bedept').text(data.data && data.data.BeDeptName); // int 客户归属部门
  531. if (cusBase) {
  532. $('#customer_code').text(cusBase.F_CustomerCode); //string 客户编号
  533. $('#customer_companyname').text(cusBase.F_LegalName); //string 公司名称
  534. $('#customer_comaddress').text(cusBase.F_LegalTel); //string 公司地址
  535. $('#customer_legalName').text(cusBase.F_Address); //string 姓名
  536. $('#customer_lehalTel').text(cusBase.F_CreatedOn); //string 创建时间
  537. $('#customer_subtrade').text(cusBase.F_Gender); //string 客户地址
  538. // if(cusBase.F_LegalTel){
  539. // $('#customer_lehalTel').html('<a href="jvascript:;" onclick="calloutopt('+ cusBase.F_LegalTel +')">'+ cusBase.F_LegalTel +'<img src="../img/Phones.png" alt="phone" /></a>'); //string 法人电话
  540. // }
  541. }
  542. var cusLists = data.data && data.data.ContactList;
  543. if (cusLists && cusLists.length > 0) {
  544. $('#cusLists').empty();
  545. $('#conectLits').show();
  546. for (var i = 0; i < cusLists.length; i++) {
  547. var tplstr = '';
  548. tplstr = '<div class="clearfix cusListItem">'+
  549. '<li class="col-md-3 col-sm-4">' +
  550. '<label>姓名:</label>' +
  551. '<span>'+ cusLists[i].F_Name +'</span>' +
  552. '</li>'+
  553. '<li class="col-md-3 col-sm-4">' +
  554. '<label>电话:</label>' +
  555. '<a href="jvascript:;" onclick="calloutopt('+ cusLists[i].F_Telephone +')">'+ cusLists[i].F_Telephone +'<img src="../img/Phones.png" alt="phone" /></a>'+
  556. '</li>'+
  557. '<li class="col-md-3 col-sm-4">' +
  558. '<label>邮箱:</label>' +
  559. '<span>'+ cusLists[i].F_Email +'</span>' +
  560. '</li>'+
  561. '<li class="col-md-3 col-sm-4">' +
  562. '<label>职务:</label>' +
  563. '<span>'+ cusLists[i].F_Duties +'</span>' +
  564. '</li>'+
  565. '<li class="col-md-3 col-sm-4">' +
  566. '<label>QQ:</label>' +
  567. '<span>'+ cusLists[i].F_QQ +'</span>' +
  568. '</li>'+
  569. '<li class="col-md-3 col-sm-4">' +
  570. '<label>MSN:</label>' +
  571. '<span>'+ cusLists[i].F_MSN +'</span>' +
  572. '</li>'+
  573. '<li class="col-md-12 col-sm-12">' +
  574. '<label>备注:</label>' +
  575. '<span>'+ cusLists[i].F_Remark +'</span>' +
  576. '</li>'+
  577. '<li class="col-md-12 col-sm-12">'+
  578. '<label for="customer_F_IsMain">是否主要联系人:</label>'+
  579. '<span>'+ (cusLists[i].F_IsMain === true ? '是' : '否') +'</span>'+
  580. '</li>'+
  581. '</div>';
  582. $('#cusLists').append(tplstr);
  583. }
  584. }
  585. }
  586. });
  587. }
  588. //获取财税情况
  589. function getTaxDetail(){
  590. $.getJSON(huayi.config.callcenter_url + "CustomerNew/GetFinc",{
  591. cusid: $('#head_form_customer_id').val(), // 客户id
  592. token: $.cookie("token")
  593. },function(data){
  594. if(data.state.toLowerCase() === 'success'){
  595. data = data.data;
  596. $('#tax_code').text(data.F_CustomerCode); // string 客户编号
  597. $('#tax_MonthState').text(data.F_MonthState); // string 本月财税情况:已结清/未结清
  598. $('#tax_AnnualIncome').text(data.F_AnnualIncome); // string 本年收入(元)
  599. $('#tax_AnnualProfit').text(data.F_AnnualProfit); // string 本年利润
  600. $('#tax_AnnualCost').text(data.F_AnnualCost); // string 本年费用
  601. $('#tax_AnnualPersonCount').text(data.F_AnnualPersonCount); // string 本年人数
  602. $('#tax_AnnualWages').text(data.F_AnnualWages); // string 本年工资
  603. $('#tax_QuarterlyCost').text(data.F_QuarterlyCost); // string 本季费用
  604. $('#tax_QuarterlyPersonCount').text(data.F_QuarterlyPersonCount); // string 本季人数
  605. $('#tax_QuarterlyWages').text(data.F_QuarterlyWages); // string 本季工资
  606. $('#tax_QuarterlyIncome').text(data.F_QuarterlyIncome); // string 本季收入
  607. $('#tax_QPVAT').text(data.F_QPVAT); // string 本季应交税额-增值税
  608. $('#tax_QPSurtax').text(data.F_QPSurtax); // string 本季应交税额-附加税
  609. $('#tax_QPTaxes').text(data.F_QPTaxes); // string 本季应交税额-企业所得税
  610. $('#tax_QPConTax').text(data.F_QPConTax); // string 本季应交税额-文化事业建设税
  611. $('#tax_QPPerinTax').text(data.F_QPPerinTax); // string 本季应交税额-个税
  612. $('#tax_QPStampTax').text(data.F_QPStampTax); // string 本季应交税额-其他税额
  613. }
  614. });
  615. }
  616. //获取历史记录
  617. function getOldList() {
  618. $(".complain").eq(1).show();
  619. //先销毁表格
  620. $('#oldlist').bootstrapTable('destroy');
  621. //初始化表格,动态从服务器加载数据
  622. $("#oldlist").bootstrapTable({
  623. method: "get", //使用get请求到服务器获取数据
  624. url: huayi.config.callcenter_url + "CallInScreen/GetOldList", //获取数据的Servlet地址
  625. contentType: 'application/x-www-form-urlencoded',
  626. striped: true, //表格显示条纹
  627. pagination: true, //启动分页
  628. pageSize: 5, //每页显示的记录数
  629. pageNumber: 1, //当前第几页
  630. pageList: [5, 10, 50, 100], //记录数可选列表
  631. search: false, //是,//否启用查询
  632. showColumns: false, //显示下拉框勾选要显示的列
  633. showRefresh: false, //显示刷新按钮
  634. sidePagination: "server", //表示服务端请求
  635. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  636. //设置为limit可以获取limit, offset, search, sort, order
  637. queryParamsType: "undefined",
  638. queryParams: function queryParams(params) { //设置查询参数
  639. var param = {
  640. page: params.pageNumber,
  641. pagesize: params.pageSize,
  642. tel: phoneNumber,
  643. starttime: $("#old_startTime").val(),
  644. endtime: $("#old_endTime").val(),
  645. token: $.cookie("token")
  646. };
  647. return param;
  648. },
  649. onLoadSuccess: function() { //加载成功时执行
  650. //layer.msg("加载成功");
  651. },
  652. onLoadError: function() { //加载失败时执行
  653. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  654. }
  655. });
  656. }
  657. //获取历史工单
  658. function getComplainList() {
  659. $(".complain").eq(2).show();
  660. //先销毁表格
  661. $('#orderlist').bootstrapTable('destroy');
  662. //初始化表格,动态从服务器加载数据
  663. $("#orderlist").bootstrapTable({
  664. method: "get", //使用get请求到服务器获取数据
  665. url: huayi.config.callcenter_url + "WorkOrderNew/GetList", //获取数据的Servlet地址
  666. contentType: 'application/x-www-form-urlencoded',
  667. striped: true, //表格显示条纹
  668. pagination: true, //启动分页
  669. pageSize: 5, //每页显示的记录数
  670. pageNumber: 1, //当前第几页
  671. pageList: [5, 10, 50, 100], //记录数可选列表
  672. search: false, //是,//否启用查询
  673. showColumns: false, //显示下拉框勾选要显示的列
  674. showRefresh: false, //显示刷新按钮
  675. sidePagination: "server", //表示服务端请求
  676. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  677. //设置为limit可以获取limit, offset, search, sort, order
  678. queryParamsType: "undefined",
  679. queryParams: function queryParams(params) { //设置查询参数
  680. var param = {
  681. pageindex: params.pageNumber,
  682. pagesize: params.pageSize,
  683. keyword: phoneNumber, //否 string 模糊搜索可输入客户姓名,电话,工单号,反馈内容
  684. starttime: $("#con_startTime").val(), //否 string 工单起止时间
  685. endtime: $("#con_endTime").val(), //否 string 工单起止时间
  686. token: $.cookie("token"),
  687. };
  688. return param;
  689. },
  690. onLoadSuccess: function() { //加载成功时执行
  691. //layer.msg("加载成功");
  692. },
  693. onLoadError: function() { //加载失败时执行
  694. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  695. }
  696. });
  697. }
  698. //格式化内处理方式
  699. function formatterDealType(val, row) {
  700. //处理方式0:IVR处理1骚扰电话2自助服务3转值班电话4留言5呼损6人工处理
  701. var str = '-';
  702. switch(val) {
  703. case 0:
  704. str = 'IVR处理';
  705. break;
  706. case 1:
  707. str = '骚扰电话';
  708. break;
  709. case 2:
  710. str = '自助服务';
  711. break;
  712. case 3:
  713. str = '转值班电话';
  714. break;
  715. case 4:
  716. str = '留言';
  717. break;
  718. case 5:
  719. str = '呼损';
  720. break;
  721. case 6:
  722. str = '人工处理';
  723. break;
  724. }
  725. return str;
  726. }
  727. //格式化工单编号
  728. function formatterWorkOrderID(val, row) {
  729. return '<div class="imgs" ><a class="xg" onclick="btn_detail(\'' + row.ID + '\',\'' + row.State + '\',\'' + row.IsAdminSend + '\')">' + val + '</a></div>'
  730. }
  731. function btn_detail(oid, isdeal, proid) {
  732. layer.open({
  733. type: 2,
  734. title: '工单详情',
  735. //maxmin: true, //开启最大化最小化按钮
  736. area: ['80%', '90%'],
  737. content: '../commonTpl/seeWorkOrderDetail.html?oid=' + oid + '&isdeal=' + isdeal + '&proid=' + proid
  738. });
  739. }
  740. //格式化内容
  741. function formatterDetail(val) {
  742. if(val) {
  743. var codeContent = decodeURIComponent(val);
  744. var cc = codeContent.length > 10 ? codeContent.substr(0, 10) + '...' : codeContent;
  745. return '<div title="' + codeContent + '">' + cc + '</div>';
  746. } else {
  747. return '-';
  748. }
  749. }
  750. //格式化呼叫状态
  751. function formatterCallState(val) {
  752. if(val == '1') {
  753. return '已接通';
  754. } else {
  755. return '未接通';
  756. }
  757. }
  758. //格式化音频
  759. function formatterRecord(val) {
  760. if(val) {
  761. return '<div class="imgs" style="cursor: pointer;">' +
  762. '<img src="../img/vice.png" alt="" onclick= ck(this) item="' + val + '" />' +
  763. '</div>';
  764. } else {
  765. return '';
  766. }
  767. }
  768. //点击录音
  769. function ck(val) {
  770. var path = $(val).attr("item");
  771. $(".t-shade").addClass("cx");
  772. $(".Ly_box").empty();
  773. $(".LY_box").empty();
  774. $(".down").attr("href", path);
  775. $('<audio style="width: 100%;"class=" " src="' + path + '" loop="loop" controls="controls" ></audio>').appendTo(".Ly_box");
  776. $('<a href="' + path + '" class="sc_btn LY "download="' + path + '">下载录音</a>').appendTo(".LY_box");
  777. }
  778. //格式化 工单状态
  779. function formatterState(val) {
  780. //工单状态0待指派,1待处理,2已处理 原来的状态 不用!!!!
  781. // 0新工单待指派,1已指派待接单,2已接单待处理,3已退回待处理,4异常退回待处理,5处理中,10已完结
  782. var stateStr = '-';
  783. var stateClass = '';
  784. switch(val) {
  785. case 0:
  786. stateStr = '待指派';
  787. stateClass = 'audit_wait';
  788. break;
  789. case 1:
  790. stateStr = '待接单';
  791. stateClass = 'audit_refuse';
  792. break;
  793. case 2:
  794. stateStr = '待处理';
  795. stateClass = 'audit_revoke';
  796. break;
  797. case 3:
  798. stateStr = '已退回';
  799. stateClass = 'audit_termination';
  800. break;
  801. case 4:
  802. stateStr = '异常退回';
  803. stateClass = 'audit_termination';
  804. break;
  805. case 5:
  806. stateStr = '处理中';
  807. stateClass = 'audit_doned';
  808. break;
  809. case 10:
  810. stateStr = '已完结';
  811. stateClass = 'audit_done';
  812. break;
  813. default:
  814. break;
  815. }
  816. return '<div class="' + stateClass + '">' + stateStr + '</div>';
  817. }
  818. //格式化 工单有效性
  819. function formatterIsEffective(val) {
  820. var stateStr = '-';
  821. var stateClass = '';
  822. switch(val) { //是否有效工单项(0有效,1无效)
  823. case 0:
  824. stateStr = '有效';
  825. stateClass = 'audit_done';
  826. break;
  827. case 1:
  828. stateStr = '无效';
  829. stateClass = 'audit_revoke';
  830. break;
  831. default:
  832. break;
  833. }
  834. return '<div class="' + stateClass + '">' + stateStr + '</div>';
  835. }
  836. //格式化接收人
  837. function formatterAuditUser(val) {
  838. if(val === "0") {
  839. return '-';
  840. } else {
  841. return val;
  842. }
  843. }
  844. // var yuke;
  845. // var zhjie;
  846. // function typepitu(){
  847. // atypen = $('#order_category').val();
  848. // if(atypen==="预约挂号"){
  849. //
  850. // yuke = $('#order_office').val(); //预约科室
  851. // zhjie = '';//转接科室
  852. //
  853. // }else if(atypen==="预约检查"){
  854. //
  855. // yuke = '';//预约科室
  856. // zhjie = $('#order_strtil').val();//转接科室
  857. // }else if(atypen==="预约床位"){
  858. //
  859. // yuke = $('#order_berth').val(); //预约科室
  860. // zhjie = $('#order_thstr').val(); //转接科室
  861. // }else if(atypen==="预约车辆"){
  862. //
  863. // yuke = $('#order_hicle').val(); //预约科室
  864. // zhjie = '';//转接科室
  865. // }
  866. //
  867. // }
  868. //
  869. //新建工单 保存
  870. function orderSave() {
  871. if(!regexs.userNameReg.test($.trim($('#order_name').val()))) {
  872. layer.confirm('请输入有效的客户姓名(2-20位汉字可以包含·•)!', {
  873. icon: 2,
  874. btn: ['确定']
  875. });
  876. return;
  877. }
  878. $.post(huayi.config.callcenter_url + 'WorkOrderNew/Add', {
  879. // callid: CallID,//string; -此参数可根据来电弹屏时的客户绑定
  880. // customerid: $('#head_form_customer_id').attr('data-cid'),//int 客户id; -此参数可根据来电弹屏时的客户绑定
  881. TypeClass:$('#order_type').find('input[type="radio"]:checked').val(), //反馈类型
  882. CustomerName:$('#order_name').val(), //客户姓名
  883. CustomerTel:$('#order_tel').val(), //客户电话
  884. Gender:$('#order_sexte').find('input[type="radio"]:checked').val(), //性别
  885. Location:$('#order_company').val(), //客户地址
  886. IsOver:$('#order_isover').find('input[type="radio"]:checked').val(), //是否处理
  887. DealContents:$('#order_conduct').val(), //处理内容
  888. Problem:$('#order_reception').val(), //问题描述
  889. Reservation:$('#order_category').val(), //预约类型
  890. IDnumber:$('#order_number').val(), //身份证
  891. Expert:$('#order_expert').val(), //预约专家
  892. IsMedical:$('#order_advice').find('input[type="radio"]:checked').val(), //是否来院就医
  893. Project:$('#order_utilities').val(), //预约项目
  894. AboutcarMan:$('#order_About').val(), //约车人
  895. CarTel:$('#order_lephone').val(), //约车电话
  896. TreatmentAddress:$('#order_ocation').val(), //接诊地址
  897. IsCar:$('#order_chuch').find('input[type="radio"]:checked').val(), //是否出车
  898. Condition:$('#order_Huebig').val(), //患者病情
  899. Department:$('#order_office').val(), //预约科室 1111111111111111111111111111111111111
  900. TranDepartment:$('#order_strtil').val(), //转接科室 222222222222222222222222222
  901. Remarks:$('#order_strative').val(),//备注
  902. AppointmentTime:$('#order_time').val(),//预约时间
  903. DriveoutTime:$('#order_chucetime').val(),//出车时间
  904. ComplaintDepartment:$('#order_Betou').val(), //被投诉科室
  905. ComplaintTarget:$('#order_Betxia').val(), //被投诉对象
  906. IsRelevant:$('#order_xibum').find('input[type="radio"]:checked').val(), //是否转相关部门
  907. token: $.cookie("token")
  908. }, function(result) {
  909. result = $.parseJSON(result);
  910. if(result.state.toLowerCase() === "success") {
  911. cleanOrderForm(); //清空新增工单的数据
  912. $('.ld-service').find('li.KF').trigger('click'); //进入历史工单页面
  913. top.workcount();
  914. layer.msg("保存成功");
  915. }
  916. })
  917. }
  918. //清空新增工单的数据
  919. function cleanOrderForm() {
  920. $('#order_form').find('input.form-control').val('');
  921. $('#order_form').find('textarea.form-control').val('');
  922. $('#order_form').find('select.form-control').val('0');
  923. $('#order_type').find("input[type='radio'][value='107']").prop("checked", true).trigger('change');
  924. $('#order_iseffective').find("input[type='radio'][value='0']").prop("checked", true).trigger('change');
  925. $('#order_transfer_dept').val('').trigger('keyup');
  926. $('#order_transfer_dept').attr('placeholder', '请选择部门');
  927. $('#order_transfer_dept').attr('data-id', 0);
  928. $('#order_receiveUser').selectpicker('destroy');
  929. $('#order_receiveUser').empty();
  930. $('#order_receiveUser').append('<option value="0">请选择接收人</option>');
  931. $('#order_receiveUser').selectpicker('refresh');
  932. $('#order_form').find('.selectpicker.form-control').selectpicker('val', '0').trigger('change');
  933. $('#order_source').selectpicker('val', '468').trigger('change');
  934. $('#order_isover').find("input[type='radio'][value='0']").prop("checked", true);
  935. }
  936. //拉黑 保存
  937. function saveBlack() {
  938. var reg = /^\+?[1-9][0-9]*$/;
  939. var n = $("#time-word").val();
  940. var val = $("input[name='time']:checked").val();
  941. if(n) {
  942. if(!(reg.test(n))) {
  943. layer.confirm('请输入整数时间!', {
  944. btn: ['确定']
  945. });
  946. return;
  947. }
  948. } else {
  949. if(val == '4') {
  950. n = 0;
  951. } else {
  952. layer.confirm('请输入整数时间!', {
  953. btn: ['确定']
  954. });
  955. return;
  956. }
  957. }
  958. $.post(huayi.config.callcenter_url + 'CallInScreen/AddBlack', {
  959. tel: phoneNumber,
  960. num: n,
  961. type: val,
  962. "token": $.cookie("token")
  963. }, function(result) {
  964. result = $.parseJSON(result);
  965. if(result.state.toLowerCase() == "success") {
  966. layer.msg("拉入黑名单成功");
  967. $('.head_black_btn').text('取消');
  968. $('.ldtp-con .hei-list').hide();
  969. $('.la-before').hide();
  970. $('.retur').show();
  971. }
  972. })
  973. }
  974. //取消黑名单
  975. function cancelBlack() {
  976. $.getJSON(huayi.config.callcenter_url + 'CallInScreen/DelBlack', {
  977. tel: phoneNumber,
  978. "token": $.cookie("token")
  979. }, function(result) {
  980. if(result.state.toLowerCase() == "success") {
  981. layer.msg("取消黑名单成功");
  982. $('.head_black_btn').text('黑名单');
  983. $('.retur').hide();
  984. $('.la-before').show();
  985. }
  986. })
  987. }
  988. /**
  989. * 获取接收部门 获取投诉类型
  990. * el1, 树形结构元素id名 reginsTreeView
  991. * el2, 搜索框元素id名 order_transfer_dept
  992. * */
  993. function getDepts(el1, el2) {
  994. //初始化 样式
  995. $('#' + el2).on('focus click', function() {
  996. $('#' + el1).removeClass('hidden').addClass('show');
  997. });
  998. $('#' + el2).on('keyup', function() {
  999. if($(this).val() == '') {
  1000. $('#' + el1).treeview('uncheckAll', {
  1001. silent: true
  1002. });
  1003. $(this).attr('data-id', '0');
  1004. }
  1005. });
  1006. $('#' + el2 + ' .caret').on('click', function() {
  1007. $('#' + el1).removeClass('hidden').addClass('show');
  1008. });
  1009. $('#' + el1).mouseleave(function() {
  1010. $(this).removeClass('show').addClass('hidden');
  1011. });
  1012. $.getJSON(huayi.config.callcenter_url + 'Department/GetDeptList', {
  1013. token: $.cookie("token")
  1014. }, function(result) {
  1015. if(result.state.toLowerCase() == "success") {
  1016. var defaultDatas = helper.methods.buildTree(result.data);
  1017. var sortChildrenArr = helper.methods.objToArray(defaultDatas[0].children);
  1018. sortChildrenArr.sort(helper.methods.compare('sort'));
  1019. var sortChildrenObj = helper.methods.arrayToObj(sortChildrenArr);
  1020. defaultDatas[0].children = sortChildrenObj;
  1021. if(defaultDatas) {
  1022. var $sTree = $('#' + el1).treeview({
  1023. color: "#1ab394",
  1024. selectedBackColor: '#1ab394',
  1025. expandIcon: 'glyphicon glyphicon-chevron-right',
  1026. collapseIcon: 'glyphicon glyphicon-chevron-down',
  1027. nodeIcon: 'fa fa-folder-o',
  1028. //selectedIcon: "glyphicon glyphicon-stop",
  1029. //icon: "glyphicon glyphicon-stop",
  1030. //emptyIcon: 'glyphicon',
  1031. //showCheckbox: true,
  1032. selectable: true,
  1033. state: {
  1034. selected: true
  1035. },
  1036. data: defaultDatas,
  1037. onNodeSelected: function(event, node) {
  1038. $sTree.treeview('clearSearch');
  1039. $('#' + el2).val(node.text);
  1040. $('#' + el2).attr('data-id', node.id);
  1041. $('#' + el1).removeClass('show').addClass('hidden');
  1042. //获取接收人员
  1043. getReceiveUser($('#order_receiveUser'), node.id);
  1044. },
  1045. onNodeUnselected: function(event, node) {
  1046. $('#' + el2).attr('data-id', 0);
  1047. $('#' + el2).attr('placeholder', '请选择接收部门');
  1048. $('#order_receiveUser').empty();
  1049. $('#order_receiveUser').append('<option value="0">请选择接收人</option>');
  1050. $('#order_receiveUser').selectpicker('refresh');
  1051. }
  1052. });
  1053. // $('#' + el1).treeview('collapseAll', {
  1054. // silent: true
  1055. // });
  1056. $('#' + el1).treeview('expandAll', { levels: 2, silent: true });
  1057. var findSNodes = function() {
  1058. return $sTree.treeview('search', [$('#' + el2).val(), {
  1059. ignoreCase: false,
  1060. exactMatch: false
  1061. }]);
  1062. };
  1063. $('#' + el2).on('keyup focus', function(e) {
  1064. var selectableNodes = findSNodes();
  1065. //var m = $('#' + el1).treeview('getParent', selectableNodes);
  1066. //$('#' + el1).treeview('selectNode', [ m, { silent: true } ]);
  1067. });
  1068. }
  1069. }
  1070. })
  1071. }
  1072. //获取接收人员
  1073. function getReceiveUser(obj, deptid) {
  1074. $.ajax({
  1075. url: huayi.config.callcenter_url + 'UserAccount/GetDeptUserList',
  1076. type: 'get',
  1077. data: {
  1078. deptid: deptid,
  1079. token: $.cookie("token")
  1080. },
  1081. dataType: "json",
  1082. async: true,
  1083. success: function(res) {
  1084. obj.empty();
  1085. if(res.state.toLowerCase() === "success") {
  1086. res = res.data;
  1087. if(res && res.length > 0) {
  1088. obj.append('<option value="0">请选择接收人</option>');
  1089. res.forEach(function(v, i) {
  1090. obj.append('<option value="' + v.F_UserId + '" data-code="'+ v.F_UserCode +'">' + v.F_UserName + '('+ v.F_UserCode +')</option>');
  1091. });
  1092. obj.selectpicker('refresh');
  1093. }
  1094. }
  1095. },
  1096. });
  1097. }
  1098. //外呼
  1099. function calloutopt(telphone) {
  1100. event.stopPropagation();
  1101. if(telphone) {
  1102. $.ajax({
  1103. type: "get",
  1104. url: huayi.config.callcenter_url + "CallOutOpt/GetCallOutprefix",
  1105. async: true,
  1106. dataType: 'json',
  1107. data: {
  1108. phone: telphone,
  1109. token: $.cookie("token")
  1110. },
  1111. success: function(result) {
  1112. if(result.state.toLowerCase() === "success") {
  1113. top.obj.Type = "MakeCall";
  1114. top.obj.DestinationNumber = result.data.phone;
  1115. top.obj.Header = result.data.fix;
  1116. top.obj.TaskType = "0"; //0:拨号外呼;1:问卷外呼;
  1117. top.obj.TaskPhoneID = ''; // 原来是 回访的电话工单ID
  1118. top.Send();
  1119. }
  1120. }
  1121. });
  1122. }
  1123. }