IM12345_Web demo - 代码源于 商丘市12345项目

myvisitlistreult.js 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481
  1. var KeyWords = $("#KeyWords").val();
  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. //表格提交变量
  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 remarks;
  27. var token = $.cookie("token");
  28. $(document).ready(function() {
  29. Finish();
  30. GetHJJG();
  31. GetWTKHFL();
  32. });
  33. /*通用ajax*/
  34. function Finish() {
  35. //销毁表格
  36. $tableLeft.bootstrapTable('destroy');
  37. //初始化表格,动态从服务器加载数据
  38. $tableLeft.bootstrapTable({
  39. method: "get", //使用get请求到服务器获取数据
  40. //url: huayi.config.callcenter_url + "VisitTelphone/GetMyList",
  41. url: huayi.config.callcenter_url + "VisitTelphone/GetMyResultList",
  42. striped: true, //表格显示条纹
  43. pagination: true, //启动分页
  44. pageSize: 8, //每页显示的记录数
  45. pageNumber: 1, //当前第几页
  46. pageList: [5, 20, 50, 100], //记录数可选列表
  47. sidePagination: "server", //表示服务端请求
  48. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  49. //设置为limit可以获取limit, offset, search, sort, order
  50. queryParamsType: "undefined",
  51. queryParams: function queryParams(params) { //设置查询参数
  52. var param = {
  53. page: params.pageNumber,
  54. pagesize: params.pageSize,
  55. hcstate: $("#selhjstate").val(), //呼叫状态
  56. hfstate: $('#selhfstate').val(), //回访状态
  57. starttime: $("#startTime").val(),
  58. endtime: $("#endTime").val(),
  59. jtstate: $("#seljtstate").val(),
  60. hjjg: $("#selhjjg").val(),
  61. key: $("#KeyWords").val(),
  62. prosdate: $("#prosTime").val(),
  63. proedate: $("#proeTime").val(),
  64. qtype: $("#wtkhfl").val(),
  65. token: token
  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) {
  131. return '<div class="looks" onclick= cl(' + val + ')>查看' +
  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 > 3) {
  149. str = str + ' title="' + val + '" ';
  150. val = val.substr(0, 3) + "...";
  151. }
  152. return str + '>' + val + '</div>';
  153. } else {
  154. return '';
  155. }
  156. }
  157. //搜索
  158. $(".searchGo").click(function() {
  159. Finish();
  160. });
  161. //获取呼叫结果
  162. function GetHJJG() {
  163. $.ajax({
  164. type: "get",
  165. url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
  166. dataType: 'json',
  167. data:{flag:'HJJG'},
  168. async: true,
  169. success: function (data) {
  170. var Count = data.data;
  171. $("<option value=''>--全部--</option>").appendTo($("#selhjjg"));
  172. for (var i = 0; i < Count.length; i++) {
  173. console.log(Count[i].F_UserName);
  174. $("<option value='" + Count[i].F_DictionaryValueId + "'>" + Count[i].F_Name + "</option>").appendTo($("#selhjjg"));
  175. }
  176. }
  177. });
  178. }
  179. //获取问题客户分类
  180. function GetWTKHFL() {
  181. $.ajax({
  182. type: "get",
  183. url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
  184. dataType: 'json',
  185. data: {
  186. flag: 'WTKHFL',
  187. token: token
  188. },
  189. async: true,
  190. success: function (data) {
  191. var Count = data.data;
  192. $("<option value=''>--全部--</option>").appendTo($("#wtkhfl"));
  193. for (var i = 0; i < Count.length; i++) {
  194. console.log(Count[i].F_UserName);
  195. $("<option value='" + Count[i].F_DictionaryValueId + "'>" + Count[i].F_Name + "</option>").appendTo($("#wtkhfl"));
  196. }
  197. }
  198. });
  199. }
  200. //关闭阴影
  201. $(".setwin").click(function() {
  202. $(".shark").hide();
  203. });
  204. //点击弹窗
  205. function ck(str) {
  206. $(".shark").show();
  207. $(".thjl").addClass("yc");
  208. $(".phone_message").removeClass("yc");
  209. $(".phoneid").val(str);
  210. Hvisit();
  211. GetList();
  212. }
  213. //通话记录弹屏
  214. function cl(id) {
  215. $(".shark").show();
  216. $(".phone_message").addClass("yc");
  217. $(".thjl").removeClass("yc");
  218. $(".phoneid").val(id);
  219. Thju();
  220. }
  221. ////点击每行获取详情
  222. //$('#tbResult').on("click-row.bs.table", function(e, row, ele) {
  223. // TelID = row.F_TelID;
  224. // console.log(TelID);
  225. // Hvisit(TelID);
  226. // Thju(TelID);
  227. // $(".phoneid").val(TelID);
  228. //});
  229. //回访详情
  230. function Hvisit(str) {
  231. $.ajax({
  232. type: "get",
  233. //url: huayi.config.callcenter_url + "/VisithfOpt/GetInfo",
  234. url: huayi.config.callcenter_url + "VisithfOpt/GetInfo",
  235. dataType: 'json',
  236. async: true,
  237. data: {
  238. telid: $(".phoneid").val(),
  239. token: token
  240. //回访电话ID
  241. },
  242. success: function(data) {
  243. var content = data.data;
  244. console.log(content);
  245. $(".CusTelphone").text(content.F_CusTelphone);
  246. $(".CusPhone").text(content.F_CusPhone);
  247. $(".CusName").text(content.F_CusName);
  248. $(".License").text(content.F_License);
  249. $(".Store").text(content.F_Store);
  250. $(".Prodate").text(content.F_Prodate);
  251. $(".Brand").text(content.F_Brand);
  252. $(".Models").text(content.F_Models);
  253. $(".RepType").text(content.F_RepType);
  254. $(".RepItem").text(content.F_RepItem);
  255. $(".Elect").text(content.F_Elect);
  256. $(".Sheetmetal").text(content.F_Sheetmetal);
  257. $(".Paint").text(content.F_Paint);
  258. $(".RepUser").text(content.F_RepUser);
  259. $(".NewCus").text(content.F_NewCus);
  260. $(".Remark").text(content.F_Remark);
  261. $(".Reciver").text(content.F_Reciver);
  262. $(".RScore").text(content.F_RScore);
  263. $(".TheTeam").text(content.F_TheTeam);
  264. $(".TScore").text(content.F_TScore);
  265. $(".RingS").text(content.F_RingS);
  266. $(".WoNumber").text(content.F_WoNumber);
  267. $(".TotalS").text(content.F_TotalS);
  268. $(".VisResult").text(content.F_VisResult);
  269. $(".VisIS").text(content.F_VisIS);
  270. $(".VisInfo").val(content.F_VisInfo);
  271. $(".phoneid").val(content.F_TelID);
  272. $(".hjjg_").val(content.F_CallRes);
  273. $(".QuestionType").text(content.F_QuestionType);
  274. }
  275. });
  276. }
  277. //通话记录
  278. function Thju(id) {
  279. //销毁表格
  280. $tableLeft2.bootstrapTable('destroy');
  281. //初始化表格,动态从服务器加载数据
  282. $tableLeft2.bootstrapTable({
  283. method: "get", //使用get请求到服务器获取数据
  284. url: huayi.config.callcenter_url + "VisitRecords/GetTelList",
  285. // url: "http://117.158.196.116:8878/VisitRecords/GetTelList",
  286. striped: true, //表格显示条纹
  287. pagination: true, //启动分页
  288. pageSize: 1, //每页显示的记录数
  289. pageNumber: 1, //当前第几页
  290. pageList: [10, 20, 50, 100], //记录数可选列表
  291. search: false, //是否启用查询
  292. showColumns: false, //显示下拉框勾选要显示的列
  293. showRefresh: false, //显示刷新按钮
  294. sidePagination: "server", //表示服务端请求
  295. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  296. //设置为limit可以获取limit, offset, search, sort, order
  297. queryParamsType: "undefined",
  298. queryParams: function queryParams(params) { //设置查询参数
  299. var param = {
  300. page: params.pageNumber,
  301. pagesize: params.pageSize,
  302. telid: $(".phoneid").val(),
  303. phone: $("#th_phone").val(),
  304. token: token
  305. };
  306. return param;
  307. },
  308. onLoadSuccess: function() { //加载成功时执行
  309. // layer.msg("加载成功");
  310. },
  311. onLoadError: function() { //加载失败时执行
  312. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  313. }
  314. });
  315. }
  316. //音频
  317. function setCode(val) {
  318. if(val == "") {
  319. return '<div class="imgs vice">' +
  320. '</div>';
  321. } else {
  322. return '<div class="vices" onclick= vice("' + val + '")>' +
  323. '<img src="../img/vice.png" alt="" />' +
  324. '</div>';
  325. }
  326. }
  327. //方向呼出
  328. function callType(val) {
  329. return '<div class="imgs">呼出' +
  330. '</div>';
  331. }
  332. function states(val) {
  333. if(val == 0) {
  334. return '<div class="imgs">未接通' +
  335. '</div>';
  336. } else {
  337. return '<div class="imgs">已接通' +
  338. '</div>';
  339. }
  340. }
  341. //回访
  342. function dealType(val) {
  343. if(val == 1) {
  344. return '<div >已回访' +
  345. '</div>';
  346. } else {
  347. return '<div >未回访' +
  348. '</div>';
  349. }
  350. }
  351. //处理
  352. function isDeal(val) {
  353. if(val == 0) {
  354. return '<div >未处理' +
  355. '</div>';
  356. } else {
  357. return '<div >已处理' +
  358. '</div>';
  359. }
  360. }
  361. //录音
  362. function vice(val) {
  363. Ly = val;
  364. $(".shade_ks").removeClass("yc");
  365. Lys = Ly;
  366. $(".Ly_box").html("");
  367. $(".LY_box").empty();
  368. $('<audio style="width:100%;"class=" " src="' + path + '" loop="loop" controls="controls"></audio>').appendTo(".Ly_box");
  369. //$('<a href="' + path + '" class="sc_btn LY "download="' + path + '">下载录音</a>').appendTo(".LY_box");
  370. var rl = $('#RoleCode', top.document).val();
  371. if (rl == "GLY" || rl == "ZXBZ") {
  372. $('<a href="' + path + '" class="sc_btn LY "download="' + path + '">下载录音</a>').appendTo(".LY_box");
  373. }
  374. }
  375. //搜索
  376. $(".thjl_s").click(function() {
  377. phone = $("#th_phone").val();
  378. Thju(phone);
  379. })
  380. //
  381. $(".setwins").click(function() {
  382. $(".shade_ks").addClass("yc");
  383. })
  384. //回访记录
  385. function GetList(str) {
  386. //销毁表格
  387. $tableLeft3.bootstrapTable('destroy');
  388. //初始化表格,动态从服务器加载数据
  389. $tableLeft3.bootstrapTable({
  390. method: "get", //使用get请求到服务器获取数据
  391. //url: huayi.config.callcenter_url + "VisitTelphone/GetMyList",
  392. url: huayi.config.callcenter_url + "VisitRecords/GetList",
  393. striped: true, //表格显示条纹
  394. pagination: true, //启动分页
  395. pageSize: 5, //每页显示的记录数
  396. pageNumber: 1, //当前第几页
  397. pageList: [5, 20, 50, 100], //记录数可选列表
  398. sidePagination: "server", //表示服务端请求
  399. fixedColumns: true,
  400. fixedNumber: 5,
  401. queryParamsType: "undefined",
  402. queryParams: function queryParams(params) { //设置查询参数
  403. var param = {
  404. page: params.pageNumber,
  405. telid: $(".phoneid").val(),
  406. token: token
  407. };
  408. return param;
  409. },
  410. onLoadSuccess: function(data) { //加载成功时执行
  411. // layer.msg("加载成功");
  412. console.log(data);
  413. },
  414. onLoadError: function() { //加载失败时执行
  415. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  416. }
  417. });
  418. }
  419. //关闭
  420. function Close() {
  421. $(".shark").hide();
  422. $(".phone_message").addClass("yc");
  423. }
  424. ////提交表单
  425. //$("#Submit").click(function() {
  426. // ids = $("#phoneid").val();
  427. // phone = $(".CusTelphone").text(); //电话号码
  428. // hfjgs = $(".VisResult").text(); //回访结果
  429. // hfinfos = $(".VisInfo").text(); //回访结果
  430. // visiss = $(".VisIS").text(); //是否成功
  431. // bzscores = $(".bz").val(); //班组得分
  432. // jcyscores = $(".jb").val();
  433. // hjscores = $(".hjs").val();
  434. // ztscore = $(".zjs").val();
  435. // scores = $(".zj").val();
  436. // remarks = $(".bz").val();
  437. // resid=$('#Tgetruset input[name="check"]:checked ').val();//呼叫结果
  438. //});
  439. //回访数据提交
  440. //function Submit(ids, phones, resids, hfjgs, hfinfos, visiss, bzscores, jcyscores, hjscores, ztscores, scores, remarks) {
  441. // $.ajax({
  442. // type: "get",
  443. // url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
  444. // dataType: 'json',
  445. // data: {
  446. // flag: 'HJJG'
  447. // },
  448. // async: true,
  449. // data: {
  450. // id: ids,
  451. // phone: phones,
  452. // resid: resids,
  453. // hfjg: hfjgs,
  454. // hfinfo: hfinfos,
  455. // visis: visiss,
  456. // bzscore: bzscores,
  457. // jcyscore: jcyscores,
  458. // hjscore: hjscores,
  459. // ztscore: ztscores,
  460. // score: scores,
  461. // remark: remarks
  462. // },
  463. // success: function(data) {
  464. // console.log(data);
  465. // }
  466. // });
  467. //}