中鑫之宝5.0前端

MyVisitTask.js 14KB

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