questionnaire.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283
  1. <!DOCTYPE html>
  2. <html lang="zh-cmn-Hans">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>中医体检</title>
  6. <script src="../js/flexible.js"></script>
  7. <link rel="stylesheet" href="../css/style.css">
  8. <link rel="stylesheet" href="../css/animate.css">
  9. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  10. </head>
  11. <body>
  12. <div class="view" id="wrapper">
  13. <div class="page-content bg-gray" id="scroller">
  14. <div class="questionnaire-header">
  15. <i></i>
  16. 基础检查问卷
  17. </div>
  18. <div class="questionnaire-progress-box">
  19. <div class="questionnaire-progress">
  20. <i class="progress-left"></i>
  21. <i class="progress-right"></i>
  22. <div class="progress-box">
  23. <img src="../images/longzhou_jingdu.gif" alt=""/>
  24. </div>
  25. </div>
  26. </div>
  27. <div class="questionnaire-list">
  28. <div id="questionnaire_list">
  29. </div>
  30. <!--<div class="questionnaire-box single-choice">-->
  31. <!--<div class="title">-->
  32. <!--1.您两颧有细微红丝吗?<span>(单选)</span><font>*</font>-->
  33. <!--</div>-->
  34. <!--<div class="answer">-->
  35. <!--<ul>-->
  36. <!--<li>-->
  37. <!--<label>-->
  38. <!--<input type="radio" name="a">-->
  39. <!--<span></span>-->
  40. <!--从不-->
  41. <!--</label>-->
  42. <!--</li>-->
  43. <!--<li>-->
  44. <!--<label>-->
  45. <!--<input type="radio" name="a">-->
  46. <!--<span></span>-->
  47. <!--偶尔-->
  48. <!--</label>-->
  49. <!--</li>-->
  50. <!--<li>-->
  51. <!--<label>-->
  52. <!--<input type="radio" name="a">-->
  53. <!--<span></span>-->
  54. <!--经常-->
  55. <!--</label>-->
  56. <!--</li>-->
  57. <!--<li>-->
  58. <!--<label>-->
  59. <!--<input type="radio" name="a">-->
  60. <!--<span></span>-->
  61. <!--总是-->
  62. <!--</label>-->
  63. <!--</li>-->
  64. <!--</ul>-->
  65. <!--</div>-->
  66. <!--</div>-->
  67. <!--<div class="questionnaire-box ">-->
  68. <!--<div class="title">-->
  69. <!--2.您两颧有细微红丝吗?<span>(单选)</span><font>*</font>-->
  70. <!--</div>-->
  71. <!--<div class="answer">-->
  72. <!--<ul>-->
  73. <!--<li>-->
  74. <!--<label>-->
  75. <!--<input type="radio" name="b">-->
  76. <!--<span></span>-->
  77. <!--从不-->
  78. <!--</label>-->
  79. <!--</li>-->
  80. <!--<li>-->
  81. <!--<label>-->
  82. <!--<input type="radio" name="b">-->
  83. <!--<span></span>-->
  84. <!--偶尔-->
  85. <!--</label>-->
  86. <!--</li>-->
  87. <!--<li>-->
  88. <!--<label>-->
  89. <!--<input type="radio" name="b">-->
  90. <!--<span></span>-->
  91. <!--经常-->
  92. <!--</label>-->
  93. <!--</li>-->
  94. <!--<li>-->
  95. <!--<label>-->
  96. <!--<input type="radio" name="b">-->
  97. <!--<span></span>-->
  98. <!--总是-->
  99. <!--</label>-->
  100. <!--</li>-->
  101. <!--</ul>-->
  102. <!--</div>-->
  103. <!--</div>-->
  104. <!--<div class="questionnaire-box multi-choice">-->
  105. <!--<div class="title">-->
  106. <!--1.您比别人耐受不了寒冷,在什么情况下有突出的表现?<span>(多选)</span><font>*</font>-->
  107. <!--</div>-->
  108. <!--<div class="answer">-->
  109. <!--<ul>-->
  110. <!--<li>-->
  111. <!--<label>-->
  112. <!--<input value="从不" type="checkbox" name="question">-->
  113. <!--<span></span>-->
  114. <!--从不-->
  115. <!--</label>-->
  116. <!--</li>-->
  117. <!--<li>-->
  118. <!--<label>-->
  119. <!--<input value="偶尔" type="checkbox" name="question">-->
  120. <!--<span></span>-->
  121. <!--偶尔-->
  122. <!--</label>-->
  123. <!--</li>-->
  124. <!--<li>-->
  125. <!--<label>-->
  126. <!--<input value="经常" type="checkbox" name="question">-->
  127. <!--<span></span>-->
  128. <!--经常-->
  129. <!--</label>-->
  130. <!--</li>-->
  131. <!--<li>-->
  132. <!--<label>-->
  133. <!--<input value="总是" type="checkbox" name="question">-->
  134. <!--<span></span>-->
  135. <!--总是-->
  136. <!--</label>-->
  137. <!--</li>-->
  138. <!--</ul>-->
  139. <!--</div>-->
  140. <!--</div>-->
  141. <!--<div class="questionnaire-more">-->
  142. <!--<p>若您想体验更详细的体检项目如:面部检查、舌象检查、声音检测。请点击更多检测。</p>-->
  143. <!--<a href="#" class="btn-more-questionnaire">更多检测<span></span></a>-->
  144. <!--</div>-->
  145. <div class="questionnaire-more-box hidden">
  146. <div class="questionnaire-box">
  147. <div class="title">
  148. 面部检测
  149. </div>
  150. <div class="answer">
  151. <div class="upload-file">
  152. <div class="upload">
  153. <input type="file" accept="image/*" capture="camera" id="uploadFace">
  154. <i class="face"></i>
  155. <div class="tit">上传面部照片</div>
  156. </div>
  157. <div class="file hidden">
  158. <div class="pic">
  159. <a href="#" class="remove"></a>
  160. <img src="" alt="">
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. <div class="questionnaire-box">
  167. <div class="title">
  168. 舌部检测
  169. </div>
  170. <div class="answer">
  171. <div class="upload-file">
  172. <div class="upload">
  173. <input type="file" accept="image/*" capture="camera" id="uploadTongue">
  174. <i class="tongue"></i>
  175. <div class="tit">上传舌部照片</div>
  176. </div>
  177. <div class="file hidden">
  178. <div class="pic">
  179. <a href="#" class="remove"></a>
  180. <img src="" alt="">
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. <div class="questionnaire-box">
  187. <div class="title">
  188. 声音检测
  189. </div>
  190. <div class="answer">
  191. <div class="upload-file" id="recordContent">
  192. <div class="upload ">
  193. <a href="#" id="btnRecord">
  194. <i class="voice"></i>
  195. <div class="tit">录音</div>
  196. </a>
  197. </div>
  198. <div class="file hidden">
  199. <div class="voice">
  200. <a href="#" class="remove"></a>
  201. <i></i>
  202. <div class="seconds">
  203. 15.00
  204. </div>
  205. </div>
  206. </div>
  207. </div>
  208. </div>
  209. </div>
  210. </div>
  211. </div>
  212. </div>
  213. <div class="bottom-btn">
  214. <a href="javascript:void(0);" class="btn-green prev-btn hidden" id="prev_question">上一题</a>
  215. <a href="javascript:void(0);" class="btn-green" id="next_question">下一题</a>
  216. </div>
  217. <div class="btn-bar hidden">
  218. <a href="javascript:void(0)" class="btn-green" id="btn_submit">提交</a>
  219. </div>
  220. </div>
  221. <div class="record-dialog animated hidden">
  222. <div class="record-text">
  223. <h2>请读出下面的文字:</h2>
  224. <p>一二三四五六七八九十</p>
  225. </div>
  226. <div class="record-time">
  227. <div class="hold hold1">
  228. <div class="pie pie1"></div>
  229. </div>
  230. <div class="hold hold2">
  231. <div class="pie pie2"></div>
  232. </div>
  233. <div class="bg"> </div>
  234. <div class="time">
  235. <span>15.00</span>
  236. </div>
  237. </div>
  238. <div class="record-btn">
  239. <div class="start">
  240. <i class="rvoice"></i>
  241. </div>
  242. <div class="stop hidden">
  243. <span>
  244. <i class="square"></i>
  245. </span>
  246. </div>
  247. <span class="back">返回</span>
  248. </div>
  249. <div class="record-result hidden">
  250. <div class="record-result-btn">
  251. <a href="#" class="btn-status cancel">
  252. <i></i>
  253. </a>
  254. <a href="#" class="btn-action play">
  255. <i></i>
  256. </a>
  257. <a href="#" class="btn-status ok">
  258. <i></i>
  259. </a>
  260. </div>
  261. </div>
  262. </div>
  263. <!--<script src="../js/iscroll.js"></script>-->
  264. <script src="../js/jquery.js"></script>
  265. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  266. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
  267. <script src="../js/transform.js"></script>
  268. <script src="../js/alloy-finger.js"></script>
  269. <script src="../js/alloy-crop.js"></script>
  270. <script src="../js/lrz.all.bundle.js"></script>
  271. <script src="../js/time.js"></script>
  272. <script src="../../../js/weixin_common.js" type="text/javascript" charset="utf-8"></script>
  273. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  274. <script src="../js/questionnaire.js"></script>
  275. </body>
  276. </html>