郑州第一人民医院UI

addAnswer.html 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>查看信息</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <!-- <script src="../Script/Common/huayi.load.js"></script> -->
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link href="../css/Table/table1.css" rel="stylesheet"/>
  10. <link href="../css/init.css" rel="stylesheet" />
  11. <link href="./css/addAnswer.css" rel="stylesheet" type="text/css" />
  12. </head>
  13. <body class="gray-bg">
  14. <div class="wrapper clearfix">
  15. <div class="content_1 clearfix">
  16. <div class="shark_content_title clearfix">
  17. <span>用户信息</span>
  18. </div>
  19. <div class="clearfix Phone_Text clearfix">
  20. <ul class="clearfix form-inline">
  21. <li>
  22. <label for="tel">电话:</label>
  23. <input type="text" id="tel" class="form-control" />
  24. </li>
  25. <li>
  26. <label for="questionType">试题类型:</label>
  27. <select id="questionType">
  28. <option value="">请选择试题类型</option>
  29. </select>
  30. </li>
  31. </ul>
  32. </div>
  33. </div>
  34. <div class="content_3 clearfix " style="display: none;">
  35. <div class="shark_content_title clearfix">
  36. <span>用户反馈</span>
  37. </div>
  38. <div>
  39. <ul class="clearfix" id="Tg">
  40. </ul>
  41. </div>
  42. </div>
  43. <div class="content_4 clearfix ">
  44. <div class="shark_content_title clearfix">
  45. <span>问卷信息</span>
  46. </div>
  47. <div>
  48. <ul style="padding-left: 0;" class="title_ul">
  49. <li>
  50. <label for="">问卷名称</label><span class="Title">问卷调查</span>
  51. </li>
  52. <li>
  53. <label for="startText">问卷开场语</label><span id="startText" class="F_Remark">您好</span>
  54. </li>
  55. <li>
  56. <label for="F_Remark">问卷说明</label><span id="F_Remark" class="F_Remark">问卷说明</span>
  57. </li>
  58. </ul>
  59. <ul class="Qus_box">
  60. </ul>
  61. <ul style="padding-left: 0;" class="title_ul">
  62. <li>
  63. <label for="">问卷结束语</label><span id="endText" class="F_Remark">再见</span>
  64. </li>
  65. </ul>
  66. </div>
  67. </div>
  68. <div class="content_5 clearfix" style="text-align: center;">
  69. <div>
  70. <button class="Ce btns">提交</button>
  71. <!-- <input type="hidden" id="F_CusID" />
  72. <input type="hidden" id="F_Id" />
  73. <input type="hidden" id="F_TaskId" />
  74. <input type="hidden" id="TelCode" value="" /> -->
  75. </div>
  76. </div>
  77. </div>
  78. <script type="text/javascript" src="../js/jquery.min.js?v=2.1.4"></script>
  79. <script type="text/javascript" src="../js/jquery.cookie.js"></script>
  80. <script type="text/javascript" src="../css/layer/layer.js"></script>
  81. <script>
  82. // var wid = helper.request.queryString("Str");
  83. var wid = true;
  84. var ans = [];
  85. var type;
  86. var star_number = [];
  87. var id;
  88. var content;
  89. var str;
  90. var strs;
  91. $(document).ready(function() {
  92. // if(wid != null && wid != undefined && wid != "") {
  93. // }
  94. WJ()
  95. Select()
  96. });
  97. //提交
  98. $(".Ce").click(function() {
  99. if ($("#tel").val() == "") {
  100. layer.confirm('请输入电话!', {
  101. icon: 2,
  102. btn: ['确定']
  103. });
  104. return;
  105. }
  106. $(".radio").each(function(j, k) {
  107. str = '';
  108. var nameRadio = $(k).attr("name");
  109. var index = $(k).attr("indexs");
  110. var val = $('input[name="' + nameRadio + '"]:checked').val();
  111. var valText = $('input[name="' + nameRadio + '"]:checked').next().text();
  112. var fraction = $('input[name="' + nameRadio + '"]:checked').attr("fraction");
  113. if(val != null) {
  114. str = index + '_' + val + '_' + valText;
  115. var obj = {
  116. token: $.cookie("token"),
  117. telcode: $("#tel").val(),
  118. testid: index,
  119. testoptions: val,
  120. grade: fraction,
  121. }
  122. ans.push(obj);
  123. }
  124. })
  125. // $(".checkbox").each(function(j, k) {
  126. // strs = '';
  127. // var nameCheckbox = $(k).attr("name");
  128. // var index = $(k).attr("indexs");
  129. // var check = "";
  130. // var text = "";
  131. // //var val=$('input[name="'+ name+'"]:checked').val();
  132. // var VAl = $('input[name="' + nameCheckbox + '"]:checked');
  133. // $(VAl).each(function(i, n) {
  134. // text += $(this).next().text() + "|";
  135. // check += $(this).val() + "|";
  136. // })
  137. // if(check != "") {
  138. // str = index + '_' + check + '_' + text;
  139. // ans.push(str);
  140. // }
  141. // })
  142. // $(".Wd").each(function(j, k) {
  143. // strs = '';
  144. // //debugger;
  145. // var nameWd = $(k).attr("name");
  146. // var index = $(k).attr("indexs");
  147. // var val = $(k).find(".Wds").val();
  148. // if(val) {
  149. // str = index + '_0_' + val;
  150. // ans.push(str);
  151. // }
  152. // })
  153. $(ans).each(function(index, value) {
  154. $.ajax({
  155. type: "get",
  156. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/AddUserDoTest",
  157. dataType: 'json',
  158. data: value,
  159. async: false,
  160. success: function(data) {
  161. alert('1')
  162. var Count = data.data;
  163. var index1 = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  164. parent.layer.close(index1); //再执行关闭
  165. parent.initTable();
  166. parent.layer.msg('提交成功');
  167. },
  168. });
  169. })
  170. })
  171. function WJ() {
  172. $(".Qus_box").empty();
  173. $.ajax({
  174. type: "get",
  175. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/GetListDropLis",
  176. async: true,
  177. dataType: "json",
  178. data: {
  179. testtypeid: $("#questionType").val(),
  180. token: $.cookie("token"),
  181. },
  182. success: function(data) {
  183. if(data.state.toLowerCase() == 'success') {
  184. // $('.Title').text(data.data.F_Title);
  185. // $("#F_Remark").text(data.data.F_Remark);
  186. // $("#startText").text(data.data.F_StartText);
  187. // $("#endText").text(data.data.F_EndText);
  188. var Questions = data.data.rows;
  189. var html = '';
  190. for(var i = 0; i < Questions.length; i++) {
  191. var questype = Questions[i].questype;
  192. var Quesid = Questions[i].id;
  193. html += '<li class="" name="ltype' + Quesid + '" >';
  194. html += '<div class="Back ">';
  195. html += '<h3 class="size-14 QuesTitle" indexs="' + Questions[i].id + '">' + Questions[i].testtitle + ' </h3>';
  196. html += '</div>';
  197. //选项
  198. if(Questions[i].optionlists.length > 0) { //单选
  199. html += '<div class="radio clearfix" name="ltype' + Quesid + '" indexs="' + Questions[i].id + '">';
  200. var optionlists = Questions[i].optionlists;
  201. html += '<ul class="Ul">'
  202. for(var j = 0; j < optionlists.length; j++) {
  203. html += '<li>'
  204. html += '<label style="font-weight: normal;">'
  205. html += '' + (j + 1) + '.';
  206. html += '<input type="radio" index_="' + optionlists[j].id + '" value="' + optionlists[j].id + '" name="ltype' + Quesid + '"fraction="' + optionlists[j].grade + '" style="margin-left:5px;"> <span>' + optionlists[j].questname + '</span></label>'
  207. html += '</li>'
  208. }
  209. html += '</ul>'
  210. html += '</div>'
  211. html += '</li>'
  212. }
  213. // if(questype == 2) {
  214. // } else if(questype == 1) {
  215. // //问答题
  216. // html += '<div class="Wd" indexs="' + Questions[i].id + '">';
  217. // html += '<textarea class="Wds" index="' + Questions[i].id + '"name="" rows="" cols="" style="width: 100%;"></textarea>'
  218. // html += '</div>'
  219. // } else {
  220. // if(Questions[i].optionlists.length > 0) { //多选
  221. // html += '<div class="checkbox clearfix" name="ltype' + Quesid + '" indexs="' + Questions[i].id + '">';
  222. // html += '<ul class="Ul">'
  223. // var optionlists = Questions[i].optionlists;
  224. // for(var j = 0; j < optionlists.length; j++) {
  225. // html += '<li>'
  226. // html += '<label style="font-weight: normal;">'
  227. // html += '' + (j + 1) + '.';
  228. // html += '<input type="checkbox" index_="' + optionlists[j].id + '" value="' + optionlists[j].id + '" name="ltype' + Quesid + '" ><span> ' + optionlists[j].questname + '</span></label>'
  229. // //html += '<input type="checkbox" index_="' + optionlists[j].id + '" value="' + optionlists[j].id + '" name="ltype' + Quesid + '" > ' + optionlists[j].questname + '</label>'
  230. // html += '</li>'
  231. // }
  232. // html += '</ul>';
  233. // html += '</div>'
  234. // html += '</li >';
  235. // }
  236. // }
  237. }
  238. $(html).appendTo(".Qus_box");
  239. // autosize($('textarea'));
  240. }
  241. }
  242. });
  243. }
  244. //列表
  245. function Select() {
  246. $.ajax({
  247. type: "get",
  248. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/Gettesttype",
  249. dataType: 'json',
  250. async: true,
  251. data: {
  252. token: $.cookie("token")
  253. },
  254. success: function(data) {
  255. /*验证请求*/
  256. if(data.state == "success") {
  257. var html = ''
  258. for(var i = 0; i < data.data.rows.length; i++) {
  259. html += '<option value="' + data.data.rows[i].id + '">' + data.data.rows[i].Typename + '</option>'
  260. }
  261. $(html).appendTo("#questionType");
  262. }
  263. }
  264. });
  265. }
  266. $("#questionType").change(function(){
  267. WJ()
  268. });
  269. </script>
  270. </body>
  271. </html>