Няма описание

xgPlan.html 5.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  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. if(data.data.pagermodel != null) {
  85. $('.Qubound').val(data.data.pagermodel.F_Title);
  86. }
  87. $(".Planname").val(data.data.taskmodel.F_TaskName);
  88. $('.remark').val(data.data.taskmodel.F_TaskRemark);
  89. }
  90. }
  91. });
  92. }
  93. $("#Search").click(function() {
  94. IndexCategoryGe();
  95. $(".Table_box").show();
  96. $('.Btn_box').hide();
  97. })
  98. $(".Add").click(function() {
  99. pagerid = $(".Qubound").attr("index")
  100. console.log(pagerid);
  101. if(!$(".Planname").val()) {
  102. layer.msg("名称不能为空");
  103. } else if(!$(".remark").val()) {
  104. layer.msg("备注不能为空");
  105. } else if(!$(".Qubound").val()) {
  106. ayer.msg("问卷不能为空");
  107. } else {
  108. //增加分类
  109. $.ajax({
  110. type: "post",
  111. url: huayi.config.callcenter_url + "CallOutPlan/CreateOrUpdateTask",
  112. dataType: 'json',
  113. data: {
  114. id: wid,
  115. pagerid: pagerid,
  116. remark: $(".remark").val(),
  117. name: $(".Planname").val(),
  118. token: $.cookie("token")
  119. },
  120. async: true,
  121. success: function(data) {
  122. if(data.state == "success") {
  123. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  124. parent.layer.close(index); //再执行关闭
  125. parent.IndexCategoryGe();
  126. parent.layer.msg(data.message);
  127. }
  128. }
  129. });
  130. }
  131. })
  132. })
  133. //问卷列表
  134. function IndexCategoryGe() {
  135. //销毁表格
  136. $tableLeft.bootstrapTable('destroy');
  137. //初始化表格,动态从服务器加载数据
  138. $tableLeft.bootstrapTable({
  139. method: "get", //使用get请求到服务器获取数据
  140. url: huayi.config.callcenter_url + "Questionnaire/GetPagerInfoList",
  141. striped: true, //表格显示条纹
  142. pagination: true, //启动分页
  143. pageSize: 5, //每页显示的记录数
  144. pageNumber: 1, //当前第几页
  145. pageList: [5, 10, 50, 100], //记录数可选列表
  146. contentType: 'application/x-www-form-urlencoded',
  147. search: false, //是否启用查询
  148. showColumns: false, //显示下拉框勾选要显示的列
  149. showRefresh: false, //显示刷新按钮
  150. sidePagination: "server", //表示服务端请求
  151. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  152. //设置为limit可以获取limit, offset, search, sort, order
  153. queryParamsType: "undefined",
  154. queryParams: function queryParams(params) { //设置查询参数
  155. var param = {
  156. pageindex: params.pageNumber,
  157. pagesize: params.pageSize,
  158. token: token
  159. };
  160. return param;
  161. },
  162. onLoadSuccess: function() { //加载成功时执行
  163. // layer.msg("加载成功");
  164. },
  165. onLoadError: function() { //加载失败时执行
  166. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  167. },
  168. onDblClickRow: function(row) {
  169. $(".Qubound").val(row.F_Title);
  170. $(".Qubound").attr("index", row.F_PagerId); //设置问卷ID
  171. $(".Table_box").hide();
  172. $('.Btn_box').show();
  173. }
  174. });
  175. }
  176. //编号
  177. function setCode(val, row, index) {
  178. return index + 1;
  179. }
  180. /*获取选中行对象*/
  181. $tableLeft.on("click-row.bs.table", function(e, row, ele) {
  182. $('.success').removeClass('success'); //去除之前选中的行的,选中样式
  183. $(ele).addClass('success'); //添加当前选中的 success样式用于区别;
  184. });
  185. </script>
  186. </body>
  187. </html>