answer-survey-m.jsp 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@include file="/common/taglibs.jsp" %>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  5. <html>
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  8. <meta name="viewport" content="width=device-width, initial-scale=1" />
  9. <title>${survey.surveyName }</title>
  10. <%--<link rel="stylesheet" href="${ctx }/js/plugs/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css">--%>
  11. <script type="text/javascript" src="${ctx }/js/plugs/jquery-ui-1.10.3.custom/js/jquery-1.10.1.js"></script>
  12. <%--<script src="${ctx }/js/plugs/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script>--%>
  13. <script type="text/javascript" src="${ctx }/js/common/common.js"></script>
  14. <script src="${ctx }/js/common/ans-m.js"></script>
  15. <link href="${ctx }/js/plugs/font-awesome-4.2.0/css/font-awesome.css" rel="stylesheet">
  16. <link href="${ctx}/js/plugs/validate/jquery.validate.css" type="text/css" rel="stylesheet" />
  17. <link href="${ctx }/css/answer-m.css" rel="stylesheet" type="text/css" />
  18. </head>
  19. <body>
  20. <form id="surveyForm" action="${ctx }/dws-answer!saveMobile.action" method="post" data-ajax="false">
  21. <input type="hidden" id="surveyId" name="surveyId" value="${survey.id }">
  22. <input type="hidden" name="form-from" value="mobile" >
  23. <div id="answer-m-head">
  24. <div>
  25. <div id="dwSurveyTitle" class="noLogoImg" style="padding-top: 5px;">
  26. <!-- <i class="fa fa-star"></i> -->
  27. <div id="dwSurveyName" class="dwSvyName" style="">${survey.surveyName }</div>
  28. </div>
  29. <div id="dwSurveyNote">
  30. <div id="dwSurveyNoteEdit" >${survey.surveyDetail.surveyNote }</div>
  31. </div>
  32. </div>
  33. <div id="m-errorMsg"></div>
  34. <div data-role="content" >
  35. <div id="dwSurveyQuContent" style="">
  36. <div id="dwSurveyQuContentBg">
  37. <!-- <div style="border-top: 3px solid #81AB00;margin:0px auto;padding-bottom: 15px;"></div> -->
  38. <c:set var="pageNo" value="1"></c:set>
  39. <c:set var="isNextPage" value="0"></c:set>
  40. <ul id="dwSurveyQuContentAppUl">
  41. <!-- 题目内容 -->
  42. <c:forEach items="${survey.questions }" var="en" varStatus="i">
  43. <c:choose>
  44. <c:when test="${en.quType eq 'RADIO' }">
  45. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  46. <div class="surveyQuItemBody">
  47. <div class="initLine"></div>
  48. <div class="quInputCase" style="display: none;">
  49. <input type="hidden" class="quType" value="RADIO" >
  50. <input type="hidden" class="quId" value="${en.id }" >
  51. <input type="hidden" class="orderById" value="${en.orderById }"/>
  52. <input type="hidden" class="isRequired" value="${en.isRequired }">
  53. <input type="hidden" class="answerTag" value="0" >
  54. <div class="quLogicInputCase">
  55. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  56. <div class="quLogicItem quLogicItem_${logicSts.count }">
  57. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  58. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  59. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  60. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  61. </div>
  62. </c:forEach>
  63. </div>
  64. </div>
  65. <div class="surveyQuItem">
  66. <div class="surveyQuItemContent">
  67. <fieldset data-role="controlgroup" >
  68. <legend>
  69. <span class="quTitleNum">${i.count }、</span>
  70. <span class="quTitleText">${en.quTitle}</span>
  71. </legend>
  72. <c:forEach items="${en.quRadios }" var="item" >
  73. <div class="dwQuOptionItemContent">
  74. <label for="qu_${en.quType }_${en.id }_${item.id}">${item.optionName }</label>
  75. <input id="qu_${en.quType }_${en.id }_${item.id}" type="radio" name="qu_${en.quType }_${en.id }" value="${item.id }">
  76. <c:if test="${item.isNote eq 1 }" >
  77. <input type='text' class='inputSytle_1' style="width:200px;padding:5px;${item.isNote eq 1 ? '':'display: none;'}" name="text_qu_${en.quType }_${en.id }_${item.id }" />
  78. </c:if>
  79. </div>
  80. </c:forEach>
  81. </fieldset>
  82. </div>
  83. </div>
  84. </div>
  85. </li>
  86. </c:when>
  87. <c:when test="${en.quType eq 'CHECKBOX' }">
  88. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  89. <div class="surveyQuItemBody">
  90. <div class="initLine"></div>
  91. <div class="quInputCase" style="display: none;">
  92. <input type="hidden" class="quType" value="CHECKBOX">
  93. <input type="hidden" class="quId" value="${en.id }">
  94. <input type="hidden" class="orderById" value="${en.orderById }"/>
  95. <input type="hidden" class="isRequired" value="${en.isRequired }">
  96. <input type="hidden" class="answerTag" value="0" >
  97. <div class="quLogicInputCase">
  98. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  99. <div class="quLogicItem quLogicItem_${logicSts.count }">
  100. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  101. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  102. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  103. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  104. </div>
  105. </c:forEach>
  106. </div>
  107. <input type="hidden" name="qu_${en.quType }_${en.id }" value="tag_qu_${en.quType }_${en.id }_" />
  108. </div>
  109. <div class="surveyQuItem">
  110. <div class="surveyQuItemContent">
  111. <fieldset data-role="controlgroup" >
  112. <legend>
  113. <span class="quTitleNum">${i.count }、</span>
  114. <span class="quTitleText">${en.quTitle}</span>
  115. </legend>
  116. <c:forEach items="${en.quCheckboxs }" var="item">
  117. <div class="dwQuOptionItemContent">
  118. <label for="tag_qu_${en.quType }_${en.id }_${item.id }" >${item.optionName }</label>
  119. <input id="tag_qu_${en.quType }_${en.id }_${item.id }" type="checkbox" name="tag_qu_${en.quType }_${en.id }_${item.id }" value="${item.id }" >
  120. <c:if test="${item.isNote eq 1 }" >
  121. <input type='text' class='inputSytle_1' style="width:200px;padding:5px;" name="text_tag_qu_${en.quType }_${en.id }_${item.id }" />
  122. </c:if>
  123. </div>
  124. </c:forEach>
  125. </fieldset>
  126. </div>
  127. </div>
  128. </div>
  129. </li>
  130. </c:when>
  131. <c:when test="${en.quType eq 'FILLBLANK' }">
  132. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  133. <div class="surveyQuItemBody">
  134. <div class="initLine"></div>
  135. <div class="quInputCase" style="display: none;">
  136. <input type="hidden" class="quType" value="FILLBLANK">
  137. <input type="hidden" class="quId" value="${en.id }">
  138. <input type="hidden" class="orderById" value="${en.orderById }"/>
  139. <input type="hidden" class="isRequired" value="${en.isRequired }">
  140. <input type="hidden" class="answerTag" value="0" >
  141. <div class="quLogicInputCase">
  142. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  143. <div class="quLogicItem quLogicItem_${logicSts.count }">
  144. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  145. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  146. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  147. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  148. </div>
  149. </c:forEach>
  150. </div>
  151. </div>
  152. <div class="surveyQuItem">
  153. <div class="surveyQuItemContent" >
  154. <div style="margin: 0px 5px;">
  155. <label for="qu_${en.quType }_${en.id }">
  156. <span class="quTitleNum">${i.count }、</span>
  157. <span class="quTitleText">${en.quTitle}</span>
  158. </label>
  159. <%--<input id="qu_${en.quType }_${en.id }" type="text" name="qu_${en.quType }_${en.id }" class="fillblankInput" >--%>
  160. <c:choose>
  161. <c:when test="${en.checkType eq 'DATE'}">
  162. <input type="date" name="qu_${en.quType }_${en.id }" class="inputSytle_1 fillblankInput" >
  163. </c:when>
  164. <c:when test="${en.answerInputRow > 1 }">
  165. <textarea name="qu_${en.quType }_${en.id }" rows="${en.answerInputRow }" class="inputSytle_2 fillblankInput" ></textarea>
  166. </c:when>
  167. <c:otherwise>
  168. <input type="text" name="qu_${en.quType }_${en.id }" class="inputSytle_1 fillblankInput" >
  169. </c:otherwise>
  170. </c:choose>
  171. </div>
  172. </div>
  173. </div>
  174. </div>
  175. </li>
  176. </c:when>
  177. <c:when test="${en.quType eq 'ORDERQU' }">
  178. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  179. <div class="surveyQuItemBody">
  180. <div class="initLine"></div>
  181. <div class="quInputCase" style="display: none;">
  182. <input type="hidden" class="quType" value="ORDERQU">
  183. <input type="hidden" class="quId" value="${en.id }">
  184. <input type="hidden" class="orderById" value="${en.orderById }"/>
  185. <input type="hidden" class="isRequired" value="${en.isRequired }">
  186. <input type="hidden" class="answerTag" value="0" >
  187. <div class="quLogicInputCase">
  188. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  189. <div class="quLogicItem quLogicItem_${logicSts.count }">
  190. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  191. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  192. </div>
  193. </c:forEach>
  194. </div>
  195. <input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
  196. </div>
  197. <div class="surveyQuItem">
  198. <div class="surveyQuItemContent">
  199. <fieldset data-role="controlgroup" >
  200. <legend>
  201. <span class="quTitleNum">${i.count }、</span>
  202. <span class="quTitleText">${en.quTitle}</span>
  203. </legend>
  204. <div class="ui-controlgroup-controls ">
  205. <c:forEach items="${en.quOrderbys }" var="item">
  206. <div class="ui-checkbox m_clickQuOrderItem">
  207. <label class="ui-btn ui-corner-all ui-btn-inherit itemOptionname" style="text-align: left;" >${item.optionName }</label>
  208. <div class="m_orderby_num">0</div>
  209. <div style="display: none;">
  210. <input name="item_qu_${en.quType }_${en.id }_${item.id }" value="0" type="hidden" class="quOrderItemHidInput" >
  211. </div>
  212. </div>
  213. </c:forEach>
  214. </div>
  215. </fieldset>
  216. </div>
  217. </div>
  218. </div>
  219. </li>
  220. </c:when>
  221. <%-- 分页题 --%>
  222. <c:when test="${en.quType eq 'PAGETAG' }">
  223. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  224. <div class="surveyQuItemBody">
  225. <div class="initLine"></div>
  226. <div class="quInputCase" style="display: none;">
  227. <input type="hidden" class="quType" value="PAGETAG">
  228. <input type="hidden" class="quId" value="${en.id }">
  229. <input type="hidden" class="orderById" value="${en.orderById }"/>
  230. <input type="hidden" class="isRequired" value="${en.isRequired }">
  231. <div class="quLogicInputCase">
  232. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  233. <div class="quLogicItem quLogicItem_${logicSts.count }">
  234. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  235. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  236. </div>
  237. </c:forEach>
  238. </div>
  239. </div>
  240. <div class="surveyQuItem">
  241. <div class="pageBorderTop nohover" ></div>
  242. <div class="surveyQuItemContent" style="padding-top: 12px;height: 30px;min-height: 30px;">
  243. <!-- <div class="pageQuContent">下一页(1/2)</div> -->
  244. <a href="#" class="sbtn24 sbtn24_0 nextPage_a" >下一页</a>&nbsp;&nbsp;
  245. <c:if test="${pageNo > 1 }">
  246. <a href="#" class="sbtn24 sbtn24_1 prevPage_a">上一页</a>
  247. <input type="hidden" name="prevPageNo" value="${pageNo-1 }">
  248. </c:if>
  249. <c:set var="pageNo" value="${pageNo+1 }"></c:set>
  250. <input type="hidden" name="nextPageNo" value="${pageNo }">
  251. </div>
  252. </div>
  253. </div>
  254. </li>
  255. </c:when>
  256. <%--段落说明 --%>
  257. <c:when test="${en.quType eq 'PARAGRAPH' }">
  258. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  259. <div class="surveyQuItemBody">
  260. <div class="initLine"></div>
  261. <div class="quInputCase" style="display: none;">
  262. <input type="hidden" class="quType" value="PARAGRAPH">
  263. <input type="hidden" class="quId" value="${en.id }">
  264. <input type="hidden" class="orderById" value="${en.orderById }"/>
  265. <input type="hidden" class="isRequired" value="${en.isRequired }">
  266. <div class="quLogicInputCase">
  267. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  268. <div class="quLogicItem quLogicItem_${logicSts.count }">
  269. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  270. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  271. </div>
  272. </c:forEach>
  273. </div>
  274. </div>
  275. <div class="surveyQuItem">
  276. <div class="surveyQuItemContent" style="min-height: 20px;">
  277. <div class="quCoTitle">
  278. <%-- <div class="quCoNum quTitleNum">${i.count }、</div> --%>
  279. <div class="quCoTitleEdit" >${en.quTitle}</div>
  280. </div>
  281. <hr/>
  282. </div>
  283. </div>
  284. </div>
  285. </li>
  286. </c:when>
  287. <%--多项填空题 --%>
  288. <c:when test="${en.quType eq 'MULTIFILLBLANK' }">
  289. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  290. <div class="surveyQuItemBody">
  291. <div class="initLine"></div>
  292. <div class="quInputCase" style="display: none;">
  293. <input type="hidden" class="quType" value="MULTIFILLBLANK">
  294. <input type="hidden" class="quId" value="${en.id }">
  295. <input type="hidden" class="orderById" value="${en.orderById }"/>
  296. <input type="hidden" class="isRequired" value="${en.isRequired }">
  297. <div class="quLogicInputCase">
  298. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  299. <div class="quLogicItem quLogicItem_${logicSts.count }">
  300. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  301. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  302. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  303. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  304. </div>
  305. </c:forEach>
  306. </div>
  307. <input type="hidden" name="qu_${en.quType }_${en.id }" value="text_qu_${en.quType }_${en.id }_" />
  308. </div>
  309. <div class="surveyQuItem">
  310. <div class="surveyQuItemContent">
  311. <div class="quCoTitle">
  312. <legend>
  313. <span class="quTitleNum">${i.count }、</span>
  314. <span class="quTitleText">${en.quTitle}</span>
  315. </legend>
  316. </div>
  317. <div class="quCoItem">
  318. <c:forEach items="${en.quMultiFillblanks }" var="item">
  319. <div class="mFillblankTableTr">
  320. <label for="text_qu_${en.quType }_${en.id }_${item.id }">${item.optionName }</label>
  321. <input id="text_qu_${en.quType }_${en.id }_${item.id }" name="text_qu_${en.quType }_${en.id }_${item.id }" type="text" class="dwMFillblankInput" >
  322. <input class="dwMFillblankOptionId" value="${item.id }" disabled="disabled" type="hidden"/>
  323. <input type="hidden" class="answerTag" value="0" >
  324. </div>
  325. </c:forEach>
  326. </div>
  327. </div>
  328. </div>
  329. </div>
  330. </li>
  331. </c:when>
  332. </c:choose>
  333. </c:forEach>
  334. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  335. <div class="surveyQuItemBody">
  336. <div class="surveyQuItem">
  337. <div id="jcaptchaImgBody" class="r-qu-body" style="display: none;">
  338. <div class="frmItem" style="">
  339. <label for="" class="frm_label">验证码</label>
  340. <div class="frm_controls">
  341. <span class="auth-code" id="verifycodeImgArea">
  342. <input name="jcaptchaInput" type="text" class="" style="" autocomplete="off">
  343. <img id="register-jcaptchaImg" onclick="refreshAutoCode('register-jcaptchaImg')" src="${ctx }/jcaptcha.action" alt="验证码" height="40"></span>
  344. <a href="javascript:refreshAutoCode('register-jcaptchaImg');" style="margin-left: 5px;" hidefocus="true">换一张</a>
  345. <span class="frm_desc">验证码,区分大小写</span>
  346. <p class="valid-msg fail" style="display: none;"><i>●</i><span class="msg_content">验证码错误,请重新输入</span></p>
  347. </div>
  348. </div>
  349. <div class="errorItem" style="display: none;"><label for="" class="error">验证码错误,请重新输入!</label></div>
  350. </div>
  351. <input type="hidden" class="quType" value="submitSurveyBtn">
  352. <div class="surveyQuItemContent" style="margin-bottom: 0px;min-height:20px;">
  353. <!-- <a href="#" data-theme="b" data-role="button">提&nbsp;交</a>&nbsp;&nbsp; -->
  354. <input type="button" class="submitSurvey" id="submitSurvey" value="提&nbsp;交" data-role="button" data-theme="b" />
  355. <!-- <a href="#" class="sbtn24 sbtn24_0 submitSurvey">提&nbsp;交</a>&nbsp;&nbsp; -->
  356. <c:if test="${pageNo > 1 }">
  357. <a href="#" class="sbtn24 sbtn24_1 prevPage_a">上一页</a>
  358. <input type="hidden" name="prevPageNo" value="${pageNo-1 }">
  359. </c:if>
  360. <c:set var="pageNo" value="${pageNo+1 }"></c:set>
  361. <input type="hidden" name="nextPageNo" value="${pageNo }">
  362. </div>
  363. </div>
  364. </div>
  365. </li>
  366. </ul>
  367. </div>
  368. </div>
  369. </div>
  370. <div data-role="footer" >
  371. <h3>Powered by <a href="http://diaowen.net/index-m.jsp" style="text-decoration: none;" rel="external">DWSurvey</a></h3>
  372. </div>
  373. </div>
  374. </form>
  375. <div id="fixedMsg" style="position: fixed;top: 0px;width: 100%;padding: 10px;text-align: center;font-size: 18px;letter-spacing: 4px;line-height: 56px;background-color: #111;background-color: rgba(17,17,17,0.5);color: #fff;color: rgba(255,255,255,0.5);z-index: 200;display: none;"></div>
  376. <%@ include file="/WEB-INF/page/layouts/other.jsp"%>
  377. </body>
  378. </html>