PingAnYeXianSZCG_Web 前端代码

AddRight.html 5.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
  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/Quality/bootstrap-editable.css" />
  10. <script src="../js/Questions/bootstrap-editable.js"></script>
  11. <title></title>
  12. <style>
  13. table tr {
  14. margin-bottom: 20px;
  15. }
  16. table tr td {
  17. text-align: left;
  18. padding: 5px;
  19. }
  20. .Content {
  21. padding: 10px;
  22. }
  23. .btn {
  24. background: #1ab394;
  25. }
  26. .Btn_box {
  27. margin-top: 20px;
  28. color: #fff;
  29. }
  30. .inpBox select {
  31. width: 150px;
  32. padding: 3px 6px;
  33. }
  34. .F_Remark {
  35. width: 100%;
  36. }
  37. .tab {
  38. border-bottom: 1px solid #ccc;
  39. }
  40. .Check_box {
  41. display: none;
  42. }
  43. .Show {
  44. display: block;
  45. }
  46. </style>
  47. </head>
  48. <body>
  49. <div>
  50. <div class="Content">
  51. <div class="tab">
  52. <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  53. <tr>
  54. <th>试题分类:</th>
  55. <td>
  56. <div class="inpBox">
  57. <select name="" id="Select">
  58. </select>
  59. </div>
  60. </td>
  61. <th>试题题型:</th>
  62. <td>
  63. <div class="inpBox">
  64. <select name="" id="CheckQuestion">
  65. <option value="1">问答题</option>
  66. <option value="2">单选题</option>
  67. <option value="3">多选题</option>
  68. </select>
  69. </div>
  70. </td>
  71. </tr>
  72. <tr>
  73. <th>试题标题:</th>
  74. <td colspan="5">
  75. <textarea name="" rows="3" cols="20" class="F_Remark"></textarea>
  76. </td>
  77. </tr>
  78. </table>
  79. </div>
  80. <div style="text-align: center; margin-top: 50px;">
  81. <button class="btns add size-14">保存</button>
  82. </div>
  83. </div>
  84. </div>
  85. <script>
  86. var wid = helper.request.queryString("Str");
  87. console.log(wid);
  88. $(document).ready(function() {
  89. if(wid) {
  90. $.ajax({
  91. type: "get",
  92. url: huayi.config.callcenter_url + "Questionnaire/GetQCategoryAlllist",
  93. dataType: 'json',
  94. async: true,
  95. data: {
  96. token: $.cookie("token")
  97. },
  98. success: function(data) {
  99. /*验证请求*/
  100. if(data.state == "success") {
  101. var html = '<option value="">请选择试题分类</option>'
  102. for(var i = 0; i < data.data.length; i++) {
  103. html += '<option value="' + data.data[i].F_CategoryId + '">' + data.data[i].F_CategoryName + '</option>'
  104. }
  105. $(html).appendTo("#Select");
  106. }
  107. if(wid) {
  108. $("#Select").val(wid)
  109. }
  110. }
  111. });
  112. }
  113. });
  114. var $tableLeft = $('#tbr');
  115. //销毁表格
  116. $tableLeft.bootstrapTable('destroy');
  117. // 初始化表格,动态从服务器加载数据
  118. $tableLeft.bootstrapTable({
  119. method: "get", //使用get请求到服务器获取数据
  120. // url: huayi.config.callcenter_url + "IndexBase/GetList",
  121. // url: "//117.158.196.116:8878/IndexBase/GetList",
  122. striped: true, //表格显示条纹
  123. pagination: true, //启动分页
  124. pageSize: 5, //每页显示的记录数
  125. pageNumber: 1, //当前第几页
  126. pageList: [5, 20, 50, 100], //记录数可选列表
  127. search: false, //是否启用查询
  128. showColumns: false, //显示下拉框勾选要显示的列
  129. showRefresh: false, //显示刷新按钮
  130. sidePagination: "server", //表示服务端请求
  131. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  132. //设置为limit可以获取limit, offset, search, sort, order
  133. queryParamsType: "undefined",
  134. queryParams: function queryParams(params) { //设置查询参数
  135. var param = {
  136. page: params.pageNumber,
  137. pagesize: params.pageSize,
  138. categoryid: Left_Cids,
  139. key: Keys
  140. };
  141. return param;
  142. },
  143. onLoadSuccess: function() { //加载成功时执行
  144. // layer.msg("加载成功");
  145. },
  146. onLoadError: function() { //加载失败时执行
  147. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  148. }
  149. });
  150. //序号
  151. function setCode(value, row, index) {
  152. return index + 1;
  153. }
  154. //修改
  155. function Check(value, row, index) {
  156. return '<a title="点击移入" class="username">' + value + '</a>'
  157. }
  158. //操作
  159. // function Remove(value, row, index) {
  160. // return '<div><a title="点击移入" ><i class="fa fa-remove size-14"></i></a></div>'
  161. // }
  162. // $("#Add").click(function() {
  163. // var index = $tableLeft.bootstrapTable('getData').length;
  164. // $tableLeft.bootstrapTable('insertRow', {
  165. // index: index,
  166. // row: {
  167. // id: '测试',
  168. // F_CategoryName: '测试测试'
  169. // }
  170. // });
  171. // });
  172. ;
  173. //增加
  174. $(".add").click(function() {
  175. var CategoryId = $("#Select").val(); //试题分类
  176. var Title = $(".F_Remark").val(); //试题题型
  177. if(!CategoryId) {
  178. layer.msg("未选择分类");
  179. } else if(!Title) {
  180. layer.msg("标题不能为空");
  181. }
  182. $.ajax({
  183. type: "post",
  184. url: huayi.config.callcenter_url + "Questionnaire/CreateOrUpdateQuestion",
  185. async: true,
  186. dataType: "json",
  187. data: {
  188. // F_QuestionId://试题ID
  189. F_CategoryId: CategoryId, //分类ID
  190. F_Title: Title, //试题标题
  191. // F_Content://试题内容
  192. F_Type: $("#CheckQuestion").val(), //题型(1.问答题;2.单选题;3.多选题)
  193. token: $.cookie("token"),
  194. },
  195. success: function(data) {
  196. if(data.state.toLowerCase() == 'success') {
  197. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  198. parent.layer.close(index); //再执行关闭
  199. parent.Finish();
  200. parent.layer.msg(data.message);
  201. }
  202. }
  203. });
  204. })
  205. //清除 CLEAN
  206. function Clean() {
  207. }
  208. </script>
  209. </body>
  210. </html>