ZZDianXin_UI - 郑州电信 演示

addPlan.html 4.9KB

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