PingAnYeXianSZCG_Web 前端代码

AddRight.html 6.5KB

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