FuWaiCallCenter_UI 阜外华中心血管病医院 - 最早演示版不用了

addPlan.html 4.8KB

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