PingAnYeXianSZCG_Web 前端代码

xgPlan.html 5.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="../Script/Common/huayi.load.js"></script>
  6. <script src="../Script/Common/huayi.load.js"></script>
  7. <script src="../Script/Common/huayi.config.js"></script>
  8. <link href="../css/Table/table1.css" rel="stylesheet" />
  9. <link href="../css/init.css" rel="stylesheet" />
  10. <link rel="stylesheet" href="../css/QutboundMessage/QutboundComm.css" />
  11. <title>修改外呼计划</title>
  12. <style>
  13. </style>
  14. </head>
  15. <body>
  16. <div>
  17. <div style="padding: 10px; margin-bottom: 20px;">
  18. <table class="form_table">
  19. <tr>
  20. <th>
  21. <span> 计划名称:</span>
  22. </th>
  23. <td>
  24. <input type="text" class=" txtInput name Planname" />
  25. </td>
  26. </tr>
  27. <tr>
  28. <th>
  29. <span>调查问卷:</span>
  30. </th>
  31. <td>
  32. <input type="text" class=" txtInput name Qubound" />
  33. <i class="fa fa-search size-14" id="Search"></i>
  34. </td>
  35. </tr>
  36. <tr>
  37. <th>
  38. <span>说明备注:</span>
  39. </th>
  40. <td>
  41. <input type="text " class=" txtInput name remark" />
  42. </td>
  43. </tr>
  44. </table>
  45. <div class="Table_box">
  46. <table id="tb1">
  47. <thead>
  48. <tr>
  49. <th data-field="checkbox" data-align="center" data-formatter="setCode"></th>
  50. <th data-align="center" data-field="F_Title">问卷名称</th>
  51. <th data-align="center" data-field="F_CreateOn">生成时间</th>
  52. </tr>
  53. </thead>
  54. <tbody>
  55. </tbody>
  56. </table>
  57. </div>
  58. <div class="Btn_box">
  59. <button class="btns Add">保存</button>
  60. </div>
  61. </div>
  62. </div>
  63. <script>
  64. var $tableLeft = $('#tb1');
  65. var token = $.cookie("token");
  66. var pagerid;
  67. var wid = helper.request.queryString("Str");
  68. console.log(wid);
  69. $(document).ready(function() {
  70. if(wid){
  71. //获取计划
  72. $.ajax({
  73. type: "get",
  74. url: huayi.config.callcenter_url + "CallOutPlan/GetTaskModel",
  75. dataType: 'json',
  76. data: {
  77. id:wid,
  78. token: $.cookie("token")
  79. },
  80. async: true,
  81. success: function(data) {
  82. if(data.state == "success") {
  83. console.log(data);
  84. $(".Planname").val(data.data.F_TaskName);
  85. $('.remark').val(data.data.F_TaskRemark);
  86. $('.Qubound').val(data.data.F_PagerID);
  87. }
  88. }
  89. });
  90. }
  91. $("#Search").click(function() {
  92. IndexCategoryGe();
  93. $(".Table_box").show();
  94. $('.Btn_box').hide();
  95. })
  96. $(".Add").click(function() {
  97. pagerid=$(".Qubound").attr("index")
  98. console.log(pagerid);
  99. if(!$(".Planname").val()) {
  100. layer.msg("名称不能为空");
  101. }else if(!$(".remark").val()){
  102. layer.msg("备注不能为空");
  103. }else if(!$(".Qubound").val()){
  104. ayer.msg("问卷不能为空");
  105. }else{
  106. //增加分类
  107. $.ajax({
  108. type: "post",
  109. url: huayi.config.callcenter_url + "CallOutPlan/CreateOrUpdateTask",
  110. dataType: 'json',
  111. data: {
  112. id:wid,
  113. pagerid:pagerid,
  114. remark:$(".remark").val(),
  115. name: $(".Planname").val(),
  116. token: $.cookie("token")
  117. },
  118. async: true,
  119. success: function(data) {
  120. if(data.state == "success") {
  121. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  122. parent.layer.close(index); //再执行关闭
  123. parent.IndexCategoryGe();
  124. parent.layer.msg(data.message);
  125. }
  126. }
  127. });
  128. }
  129. })
  130. })
  131. //问卷列表
  132. function IndexCategoryGe() {
  133. //销毁表格
  134. $tableLeft.bootstrapTable('destroy');
  135. //初始化表格,动态从服务器加载数据
  136. $tableLeft.bootstrapTable({
  137. method: "get", //使用get请求到服务器获取数据
  138. url: huayi.config.callcenter_url + "Questionnaire/GetPagerInfoList",
  139. striped: true, //表格显示条纹
  140. pagination: true, //启动分页
  141. pageSize: 5, //每页显示的记录数
  142. pageNumber: 1, //当前第几页
  143. pageList: [5, 20, 50, 100], //记录数可选列表
  144. search: false, //是否启用查询
  145. showColumns: false, //显示下拉框勾选要显示的列
  146. showRefresh: false, //显示刷新按钮
  147. sidePagination: "server", //表示服务端请求
  148. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  149. //设置为limit可以获取limit, offset, search, sort, order
  150. queryParamsType: "undefined",
  151. queryParams: function queryParams(params) { //设置查询参数
  152. var param = {
  153. pageindex: params.pageNumber,
  154. pagesize: params.pageSize,
  155. token: token
  156. };
  157. return param;
  158. },
  159. onLoadSuccess: function() { //加载成功时执行
  160. // layer.msg("加载成功");
  161. },
  162. onLoadError: function() { //加载失败时执行
  163. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  164. },
  165. onDblClickRow: function(row) {
  166. $(".Qubound").val(row.F_Title);
  167. $(".Qubound").attr("index", row.F_PagerId); //设置问卷ID
  168. $(".Table_box").hide();
  169. $('.Btn_box').show();
  170. }
  171. });
  172. }
  173. //编号
  174. function setCode(val, row, index) {
  175. return index + 1;
  176. }
  177. /*获取选中行对象*/
  178. $tableLeft.on("click-row.bs.table", function(e, row, ele) {
  179. $('.success').removeClass('success'); //去除之前选中的行的,选中样式
  180. $(ele).addClass('success'); //添加当前选中的 success样式用于区别;
  181. });
  182. </script>
  183. </body>
  184. </html>