ZZDianXin_UI - 郑州电信 演示

xgPlan.html 5.6KB

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