ZZDianXin_UI - 郑州电信 演示

OutboundPlan.js 8.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369
  1. var Left_Cids;
  2. var $tableLeft = $('#tb1');
  3. var $tableLeft1 = $('#tb2');
  4. var token = $.cookie("token");
  5. var TaskID; //导入
  6. $(document).ready(function() {
  7. IndexCategoryGe();
  8. })
  9. //搜索功能
  10. $(".searchGo").click(function() {
  11. IndexCategoryGe();
  12. });
  13. //回车搜索
  14. $('#KeyWords').on('keypress',function(e){
  15. if(e.keyCode==13){
  16. IndexCategoryGe();
  17. }
  18. })
  19. ////左边表格
  20. /*获取选中行对象*/
  21. $tableLeft.on("click-row.bs.table", function(e, row, ele) {
  22. $('.success').removeClass('success'); //去除之前选中的行的,选中样式
  23. $(ele).addClass('success'); //添加当前选中的 success样式用于区别
  24. Left_Cids = row.F_IsStart; //分类ID
  25. $("#tb2").show();
  26. TaskID = row.F_TaskID //导入ID
  27. //导入方法
  28. Right(TaskID);
  29. });
  30. //获取计划列表
  31. function IndexCategoryGe() {
  32. //销毁表格
  33. $tableLeft.bootstrapTable('destroy');
  34. //初始化表格,动态从服务器加载数据
  35. $tableLeft.bootstrapTable({
  36. method: "get", //使用get请求到服务器获取数据
  37. url: huayi.config.callcenter_url + "CallOutPlan/GetTaskList",
  38. contentType: "application/x-www-form-urlencoded",
  39. striped: true, //表格显示条纹
  40. pagination: true, //启动分页
  41. pageSize: 5, //每页显示的记录数
  42. pageNumber: 1, //当前第几页
  43. pageList: [5, 20, 50, 100], //记录数可选列表
  44. search: false, //是否启用查询
  45. showColumns: false, //显示下拉框勾选要显示的列
  46. showRefresh: false, //显示刷新按钮
  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. pageindex: params.pageNumber,
  54. pagesize: params.pageSize,
  55. key: $("#KeyWords").val().trim(),
  56. token: token
  57. };
  58. return param;
  59. },
  60. onLoadSuccess: function() { //加载成功时执行
  61. // layer.msg("加载成功");
  62. },
  63. onLoadError: function() { //加载失败时执行
  64. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  65. }
  66. });
  67. }
  68. //操作
  69. function Code(val, row) {
  70. var html = '';
  71. if(val == "0") {
  72. html = '<a index="' + row.F_IsStart + '" onclick="Qd(' + row.F_TaskID + ',' + row.F_IsStart + ')">启动</a>';
  73. } else if(val == "1") {
  74. html = '<a onclick="Tz(' + row.F_TaskID + ')">停止</a>';
  75. }
  76. return '<div class="operation">' +
  77. '<a onclick=Amend(' + row.F_TaskID + ')>修改</a>' +
  78. '' + html + '' +
  79. '<a onclick=Remove(' + row.F_TaskID + ')>删除</a>' +
  80. '<a onclick=btn_deletes(' + row.F_TaskID + ')>清空号码</a>' +
  81. '</div>'
  82. }
  83. //编号
  84. function setCode(val, row, index) {
  85. return index + 1;
  86. }
  87. //类型
  88. function Type(val) {
  89. var cs = '';
  90. var vals = '';
  91. if(val == 0) {
  92. cs = 'w';
  93. vals = "未启动"
  94. } else if(val == 1) {
  95. cs = 'd';
  96. vals = "已启动"
  97. }
  98. return '<span class="' + cs + '">' + vals + '</span>'
  99. console.log(val);
  100. }
  101. //修改计划
  102. function Amend(str) {
  103. layer.open({
  104. maxmin: true, //开启最大化最小化按钮
  105. type: 2,
  106. content: "../OutboundMessage/xgPlan.html?Str=" + str, //iframe的url,no代表不显示滚动条
  107. title: '修改计划',
  108. area: ['45%', '55%'], //宽高
  109. });
  110. }
  111. //清空计划下的号码
  112. function btn_deletes(tid){
  113. layer.confirm('您确定要清空当前计划下的号码吗?', {
  114. btn: ['是', '否'] //按钮
  115. }, function() {
  116. $.ajax({
  117. type: "post",
  118. url: huayi.config.callcenter_url + "CallOutPlan/DeletesTaskTel",
  119. dataType: 'json',
  120. data: {
  121. id: tid,//任务id
  122. token: token
  123. },
  124. async: true,
  125. success: function(data) {
  126. layer.msg("清空号码成功");
  127. IndexCategoryGe();
  128. Right(tid);
  129. }
  130. });
  131. });
  132. }
  133. //删除功能
  134. function Remove(str) {
  135. layer.confirm('您确定要删除当前计划吗?', {
  136. btn: ['是', '否'] //按钮
  137. }, function() {
  138. /*发送请求*/
  139. $.ajax({
  140. type: "post",
  141. url: huayi.config.callcenter_url + "CallOutPlan/DeleteTask",
  142. dataType: 'json',
  143. data: {
  144. id: str,
  145. token: token
  146. },
  147. async: true,
  148. success: function(data) {
  149. layer.msg("删除成功");
  150. IndexCategoryGe();
  151. }
  152. });
  153. });
  154. }
  155. //启动
  156. function Qd(str, val) {
  157. layer.confirm('确定要启动么?', {
  158. btn: ['是', '否'] //按钮
  159. }, function() {
  160. /*发送请求*/
  161. $.ajax({
  162. type: "post",
  163. url: huayi.config.callcenter_url + "CallOutPlan/EditTaskNum",
  164. dataType: 'json',
  165. data: {
  166. taskid: str,
  167. state: 1,
  168. token: token
  169. },
  170. async: true,
  171. success: function(data) {
  172. if(data.state == "success") {
  173. IndexCategoryGe();
  174. layer.msg("启动成功");
  175. }
  176. }
  177. });
  178. });
  179. }
  180. function Tz(str) {
  181. layer.confirm('确定要停止么?', {
  182. btn: ['是', '否'] //按钮
  183. }, function() {
  184. /*发送请求*/
  185. $.ajax({
  186. type: "post",
  187. url: huayi.config.callcenter_url + "CallOutPlan/EditTaskNum",
  188. dataType: 'json',
  189. data: {
  190. taskid: str,
  191. state: 0,
  192. token: token
  193. },
  194. async: true,
  195. success: function(data) {
  196. if(data.state == "success") {
  197. IndexCategoryGe();
  198. layer.msg("停止成功");
  199. }
  200. }
  201. });
  202. });
  203. }
  204. ///左边修改功能
  205. $(".leftChange ").click(function() {
  206. if(Left_Cids) {
  207. layer.open({
  208. type: 2,
  209. content: "../Questionnaire/modify.html?str=" + Left_Cids, //iframe的url,no代表不显示滚动条
  210. title: '修改分类',
  211. area: ['35%', '30%'], //宽高
  212. });
  213. // GetIndexCategory(Left_Cids);
  214. } else {
  215. layer.msg('没有可修改的选项!');
  216. }
  217. })
  218. //增加
  219. $(".leftAdd").click(function() {
  220. layer.open({
  221. maxmin: true, //开启最大化最小化按钮
  222. type: 2,
  223. content: "../OutboundMessage/addPlan.html", //iframe的url,no代表不显示滚动条
  224. title: '添加计划',
  225. area: ['45%', '55%'], //宽高
  226. });
  227. });
  228. /////////////////////////右边表格
  229. //号码导入
  230. $(".Dr").click(function() {
  231. if(TaskID) {
  232. layer.open({
  233. maxmin: true, //开启最大化最小化按钮
  234. type: 2,
  235. content: "../OutboundMessage/Dr.html?Str=" + TaskID, //iframe的url,no代表不显示滚动条
  236. title: '导入号码',
  237. area: ['50%', '55%'], //宽高
  238. });
  239. } else {
  240. layer.confirm('选择一个外呼计划!', {
  241. btn: ['确定'] //按钮
  242. });
  243. }
  244. })
  245. function Right(TaskID) {
  246. //销毁表格
  247. $tableLeft1.bootstrapTable('destroy');
  248. //初始化表格,动态从服务器加载数据
  249. $tableLeft1.bootstrapTable({
  250. method: "get", //使用get请求到服务器获取数据
  251. url: huayi.config.callcenter_url + "CallOutPlan/GetList",
  252. contentType: "application/x-www-form-urlencoded",
  253. striped: true, //表格显示条纹
  254. pagination: true, //启动分页
  255. pageSize: 5, //每页显示的记录数
  256. pageNumber: 1, //当前第几页
  257. pageList: [5, 20, 50, 100], //记录数可选列表
  258. search: false, //是否启用查询
  259. showColumns: false, //显示下拉框勾选要显示的列
  260. showRefresh: false, //显示刷新按钮
  261. sidePagination: "server", //表示服务端请求
  262. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  263. //设置为limit可以获取limit, offset, search, sort, order
  264. queryParamsType: "undefined",
  265. queryParams: function queryParams(params) { //设置查询参数
  266. var param = {
  267. page: params.pageNumber,
  268. pagesize: params.pageSize,
  269. taskid: TaskID,
  270. token: token
  271. };
  272. return param;
  273. },
  274. onLoadSuccess: function() { //加载成功时执行
  275. // layer.msg("加载成功");
  276. },
  277. onLoadError: function() { //加载失败时执行
  278. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  279. }
  280. });
  281. }
  282. function Removes(val) {
  283. return '<a class="" onclick="Re(' + val + ')">删除</a>'
  284. }
  285. function Re(str) {
  286. layer.confirm('确定删除?', {
  287. btn: ['是', '否'] //按钮
  288. }, function() {
  289. /*发送请求*/
  290. $.ajax({
  291. type: "post",
  292. url: huayi.config.callcenter_url + "CallOutPlan/DeleteTels",
  293. dataType: 'json',
  294. data: {
  295. ids: str,
  296. token: token
  297. },
  298. async: true,
  299. success: function(data) {
  300. if(data.state == "success") {
  301. layer.msg("删除成功");
  302. $tableLeft1.bootstrapTable('refresh');
  303. }
  304. }
  305. });
  306. });
  307. }
  308. /*删除内容*/
  309. $(".RemoveDr").click(function() {
  310. var ids = $.map($('#tb2').bootstrapTable('getSelections'),
  311. function(row) {
  312. return row.F_Id;
  313. });
  314. /*判断长度*/
  315. if(ids.length <= 0) {
  316. layer.confirm('没有可删除的选项!', {
  317. btn: ['确定'] //按钮
  318. });
  319. return;
  320. }
  321. remove();
  322. });
  323. /*删除提示*/
  324. function remove() {
  325. layer.confirm('确定删除当前记录?', {
  326. btn: ['是', '否'] //按钮
  327. }, function() {
  328. /*执行删除*/
  329. var ids = $.map($('#tb2').bootstrapTable('getSelections'),
  330. function(row) {
  331. return row.F_Id;
  332. });
  333. /*发送请求*/
  334. $.post(huayi.config.callcenter_url + "CallOutPlan/DeleteTels", {
  335. ids: ids,
  336. token: token
  337. }, function(result) {
  338. result = JSON.parse(result);
  339. if(result.state.toLowerCase() == "success") {
  340. layer.msg("删除成功");
  341. $tableLeft1.bootstrapTable('refresh');
  342. }
  343. })
  344. });
  345. }