ZZDianXin_UI - 郑州电信 演示

AddRight.html 4.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  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. resize: none;
  37. }
  38. /*.tab {
  39. border-bottom: 1px solid #ccc;
  40. }*/
  41. .Check_box {
  42. display: none;
  43. }
  44. .Show {
  45. display: block;
  46. }
  47. </style>
  48. </head>
  49. <body>
  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 class="text-danger">试题分类:</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 class="text-danger">试题标题:</th>
  75. <td colspan="5">
  76. <textarea name="" rows="1" cols="20" id="qTitle" class="F_Remark"></textarea>
  77. </td>
  78. </tr>
  79. <tr>
  80. <th>试题说明:</th>
  81. <td colspan="5">
  82. <textarea name="" rows="4" cols="20" id="remarks" class="F_Remark"></textarea>
  83. </td>
  84. </tr>
  85. </table>
  86. </div>
  87. <div style="text-align: center; margin-top: 50px;">
  88. <button class="btns add size-14">保存</button>
  89. </div>
  90. </div>
  91. <script src="../js/autosize/autosize.js"></script>
  92. <script>
  93. var wid = helper.request.queryString("Str");
  94. $(document).ready(function() {
  95. autosize($('textarea'));
  96. getQCategoryAlllist()
  97. .then(function() {
  98. if(wid != "undefined") {
  99. $('#Select').val(wid);
  100. }
  101. });
  102. });
  103. //增加
  104. $(".add").click(function() {
  105. var CategoryId = $("#Select").val(); //试题分类
  106. var Title = $("#qTitle").val(); //试题标题
  107. if(!$.trim(CategoryId)) {
  108. layer.confirm('试题分类不能为空!', {
  109. icon: 2,
  110. btn: ['确定']
  111. });
  112. return;
  113. }
  114. if(!$.trim(Title)) {
  115. layer.confirm('试题标题不能为空!', {
  116. icon: 2,
  117. btn: ['确定']
  118. });
  119. return;
  120. }
  121. $.ajax({
  122. type: "post",
  123. url: huayi.config.callcenter_url + "Questionnaire/CreateOrUpdateQuestion",
  124. async: true,
  125. dataType: "json",
  126. data: {
  127. // F_QuestionId://试题ID
  128. F_CategoryId: CategoryId, //分类ID
  129. F_Title: Title, //试题标题
  130. // F_Content://试题内容
  131. F_Type: $("#CheckQuestion").val(), //题型(1.问答题;2.单选题;3.多选题)
  132. F_Remark: $("#remarks").val(), //试题说明
  133. token: $.cookie("token"),
  134. },
  135. success: function(data) {
  136. if(data.state.toLowerCase() == 'success') {
  137. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  138. parent.layer.close(index); //再执行关闭
  139. parent.Finish();
  140. parent.layer.msg(data.message);
  141. }
  142. }
  143. });
  144. })
  145. //获取试题分类
  146. function getQCategoryAlllist() {
  147. var dtd = $.Deferred(); //在函数内部,新建一个Deferred对象
  148. $.ajax({
  149. type: "get",
  150. url: huayi.config.callcenter_url + "Questionnaire/GetQCategoryAlllist",
  151. dataType: 'json',
  152. async: true,
  153. data: {
  154. token: $.cookie("token")
  155. },
  156. success: function(data) {
  157. /*验证请求*/
  158. if(data.state == "success") {
  159. for(var i = 0; i < data.data.length; i++) {
  160. var html = '<option value="' + data.data[i].F_CategoryId + '">' + data.data[i].F_CategoryName + '</option>'
  161. $(html).appendTo("#Select");
  162. }
  163. dtd.resolve(); // 改变Deferred对象的执行状态
  164. }
  165. }
  166. });
  167. return dtd.promise(); // 返回promise对象
  168. }
  169. </script>
  170. </body>
  171. </html>