中鑫之宝5.0前端

visitlistresult.js 18KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650
  1. var KeyWords = $("#KeyWords").val();
  2. var starttime = $("#startTime").val();
  3. var endtime = $("#endTime").val();
  4. var userid = $("#selusers").val();
  5. var fpstate = $("#selfpstate").val();
  6. var hcstate = $("#selhjstate").val();
  7. var hfstate = $("#selhfstate").val();
  8. var jtstate = $("#seljtstate").val();
  9. var hjjg = $("#selhjjg").val();
  10. var TelID;
  11. var phone;
  12. var Ly;
  13. var Lys;
  14. var $tableLeft = $('#tbResult');
  15. var $tableLeft1 = $('#Result');
  16. var $tableLeft2 = $('#thjl_tabs');
  17. var token = $.cookie("token");
  18. var IDs='';
  19. $(document).ready(function() {
  20. Finish();
  21. GetSeat();
  22. //GetHJJG();
  23. GetWTKHFL();
  24. });
  25. /*通用ajax*/
  26. function Finish() {
  27. //销毁表格
  28. $tableLeft.bootstrapTable('destroy');
  29. //初始化表格,动态从服务器加载数据
  30. $tableLeft.bootstrapTable({
  31. method: "get", //使用get请求到服务器获取数据
  32. url: huayi.config.callcenter_url + "VisitTelphone/GetResultList",
  33. // url: "huifang.json",
  34. striped: true, //表格显示条纹
  35. pagination: true, //启动分页
  36. pageSize: 8, //每页显示的记录数
  37. pageNumber: 1, //当前第几页
  38. pageList: [5, 20, 50, 100], //记录数可选列表
  39. search: false, //是否启用查询
  40. showColumns: false, //显示下拉框勾选要显示的列
  41. showRefresh: false, //显示刷新按钮
  42. sidePagination: "server", //表示服务端请求
  43. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  44. //设置为limit可以获取limit, offset, search, sort, order
  45. queryParamsType: "undefined",
  46. queryParams: function queryParams(params) { //设置查询参数
  47. var param = {
  48. page: params.pageNumber,
  49. pagesize: params.pageSize,
  50. key: $("#KeyWords").val(),
  51. token: token,
  52. userid: $("#selusers").val(),
  53. fpstate: $("#selfpstate").val(),
  54. hcstate: $("#selhjstate").val(),
  55. hfstate: $("#selhfstate").val(),
  56. starttime: $("#startTime").val(),
  57. endtime: $("#endTime").val(),
  58. jtstate: $("#seljtstate").val(),
  59. hjjg: $("#selhjjg").val(),
  60. prosdate: $("#prosTime").val(),
  61. proedate: $("#proeTime").val(),
  62. qtype: $("#wtkhfl").val(),
  63. brand: $("#brands").val(),
  64. store: $("#OPID").val(),
  65. hfclfs: $("#expan2").val(),
  66. };
  67. return param;
  68. },
  69. onLoadSuccess: function() { //加载成功时执行
  70. // layer.msg("加载成功");
  71. },
  72. onLoadError: function() { //加载失败时执行
  73. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  74. }
  75. });
  76. }
  77. //分配状态
  78. function GetfpStateName(val) {
  79. var str = '';
  80. switch(val + '') {
  81. case 'false':
  82. str = "未分配";
  83. break;
  84. case 'true':
  85. str = "已分配";
  86. break;
  87. }
  88. return str;
  89. }
  90. //呼叫状态
  91. function GethjStateName(val) {
  92. var str = '';
  93. switch(val + '') {
  94. case 'false':
  95. str = "未呼叫";
  96. break;
  97. case 'true':
  98. str = "已呼叫";
  99. break;
  100. }
  101. return str;
  102. }
  103. //接通状态
  104. function GetjtStateName(val) {
  105. var str = '';
  106. switch(val + '') {
  107. case 'false':
  108. str = "未接通";
  109. break;
  110. case 'true':
  111. str = "已接通";
  112. break;
  113. }
  114. return str;
  115. }
  116. //回访状态
  117. function GethfStateName(val) {
  118. var str = '';
  119. switch(val + '') {
  120. case 'false':
  121. str = "未回访";
  122. break;
  123. case 'true':
  124. str = "已回访";
  125. break;
  126. }
  127. return str;
  128. }
  129. //通话记录
  130. function TelIDs(val, row) {
  131. return '<div class="looks" onclick= cl(' + row.F_TelID + ')>查看' +
  132. '</div>'
  133. }
  134. //电话
  135. function CusTelphone(val, row) {
  136. return '<div class="imgs" onclick= ck(' + row.F_TelID + ')>' +
  137. '<img src="../img/vice.png" />' + val + '' +
  138. '</div>';
  139. }
  140. //序号
  141. function Pai(value, row, index) {
  142. return index + 1;
  143. }
  144. //限制字符串长度
  145. function cutContent(val) {
  146. if(val) {
  147. var str = '<div '
  148. if(val.length > 10) {
  149. str = str + ' title="' + val + '" ';
  150. val = val.substr(0, 10) + "...";
  151. }
  152. return str + '>' + val + '</div>';
  153. } else {
  154. return '';
  155. }
  156. }
  157. //搜索
  158. $(".searchGo").click(function() {
  159. Finish();
  160. IDs='';
  161. });
  162. //获取坐席列表
  163. function GetSeat() {
  164. $.ajax({
  165. type: "get",
  166. url: huayi.config.callcenter_url + "UserAccount/GetSeatList",
  167. dataType: 'json',
  168. async: true,
  169. data: {
  170. token: token
  171. },
  172. success: function(data) {
  173. var Count = data.data;
  174. $("<option value=''>--全部--</option>").appendTo($("#selusers"));
  175. for(var i = 0; i < Count.length; i++) {
  176. //console.log(Count[i].F_UserName);
  177. $("<option value='" + Count[i].F_UserId + "'>" + Count[i].F_UserName + "</option>").appendTo($("#selusers"));
  178. }
  179. }
  180. });
  181. }
  182. //获取呼叫结果
  183. function GetHJJG() {
  184. $.ajax({
  185. type: "get",
  186. url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
  187. dataType: 'json',
  188. data: {
  189. flag: 'HJJG',
  190. token: token
  191. },
  192. async: true,
  193. success: function(data) {
  194. var Count = data.data;
  195. $("<option value=''>--全部--</option>").appendTo($("#selhjjg"));
  196. for(var i = 0; i < Count.length; i++) {
  197. console.log(Count[i].F_UserName);
  198. $("<option value='" + Count[i].F_DictionaryValueId + "'>" + Count[i].F_Name + "</option>").appendTo($("#selhjjg"));
  199. //$("<li><label for=''><input type='radio' name='check' value='" + Count[i].F_DictionaryValueId + "' /></label>" + Count[i].F_Name + "</li>").appendTo($("#Tgetruset"));
  200. }
  201. }
  202. });
  203. }
  204. //获取问题客户分类
  205. function GetWTKHFL() {
  206. $.ajax({
  207. type: "get",
  208. url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
  209. dataType: 'json',
  210. data: {
  211. flag: 'WTKHFL',
  212. token: token
  213. },
  214. async: true,
  215. success: function (data) {
  216. var Count = data.data;
  217. $("<option value=''>--全部--</option>").appendTo($("#wtkhfl"));
  218. $("<option value=''></option>").appendTo($("#QfenLei"));
  219. for (var i = 0; i < Count.length; i++) {
  220. //console.log(Count[i].F_UserName);
  221. $("<option value='" + Count[i].F_DictionaryValueId + "'>" + Count[i].F_Name + "</option>").appendTo($("#wtkhfl"));
  222. $("<option value='" + Count[i].F_DictionaryValueId + "'>" + Count[i].F_Name + "</option>").appendTo($("#QfenLei"));
  223. }
  224. }
  225. });
  226. }
  227. //关闭阴影
  228. $(".setwin").click(function() {
  229. $(".shark").hide();
  230. });
  231. //点击弹窗
  232. function ck(str) {
  233. // $(".shark").show();
  234. // $(".thjl").addClass("yc");
  235. // $(".phone_message").removeClass("yc");
  236. // $(".phoneid").val(str);
  237. // Hvisit();
  238. // Hfjl();console.log(str);
  239. layer.open({
  240. type: 2,
  241. content: "../visit/Commones.html?ran=" + Math.random() + "&ty=0&strs=" + str, //iframe的url,no代表不显示滚动条
  242. title: '详情',
  243. area: ['65%', '75%'], //宽高
  244. });
  245. }
  246. //通话记录弹屏
  247. function cl(id) {
  248. $(".shark").show();
  249. $(".phone_message").addClass("yc");
  250. $(".thjl").removeClass("yc");
  251. $(".phoneid").val(id);
  252. Thju();
  253. }
  254. ////点击每行获取详情
  255. //$('#tbResult').on("click-row.bs.table", function(e, row, ele) {
  256. // TelID = row.F_TelID;
  257. // console.log(TelID);
  258. // Hvisit(TelID);
  259. // Hfjl(TelID);
  260. // Thju(TelID);
  261. //});
  262. //回访详情
  263. function Hvisit() {
  264. $.ajax({
  265. type: "get",
  266. url: huayi.config.callcenter_url + "/VisithfOpt/GetInfo",
  267. //url: "js/hfxq.json",
  268. dataType: 'json',
  269. async: true,
  270. data: {
  271. token: token,
  272. telid: $(".phoneid").val() //回访电话ID
  273. },
  274. success: function(data) {
  275. var content = data.data;
  276. console.log(content);
  277. $(".CusTelphone").text(content.F_CusTelphone);
  278. $(".CusPhone").text(content.F_CusPhone);
  279. $(".CusName").text(content.F_CusName);
  280. $(".License").text(content.F_License);
  281. $(".Store").text(content.F_Store);
  282. $(".Prodate").text(content.F_Prodate);
  283. $(".Brand").text(content.F_Brand);
  284. $(".Models").text(content.F_Models);
  285. $(".RepType").text(content.F_RepType);
  286. $(".RepItem").text(content.F_RepItem);
  287. $(".Elect").text(content.F_Elect);
  288. $(".Sheetmetal").text(content.F_Sheetmetal);
  289. $(".Paint").text(content.F_Paint);
  290. $(".RepUser").text(content.F_RepUser);
  291. $(".NewCus").text(content.F_NewCus);
  292. $(".Remark").text(content.F_Remark);
  293. $(".Reciver").text(content.F_Reciver);
  294. $(".RScore").text(content.F_RScore);
  295. $(".TheTeam").text(content.F_TheTeam);
  296. $(".TScore").text(content.F_TScore);
  297. $(".RingS").text(content.F_RingS);
  298. $(".WoNumber").text(content.F_WoNumber);
  299. $(".TotalS").text(content.F_TotalS);
  300. $(".VisResult").text(content.F_VisResult);
  301. $(".VisIS").text(content.F_VisIS);
  302. $(".VisInfo").val(content.F_VisInfo);
  303. $(".phoneid").val(content.F_TelID);
  304. $(".hjjg_").val(content.F_CallRes);
  305. $(".QuestionType").text(content.F_QuestionType);
  306. }
  307. });
  308. }
  309. //回访记录列表
  310. function Hfjl(id) {
  311. //销毁表格
  312. $tableLeft1.bootstrapTable('destroy');
  313. //初始化表格,动态从服务器加载数据
  314. $tableLeft1.bootstrapTable({
  315. method: "get", //使用get请求到服务器获取数据
  316. url: huayi.config.callcenter_url + "VisitRecords/GetList",
  317. //url: "js/hflb.json",
  318. striped: true, //表格显示条纹
  319. pagination: true, //启动分页
  320. pageSize: 5, //每页显示的记录数
  321. pageNumber: 1, //当前第几页
  322. pageList: [10, 20, 50, 100], //记录数可选列表
  323. search: false, //是否启用查询
  324. showColumns: false, //显示下拉框勾选要显示的列
  325. showRefresh: false, //显示刷新按钮
  326. sidePagination: "server", //表示服务端请求
  327. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  328. //设置为limit可以获取limit, offset, search, sort, order
  329. queryParamsType: "undefined",
  330. queryParams: function queryParams(params) { //设置查询参数
  331. var param = {
  332. page: params.pageNumber,
  333. pagesize: params.pageSize,
  334. token: token,
  335. telid: $(".phoneid").val()
  336. };
  337. return param;
  338. },
  339. onLoadSuccess: function() { //加载成功时执行
  340. // layer.msg("加载成功");
  341. },
  342. onLoadError: function() { //加载失败时执行
  343. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  344. }
  345. });
  346. }
  347. //呼叫状态
  348. function Iscall(val) {
  349. var str = '';
  350. switch(val + '') {
  351. case '0':
  352. str = "未呼叫";
  353. break;
  354. case '1':
  355. str = "已呼叫";
  356. break;
  357. }
  358. return str;
  359. }
  360. //接通状态
  361. function Iscallres(val) {
  362. var str = '';
  363. switch(val + '') {
  364. case '0':
  365. str = "未接通";
  366. break;
  367. case '1':
  368. str = "已接通";
  369. break;
  370. }
  371. return str;
  372. }
  373. //回访状态
  374. function Hfstate(val) {
  375. var str = '';
  376. switch(val + '') {
  377. case '0':
  378. str = "未回访";
  379. break;
  380. case '1':
  381. str = "已回访";
  382. break;
  383. }
  384. return str;
  385. }
  386. //通话记录
  387. function Thju(id) {
  388. //销毁表格
  389. $tableLeft2.bootstrapTable('destroy');
  390. //初始化表格,动态从服务器加载数据
  391. $tableLeft2.bootstrapTable({
  392. method: "get", //使用get请求到服务器获取数据
  393. url: huayi.config.callcenter_url + "VisitRecords/GetTelList",
  394. //url: "js/thjl.json",
  395. striped: true, //表格显示条纹
  396. pagination: true, //启动分页
  397. pageSize: 5, //每页显示的记录数
  398. pageNumber: 1, //当前第几页
  399. pageList: [10, 20, 50, 100], //记录数可选列表
  400. search: false, //是否启用查询
  401. showColumns: false, //显示下拉框勾选要显示的列
  402. showRefresh: false, //显示刷新按钮
  403. sidePagination: "server", //表示服务端请求
  404. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  405. //设置为limit可以获取limit, offset, search, sort, order
  406. queryParamsType: "undefined",
  407. queryParams: function queryParams(params) { //设置查询参数
  408. var param = {
  409. page: params.pageNumber,
  410. pagesize: params.pageSize,
  411. telid: $(".phoneid").val(),
  412. phone: $("#th_phone").val(),
  413. token: token,
  414. };
  415. return param;
  416. },
  417. onLoadSuccess: function() { //加载成功时执行
  418. // layer.msg("加载成功");
  419. },
  420. onLoadError: function() { //加载失败时执行
  421. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  422. }
  423. });
  424. }
  425. //音频
  426. function setCode(val) {
  427. if(val == "") {
  428. return '<div class="imgs vice">' +
  429. '</div>';
  430. } else {
  431. return '<div class="vices" onclick= vice("' + val + '")>' +
  432. '<img src="../img/vice.png" alt="" />' +
  433. '</div>';
  434. }
  435. }
  436. //方向呼出
  437. function callType(val) {
  438. return '<div class="imgs">呼出' +
  439. '</div>';
  440. }
  441. function states(val) {
  442. if(val == 0) {
  443. return '<div class="imgs">未接通' +
  444. '</div>';
  445. } else {
  446. return '<div class="imgs">已接通' +
  447. '</div>';
  448. }
  449. }
  450. //回访
  451. function dealType(val) {
  452. if(val == 1) {
  453. return '<div >已回访' +
  454. '</div>';
  455. } else {
  456. return '<div >' +
  457. '</div>';
  458. }
  459. }
  460. //处理
  461. function isDeal(val) {
  462. if(val == 0) {
  463. return '<div >未处理' +
  464. '</div>';
  465. } else {
  466. return '<div >已处理' +
  467. '</div>';
  468. }
  469. }
  470. //录音
  471. function vice(val) {
  472. Ly = val;
  473. console.log(val);
  474. $(".shade_ks").removeClass("yc");
  475. Lys = Ly;
  476. $(".Ly_box").html("");
  477. $('<audio style="width: 100%;" src="' + Lys + '" loop="loop" controls="controls"></audio>').appendTo(".Ly_box");
  478. $('<a href="'+ Lys +'" class="sc_btn LY" download="'+ Lys +'">下载录音</a>').appendTo(".LY_box");
  479. // audiojs.events.ready(function() {
  480. // debugger;
  481. // var as = audiojs.createAll();
  482. // });
  483. }
  484. //搜索
  485. $(".thjl_s").click(function() {
  486. phone = $("#th_phone").val();
  487. Thju();
  488. })
  489. /*获取选中行对象*/
  490. $('#tbResult').on("click-row.bs.table", function(e, row, ele) {
  491. $('.success').removeClass('success'); //去除之前选中的行的,选中样式
  492. IDs=row.F_TelID;
  493. //console.log(IDs);
  494. $(ele).addClass('success'); //添加当前选中的 success样式用于区别
  495. });
  496. //重新编辑
  497. $(".Cxbianji").click(function(){
  498. if (IDs) {
  499. //$('.BianJI').show();
  500. //Hvisit1();
  501. layer.open({
  502. type: 2,
  503. content: "../visit/Commone.html?ran=" + Math.random() + "&strs=" + IDs, //iframe的url,no代表不显示滚动条
  504. title: '详情',
  505. area: ['65%', '75%'], //宽高
  506. });
  507. } else {
  508. layer.confirm('请选择行!', {
  509. btn: ['确定']
  510. });
  511. return;
  512. }
  513. })
  514. //回访详情
  515. function Hvisit1() {
  516. $.ajax({
  517. type: "get",
  518. url: huayi.config.callcenter_url + "/VisithfOpt/GetInfo",
  519. //url: "js/hfxq.json",
  520. dataType: 'json',
  521. async: true,
  522. data: {
  523. token: token,
  524. telid: IDs //回访电话ID
  525. },
  526. success: function (data) {
  527. var content = data.data;
  528. console.log(content);
  529. $(".CusTelphone").text(content.F_CusTelphone);
  530. $(".CusPhone").text(content.F_CusPhone);
  531. $(".CusName").text(content.F_CusName);
  532. $(".License").text(content.F_License);
  533. $(".Store").text(content.F_Store);
  534. $(".Prodate").text(content.F_Prodate);
  535. $(".Brand").text(content.F_Brand);
  536. $(".Models").text(content.F_Models);
  537. $(".RepType").text(content.F_RepType);
  538. $(".RepItem").text(content.F_RepItem);
  539. $(".Elect").text(content.F_Elect);
  540. $(".Sheetmetal").text(content.F_Sheetmetal);
  541. $(".Paint").text(content.F_Paint);
  542. $(".RepUser").text(content.F_RepUser);
  543. $(".NewCus").text(content.F_NewCus);
  544. $(".Remark").text(content.F_Remark);
  545. $(".Reciver").text(content.F_Reciver);
  546. $(".RScore").text(content.F_RScore);
  547. $(".TheTeam").text(content.F_TheTeam);
  548. $(".TScore").text(content.F_TScore);
  549. $(".RingS").text(content.F_RingS);
  550. $(".WoNumber").text(content.F_WoNumber);
  551. $(".TotalS").text(content.F_TotalS);
  552. $(".VisResult").text(content.F_VisResult);
  553. $(".VisIS").text(content.F_VisIS);
  554. $(".VisInfo").val(content.F_VisInfo);
  555. $(".phoneid").val(content.F_TelID);
  556. $(".hjjg_").val(content.F_CallRes);
  557. $(".QuestionType").text(content.F_QuestionType);
  558. }
  559. });
  560. }
  561. $(".setwins").click(function() {
  562. $(".shade_ks").addClass("yc");
  563. })
  564. //导出
  565. $('.export').click(function() {
  566. dcexcel(this);
  567. })
  568. function dcexcel(obj) {
  569. var url = huayi.config.callcenter_url + "VisitTelphone/GetResultExpt?token=" + token;
  570. url += "&key=" + $("#KeyWords").val() +
  571. "&userid=" + $("#selusers").val() +
  572. "&fpstate=" + $("#selfpstate").val() +
  573. "&starttime=" + $("#startTime").val() +
  574. "&endtime=" + $("#endTime").val() +
  575. "&prosdate=" + $("#prosTime").val() +
  576. "&proedate=" + $("#proeTime").val() +
  577. "&qtype=" + $("#wtkhfl").val()+
  578. "&brand=" + $("#brands").val() +
  579. "&store=" + $("#OPID").val() +
  580. "&hfclfs=" + $("#expan2").val() + "&type=0";
  581. obj.href = url;
  582. }
  583. //提交表单
  584. $("#Submit").click(function () {
  585. $.ajax({
  586. type: "get",
  587. url: huayi.config.callcenter_url + "VisithfOpt/AddInfo",
  588. dataType: 'json',
  589. async: true,
  590. data: {
  591. id: $(".phoneid").val(),
  592. phone: $(".CusTelphone").text(),
  593. //resid: $('#Tgetruset input[name="check"]:checked ').val(),
  594. hfjg: $(".hfjgs").val(), //回访结果
  595. hfinfo: $(".hfnrs").val(), //回访内容
  596. visis: $(".sfcg").val(), //是否成功
  597. bzscore: $(".bz").val(),
  598. jcyscore: $(".jb").val(),
  599. hjscore: $(".hjs").val(),
  600. ztscore: $(".zjs").val(),
  601. score: $(".zj").val(),
  602. remark: $(".bznr").val(),
  603. qid: $('#QfenLei').val(),
  604. expan1: $("#expan1").val(),
  605. expan2: $("#expan2").val(),
  606. token: token
  607. },
  608. success: function (data) {
  609. if (data.state == "success") {
  610. $(".shark").hide();
  611. $(".phone_message").addClass("yc");
  612. layer.msg("提交成功");
  613. Clean();
  614. Finish();
  615. }
  616. }
  617. });
  618. })
  619. //清楚
  620. function Clean() {
  621. $(".hfjgs").val(''); //回访结果
  622. $(".hfnrs").val(''); //回访内容
  623. $(".sfcg").val(''); //是否成功
  624. $(".bz").val('');
  625. $(".jb").val('');
  626. $(".hjs").val('');
  627. $(".zjs").val('');
  628. $(".zj").val('');
  629. $(".bznr").val('');
  630. }