安图前端代码

oldHuiFangTask.js 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498
  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. var $tableLeft3 = $('#hfjl');
  15. var token = $.cookie("token");
  16. $(document).ready(function() {
  17. Finish();
  18. // GetSeat();
  19. GetHJJG();
  20. GetKHFL();
  21. GetList();
  22. });
  23. /*通用ajax*/
  24. function Finish() {
  25. //销毁表格
  26. $tableLeft.bootstrapTable('destroy');
  27. //初始化表格,动态从服务器加载数据
  28. $tableLeft.bootstrapTable({
  29. method: "get", //使用get请求到服务器获取数据
  30. url: huayi.config.callcenter_url +"DXTel/GetMyList",
  31. contentType: "application/x-www-form-urlencoded",
  32. striped: true, //表格显示条纹
  33. pagination: true, //启动分页
  34. pageSize: 10, //每页显示的记录数
  35. pageNumber: 1, //当前第几页
  36. pageList: [10, 20, 50, 100], //记录数可选列表
  37. sidePagination: "server", //表示服务端请求
  38. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  39. //设置为limit可以获取limit, offset, search, sort, order
  40. queryParamsType: "undefined",
  41. queryParams: function queryParams(params) { //设置查询参数
  42. var param = {
  43. page: params.pageNumber,
  44. pagesize: params.pageSize,
  45. // hcstate: $("#selhjstate").val(), //呼叫状态
  46. // hfstate: $('#selhfstate').val(), //回访状态
  47. // starttime: $("#startTime").val(),
  48. // endtime: $("#endTime").val(),
  49. // jtstate: $("#seljtstate").val(),
  50. // hjjg: $("#selhjjg").val(),
  51. key: $("#KeyWords").val(),
  52. type:0,
  53. token: token
  54. };
  55. return param;
  56. },
  57. onLoadSuccess: function() { //加载成功时执行
  58. // layer.msg("加载成功");
  59. },
  60. onLoadError: function() { //加载失败时执行
  61. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  62. }
  63. });
  64. }
  65. //分配状态
  66. function GetfpStateName(val) {
  67. var str = '';
  68. switch(val + '') {
  69. case 'false':
  70. str = "未分配";
  71. break;
  72. case 'true':
  73. str = "已分配";
  74. break;
  75. }
  76. return str;
  77. }
  78. //呼叫状态
  79. function GethjStateName(val) {
  80. var str = '';
  81. switch(val + '') {
  82. case 'false':
  83. str = "未呼叫";
  84. break;
  85. case 'true':
  86. str = "已呼叫";
  87. break;
  88. }
  89. return str;
  90. }
  91. function hjStateName(val) {
  92. var str = '';
  93. switch (val + '') {
  94. case 'true':
  95. str = "未呼叫";
  96. break;
  97. case 'false':
  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. function jtStateName(val) {
  117. var str = '';
  118. switch (val + '') {
  119. case 'true':
  120. str = "未接通";
  121. break;
  122. case 'false':
  123. str = "已接通";
  124. break;
  125. }
  126. return str;
  127. }
  128. //回访状态
  129. function GethfStateName(val) {
  130. var str = '';
  131. switch(val + '') {
  132. case '0':
  133. str = "未回访";
  134. break;
  135. case '1':
  136. str = "已回访";
  137. break;
  138. }
  139. return str;
  140. }
  141. //获取客户分类
  142. function GetKHFL() {
  143. $.ajax({
  144. type: "get",
  145. url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
  146. dataType: 'json',
  147. data: {
  148. flag: 'DXHFKHFL',
  149. token: token
  150. },
  151. async: true,
  152. success: function (data) {
  153. var Count = data.data;
  154. for (var i = 0; i < Count.length; i++) {
  155. $("<option value='" + Count[i].F_Name + "'>" + Count[i].F_Name + "</option>").appendTo($("#fenLei"));
  156. }
  157. }
  158. });
  159. }
  160. //通话记录
  161. function TelIDs(val, row) {
  162. return '<div class="looks" onclick= cl(' + row.F_DVoID + ')>查看' +
  163. '</div>'
  164. }
  165. //电话
  166. function CusTelphone(val, row) {
  167. return '<div class="imgs" onclick= ck(' + row.F_DVoID + ')>' +
  168. '<img src="../img/vice.png" />' + val + '' +
  169. '</div>';
  170. }
  171. //序号
  172. function Pai(value, row, index) {
  173. return index + 1;
  174. }
  175. //限制字符串长度
  176. function cutContent(val) {
  177. if(val) {
  178. var str = '<div '
  179. if(val.length > 3) {
  180. str = str + ' title="' + val + '" ';
  181. val = val.substr(0, 3) + "...";
  182. }
  183. return str + '>' + val + '</div>';
  184. } else {
  185. return '';
  186. }
  187. }
  188. //搜索
  189. $(".searchGo").click(function() {
  190. hcstate = $("#selhjstate").val(), //呼叫状态
  191. hfstate = $('#selhfstate').val(), //回访状态
  192. starttime = $("#startTime").val(),
  193. endtime = $("#endTime").val(),
  194. jtstate = $("#seljtstate").val(),
  195. hjjg = $("#selhjjg").val(),
  196. KeyWords = $("#KeyWords").val(),
  197. Finish();
  198. });
  199. //获取呼叫结果
  200. function GetHJJG() {
  201. $.ajax({
  202. type: "get",
  203. url: huayi.config.callcenter_url +"Dictionary/GetDicValueListByFlag",
  204. dataType: 'json',
  205. data: {
  206. flag: 'HJJG',
  207. token: token
  208. },
  209. async: true,
  210. success: function(data) {
  211. var Count = data.data;
  212. // $("<option value=''>--全部--</option>").appendTo($("#selhjjg"));
  213. for(var i = 0; i < Count.length; i++) {
  214. // console.log(Count[i].F_UserName);
  215. // $("<option value='" + Count[i].F_DictionaryValueId + "'>" + Count[i].F_Name + "</option>").appendTo($("#selhjjg"));
  216. $('<li class="radio"><label><input type="radio" name="check" value="' + Count[i].F_DictionaryValueId + '" />'+ Count[i].F_Name + '</label></li>').
  217. appendTo($("#Tgetruset"));
  218. }
  219. }
  220. });
  221. }
  222. //关闭阴影
  223. $(".setwin").click(function() {
  224. $(".shark").hide();
  225. });
  226. //点击弹窗
  227. function ck(str) {
  228. $(".shark").show();
  229. $(".thjl").addClass("yc");
  230. $(".phone_message").removeClass("yc");
  231. $(".phoneid").val(str);
  232. Hvisit();
  233. GetList(str);
  234. }
  235. //通话记录弹屏
  236. function cl(id) {
  237. $(".shark").show();
  238. $(".phone_message").addClass("yc");
  239. $(".thjl").removeClass("yc");
  240. $(".phoneid").val(id);
  241. Thju();
  242. }
  243. //回访详情
  244. function Hvisit(str) {
  245. $.ajax({
  246. type: "get",
  247. url: huayi.config.callcenter_url + "hfOpt/GetInfo",
  248. dataType: 'json',
  249. async: true,
  250. data: {
  251. telid: $(".phoneid").val(),
  252. type:0,
  253. token: token
  254. //回访电话ID
  255. },
  256. success: function(data) {
  257. var content = data.data;
  258. console.log(content);
  259. $("#TelID").val(content.F_DVoID);
  260. $(".CusTelphone").text(content.F_khMobile);//客户手机
  261. $(".CusPhone").text(content.F_khPhone);//客户电话
  262. $(".CusName").text(content.F_Contacts);//联系人
  263. $(".License").text(content.F_License);//系统车牌号
  264. $(".hidlicense").text(content.F_License);//系统车牌号
  265. $(".Brand").text(content.F_brand);//品牌
  266. $(".Models").text(content.F_CarType);//车型
  267. $(".Store").text(content.F_Storefront);//店面
  268. $(".Prodate").text(content.F_LastOutDate);//上次出厂日期
  269. $(".firstCome").text(content.F_FirstInDate);//首次入厂日期
  270. $(".lastCome").text(content.F_LastMileage);//上次入厂里程
  271. $(".taskOrder").text(content.F_WoOrder);//工单
  272. $(".offerMessage").text(content.F_khInfor);//客户提供信息
  273. $(".preLost").text(content.F_PreLoss);//预流失
  274. $(".usePlace").text(content.F_usePlace);//使用地
  275. $(".lostReason").text(content.F_lossReason);//流失原因
  276. $(".handelWay").text(content.F_hanleMode);//处理方式
  277. $(".Years").text(content.F_Years);//年份
  278. $(".Insurance").text(content.F_InsuranceC);//承保公司
  279. $(".insuranceTime").text(content.F_InsuranceDate);//保险到期日
  280. $(".CardDate").text(content.F_CardDate);//办保养卡时间
  281. $(".CardType").text(content.F_CardType);//保养卡类别
  282. $(".CardAmount").text(content.F_CardAmount);//保养卡金额
  283. $(".MaintainUser").text(content.F_MaintainUser);//电销维护人员
  284. $(".ComLocations").text(content.F_ComLocations);//车辆常用地
  285. $(".Grade").text(content.F_Grade);//等级
  286. $(".Reciver").val(content.F_Reciver);//接车员
  287. $(".RepairTimes").val(content.F_RepairTimes);//历史维修次
  288. $(".hjjg_").val(content.F_CallRes);//呼叫结果
  289. }
  290. });
  291. }
  292. //通话记录
  293. function Thju(id) {
  294. //销毁表格
  295. $tableLeft2.bootstrapTable('destroy');
  296. //初始化表格,动态从服务器加载数据
  297. $tableLeft2.bootstrapTable({
  298. method: "get", //使用get请求到服务器获取数据
  299. url: huayi.config.callcenter_url +"DXRecords/GetTelList",
  300. contentType: "application/x-www-form-urlencoded",
  301. striped: true, //表格显示条纹
  302. pagination: true, //启动分页
  303. pageSize: 5, //每页显示的记录数
  304. pageNumber: 1, //当前第几页
  305. pageList: [5, 20, 50, 100], //记录数可选列表
  306. search: false, //是否启用查询
  307. showColumns: false, //显示下拉框勾选要显示的列
  308. showRefresh: false, //显示刷新按钮
  309. sidePagination: "server", //表示服务端请求
  310. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  311. //设置为limit可以获取limit, offset, search, sort, order
  312. queryParamsType: "undefined",
  313. queryParams: function queryParams(params) { //设置查询参数
  314. var param = {
  315. page: params.pageNumber,
  316. pagesize: params.pageSize,
  317. telid: $(".phoneid").val(),
  318. phone: $("#th_phone").val(),
  319. token: token
  320. };
  321. return param;
  322. },
  323. onLoadSuccess: function() { //加载成功时执行
  324. // layer.msg("加载成功");
  325. },
  326. onLoadError: function() { //加载失败时执行
  327. // layer.msg("加载数据失败", { time: 1500, icon: 2 });
  328. }
  329. });
  330. }
  331. //音频
  332. function setCode(val) {
  333. if(val == "") {
  334. return '<div class="imgs vice">' +
  335. '</div>';
  336. } else {
  337. return '<div class="vices" onclick= vice("' + val + '")>' +
  338. '<img src="../img/vice.png" alt="" />' +
  339. '</div>';
  340. }
  341. }
  342. //方向呼出
  343. function callType(val) {
  344. return '<div class="imgs">呼出' +
  345. '</div>';
  346. }
  347. function states(val) {
  348. if(val == 0) {
  349. return '<div class="imgs">未接通' +
  350. '</div>';
  351. } else {
  352. return '<div class="imgs">已接通' +
  353. '</div>';
  354. }
  355. }
  356. //回访
  357. function dealType(val) {
  358. if(val == 1) {
  359. return '<div >已回访' +
  360. '</div>';
  361. } else {
  362. return '<div >' +
  363. '</div>';
  364. }
  365. }
  366. //处理
  367. function isDeal(val) {
  368. if(val == 0) {
  369. return '<div >未处理' +
  370. '</div>';
  371. } else {
  372. return '<div >已处理' +
  373. '</div>';
  374. }
  375. }
  376. //录音
  377. function vice(val) {
  378. Ly = val;
  379. $(".shade_ks").removeClass("yc");
  380. Lys = Ly;
  381. $(".Ly_box").html("");
  382. $('<audio class=" " src="' + Lys + '" loop="loop"></audio>').appendTo(".Ly_box");
  383. audiojs.events.ready(function() {
  384. var as = audiojs.createAll();
  385. });
  386. }
  387. //搜索
  388. $(".thjl_s").click(function() {
  389. phone = $("#th_phone").val();
  390. Thju();
  391. })
  392. //
  393. $(".setwins").click(function() {
  394. $(".shade_ks").addClass("yc");
  395. })
  396. //提交表单
  397. $("#Submit").click(function() {
  398. Submit();
  399. });
  400. //回访数据提交
  401. function Submit() {
  402. $.ajax({
  403. type: "get",
  404. url: huayi.config.callcenter_url +"hfOpt/AddInfo",
  405. dataType: 'json',
  406. async: true,
  407. data: {
  408. token: token,
  409. id: $(".phoneid").val(),
  410. phone: $(".CusTelphone").text(),
  411. resid: $('#Tgetruset input[name="check"]:checked ').val(),//呼叫结果id
  412. //visis: $("#sfcg").val(), //是否成功
  413. vistype:$('#fenLei').val(),//分类
  414. viscontent: $(".hfnrs").val(), //回访内容
  415. type: 0,
  416. callcode: $("#TelCode").val()
  417. },
  418. success: function(data) {
  419. if(data.state == "success") {
  420. $(".shark").hide();
  421. $(".phone_message").addClass("yc");
  422. layer.msg("提交成功");
  423. Clean();
  424. Finish();
  425. }
  426. }
  427. });
  428. }
  429. //清楚
  430. function Clean() {
  431. // $(".hfjgs").val(''); //回访结果
  432. // $(".hfnrs").val(''); //回访内容
  433. // $(".sfcg").val(''); //是否成功
  434. // $(".bz").val('');
  435. // $(".jb").val('');
  436. // $(".hjs").val('');
  437. // $(".zjs").val('');
  438. // $(".zj").val('');
  439. // $(".bznr").val('');
  440. //$(".sfcg").val(''); //是否成功
  441. //$('.fenLei').val('');//分类
  442. $(".hfnrs").val(''); //回访内容
  443. }
  444. //回访记录
  445. function GetList(str){
  446. //销毁表格
  447. $tableLeft3.bootstrapTable('destroy');
  448. //初始化表格,动态从服务器加载数据
  449. $tableLeft3.bootstrapTable({
  450. method: "get", //使用get请求到服务器获取数据
  451. url: huayi.config.callcenter_url+"DXRecords/GetList",
  452. contentType: "application/x-www-form-urlencoded",
  453. striped: true, //表格显示条纹
  454. pagination: true, //启动分页
  455. pageSize: 5, //每页显示的记录数
  456. pageNumber: 1, //当前第几页
  457. pageList: [5, 20, 50, 100], //记录数可选列表
  458. sidePagination: "server", //表示服务端请求
  459. fixedColumns: true,
  460. fixedNumber: 5,
  461. queryParamsType: "undefined",
  462. queryParams: function queryParams(params) { //设置查询参数
  463. var param = {
  464. page: params.pageNumber,
  465. //telid: $(".phoneid").val(),
  466. license: $(".hidlicense").val(),
  467. type:0,
  468. token: token
  469. };
  470. return param;
  471. },
  472. onLoadSuccess: function(data) { //加载成功时执行
  473. // layer.msg("加载成功");
  474. console.log(data);
  475. },
  476. onLoadError: function() { //加载失败时执行
  477. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  478. }
  479. });
  480. }