ZZDianXin_UI - 郑州电信 演示

addSWenjuanxinxi.html 4.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  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. */
  42. .Check_box {
  43. display: none;
  44. }
  45. .Show {
  46. display: block;
  47. }
  48. #sqzx th {
  49. width: 100px;
  50. }
  51. .d {
  52. color: forestgreen;
  53. }
  54. .du {
  55. color: #0064B6;
  56. }
  57. .w {
  58. color: #e43926;
  59. }
  60. </style>
  61. </head>
  62. <body>
  63. <div>
  64. <div class="Content">
  65. <div class="tab">
  66. <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  67. <tr>
  68. <th><b class="text-red">*</b>问卷名称:</th>
  69. <td colspan="5">
  70. <input type="text" class="Title form-control" />
  71. </td>
  72. </tr>
  73. <tr>
  74. <th><b class="text-red">*</b>问卷开场语:</th>
  75. <td colspan="5">
  76. <textarea name="" class="F_Remark form-control" rows="3" cols="20" id="startText"></textarea>
  77. </td>
  78. </tr>
  79. <tr>
  80. <th><b class="text-red">*</b>问卷说明:</th>
  81. <td colspan="5">
  82. <textarea name="" rows="3" cols="20" class="F_Remark form-control" id="F_Remark"></textarea>
  83. </td>
  84. </tr>
  85. <tr>
  86. <th><b class="text-red">*</b>问卷结束语:</th>
  87. <td colspan="5">
  88. <textarea name="" class="F_Remark form-control" rows="3" cols="20" id="endText"></textarea>
  89. </td>
  90. </tr>
  91. </table>
  92. </div>
  93. <div style="text-align: center; margin-top: 50px;">
  94. <button class="btns add size-14">保存</button>
  95. </div>
  96. </div>
  97. </div>
  98. <script src="../js/autosize/autosize.js"></script>
  99. <script>
  100. $(document).ready(function() {
  101. autosize($('textarea'));
  102. //增加
  103. $(".add").click(function() {
  104. var CategoryId = $(".Title").val(); //问卷名称
  105. var Title = $("#F_Remark").val(); //问卷内容
  106. if(!$.trim(CategoryId)) {
  107. layer.confirm('问卷名称不能为空!', {
  108. icon: 2,
  109. btn: ['确定'] //按钮
  110. });
  111. return;
  112. }
  113. if(!$.trim($('#startText').val())) {
  114. layer.confirm('问卷开场语不能为空!', {
  115. icon: 2,
  116. btn: ['确定'] //按钮
  117. });
  118. return;
  119. }
  120. if(!$.trim(Title)) {
  121. layer.confirm('问卷说明不能为空!', {
  122. icon: 2,
  123. btn: ['确定'] //按钮
  124. });
  125. return;
  126. }
  127. if(!$.trim($('#endText').val())) {
  128. layer.confirm('问卷结束语不能为空!', {
  129. icon: 2,
  130. btn: ['确定'] //按钮
  131. });
  132. return;
  133. }
  134. $.ajax({
  135. type: "post",
  136. url: huayi.config.callcenter_url + "/Questionnaire/CreateOrUpdatePager",
  137. async: true,
  138. dataType: "json",
  139. data: {
  140. Title: CategoryId, //问卷标题
  141. StartText: $('#startText').val(), //问卷开场语
  142. EndText: $('#endText').val(), //问卷结束语
  143. Remark: Title, //问卷备注
  144. token: $.cookie("token"),
  145. },
  146. success: function(data) {
  147. if(data.state.toLowerCase() == 'success') {
  148. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  149. parent.layer.close(index); //再执行关闭
  150. parent.IndexCategoryGe()
  151. parent.layer.msg(data.message);
  152. }
  153. }
  154. });
  155. })
  156. });
  157. </script>
  158. </body>
  159. </html>