Нет описания

addPlan.html 4.8KB

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