answer-survey-p.jsp 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720
  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. <title>${survey.surveyName }</title>
  9. <link href="${ctx }/js/plugs/jquery-ui-1.10.3.custom/css/mycss/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" />
  10. <script type="text/javascript" src="${ctx }/js/plugs/jquery-ui-1.10.3.custom/js/jquery-1.10.1.js"></script>
  11. <script type="text/javascript" src="${ctx }/js/plugs/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js"></script>
  12. <script type="text/javascript" src="${ctx }/js/plugs/colpick-jQuery/js/colpick.js"></script>
  13. <link href="${ctx }/js/plugs/uploadify-v3.1/uploadify.css" rel="stylesheet" type="text/css" />
  14. <script type="text/javascript" src="${ctx }/js/plugs/uploadify-v3.1/jquery.uploadify-3.1.js"></script>
  15. <script type="text/javascript" src="${ctx }/js/dw/uploadify.js"></script>
  16. <script language="javascript" type="text/javascript" src="${ctx }/js/plugs/laydate/laydate.js"></script>
  17. <script type="text/javascript" src="${ctx }/js/common/ans-common.js"></script>
  18. <script type="text/javascript" src="${ctx }/js/common/common.js"></script><script type="text/javascript" src="${ctx }/js/common/ans-p.js"></script>
  19. <%--<script language="javascript" type="text/javascript" src="${ctx }/js/plugs/My97DatePickerBeta/My97DatePicker/WdatePicker.js"></script>--%>
  20. <link href="${ctx }/css/preview-dev.css" rel="stylesheet" type="text/css" />
  21. <link rel="stylesheet" href="${ctx }/js/plugs/colpick-jQuery/css/colpick.css" type="text/css"/>
  22. <link href="${ctx}/js/plugs/validate/jquery.validate.css" type="text/css" rel="stylesheet" />
  23. <style type="text/css">
  24. .edui-editor-iframeholder{
  25. display: none;
  26. }
  27. .edui-default .edui-editor-toolbarboxouter{
  28. border: none! important;
  29. }
  30. #resultProgressRoot{
  31. right: -80px;
  32. bottom: 100px;
  33. width: 200px;
  34. z-index: 200;
  35. position: fixed;
  36. /*transform: rotate(90deg);
  37. -moz-transform:rotate(90deg);
  38. -webkit-transform:rotate(90deg);
  39. transform:rotate(90deg);
  40. filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);*/
  41. right: 10px;
  42. bottom: 50px;
  43. }
  44. .progress-label {
  45. font-size:14px;
  46. font-family: "微软雅黑";
  47. margin: 0px auto;
  48. text-align: center;
  49. line-height: 1.4em;
  50. color: #83AE00;
  51. }
  52. .progressbarDiv {
  53. height: 10px! important;
  54. box-shadow: none! important;
  55. border: 1px solid #83AE00;
  56. }
  57. .progressbarDiv .ui-progressbar-value{
  58. background: #83AE00! important;
  59. border: none;
  60. }
  61. .ui-progressbar .ui-progressbar-value{
  62. margin: 0px;
  63. }
  64. .ui-progressbar {
  65. position: relative;
  66. background: none! important;
  67. }
  68. .quOptionEditTd .editAble,.scoreNumTable tr td,.quCoItemTable{
  69. font-size: 16px;
  70. }
  71. label.error{
  72. font-size: 14px;
  73. }
  74. </style>
  75. </head>
  76. <body>
  77. <div id="wrap">
  78. <input type="hidden" id="id" name="id" value="${survey.id }">
  79. <input type="hidden" id="ctx" name="ctx" value="${ctx }">
  80. <input type="hidden" id="surveyStyleId" value="${surveyStyle.id }">
  81. <input type="hidden" id="prevHost" value="${ctx }">
  82. <form id="surveyForm" action="${ctx }/dws-answer!save.action" method="post" >
  83. <input type="hidden" id="surveyId" name="surveyId" value="${survey.id }">
  84. <input type="hidden" id="sid" name="sid" value="${survey.sid }">
  85. <div id="dw_body" style="padding-top:10px;">
  86. <div id="dw_body_content">
  87. <div id="dwSurveyHeader">
  88. <div id="dwSurveyLogo"><img src="${ctx }/images/logo/sample_logo.png" height="70"/> </div>
  89. <%-- <div id="dwSurveyTitle" class="noLogoImg" >${survey.surveyName }</div>
  90. <div id="dwSurveyNote">
  91. <div id="dwSurveyNoteTools">参考样例</div>
  92. <div id="dwSurveyNoteEdit" >${survey.surveyDetail.surveyNote }</div>
  93. </div> --%>
  94. <div id="dwSurveyTitle" class="noLogoImg">
  95. <div id="dwSurveyName" class="editAble dwSvyName">${survey.surveyName }</div>
  96. </div>
  97. <div id="dwSurveyNote">
  98. <div id="dwSurveyNoteTools">参考样例</div>
  99. <div id="dwSurveyNoteEdit" class="editAble">${survey.surveyDetail.surveyNote }</div>
  100. </div>
  101. </div>
  102. <div id="dwSurveyQuContent" style="min-height: 300px;">
  103. <div id="dwSurveyQuContentBg">
  104. <!-- <div style="border-top: 3px solid #81AB00;margin:0px auto;padding-bottom: 15px;"></div> -->
  105. <c:set var="pageNo" value="1"></c:set>
  106. <c:set var="isNextPage" value="0"></c:set>
  107. <ul id="dwSurveyQuContentAppUl">
  108. <!-- 题目内容 -->
  109. <c:forEach items="${survey.questions }" var="en" varStatus="i">
  110. <c:choose>
  111. <c:when test="${en.quType eq 'RADIO' }">
  112. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  113. <div class="surveyQuItemBody">
  114. <div class="initLine"></div>
  115. <div class="quInputCase" style="display: none;">
  116. <input type="hidden" class="quType" value="RADIO" >
  117. <input type="hidden" class="quId" value="${en.id }" >
  118. <input type="hidden" class="orderById" value="${en.orderById }"/>
  119. <input type="hidden" class="isRequired" value="${en.isRequired }">
  120. <input type="hidden" class="answerTag" value="0" >
  121. <input type="hidden" class="hv" value="${en.hv}" >
  122. <div class="quLogicInputCase">
  123. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  124. <div class="quLogicItem quLogicItem_${logicSts.count }">
  125. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  126. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  127. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  128. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  129. </div>
  130. </c:forEach>
  131. </div>
  132. </div>
  133. <div class="surveyQuItem">
  134. <div class="surveyQuItemContent">
  135. <div class="quCoTitle">
  136. <div class="quCoNum">${i.count }、</div>
  137. <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
  138. </div>
  139. <div class="quCoItem">
  140. <c:choose>
  141. <c:when test="${en.hv eq 3 }">
  142. <table class='tableQuColItem'>
  143. <c:forEach begin="0" end="${fn:length(en.quRadios)-1 }" var="j" step="${en.cellCount }">
  144. <tr>
  145. <c:forEach begin="1" end="${en.cellCount }" var="k">
  146. <td width="${600/en.cellCount }">
  147. <!-- 判断不为空,访止数组越界 -->
  148. <c:set var="quOptionIndex" value="${(j+k-1) }" ></c:set>
  149. <c:choose>
  150. <c:when test="${quOptionIndex < fn:length(en.quRadios) }">
  151. <div class="dwQuOptionItemContent">
  152. <label class="dwRedioStyle dwQuInputLabel" ></label>
  153. <input type="radio" name="qu_${en.quType }_${en.id }" value="${en.quRadios[quOptionIndex].id }" ><label style="width:${600/en.cellCount-10 }px;" class="editAble quCoOptionEdit quCoOptionPadding">${en.quRadios[quOptionIndex].optionName }</label>
  154. <input type='text' class='inputSytle_1' style="width:200px;padding:5px;${item.isNote eq 1 ? '':'display: none;'}" name="text_qu_${en.quType }_${en.id }_${en.quRadios[quOptionIndex].id }" />
  155. </div>
  156. </c:when>
  157. <c:otherwise><div class="emptyTd"></div></c:otherwise>
  158. </c:choose>
  159. </td>
  160. </c:forEach>
  161. </tr>
  162. </c:forEach>
  163. </table>
  164. </c:when>
  165. <c:when test="${en.hv eq 1 }">
  166. <ul class="transverse">
  167. <c:forEach items="${en.quRadios }" var="item">
  168. <li class="quCoItemUlLi">
  169. <div class="dwQuOptionItemContent">
  170. <label class="dwRedioStyle dwQuInputLabel" ></label>
  171. <input type="radio" name="qu_${en.quType }_${en.id }" value="${item.id }"><label class="editAble quCoOptionEdit quCoOptionPadding">${item.optionName }</label>
  172. <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 }" />
  173. </div>
  174. </li>
  175. <!-- <li><select> <option>可想而知</option> </select> </li> -->
  176. </c:forEach>
  177. </ul>
  178. </c:when>
  179. <c:when test="${en.hv eq 4 }">
  180. <ul>
  181. <li class="quCoItemUlLi">
  182. <select style="padding: 5px;" class="radioSelect" name="qu_${en.quType }_${en.id }" >
  183. <option value="0">--请选择--</option>
  184. <c:forEach items="${en.quRadios }" var="item">
  185. <option value="${item.id }" > ${item.optionName } </option>
  186. </c:forEach>
  187. </select>
  188. <c:forEach items="${en.quRadios }" var="item" >
  189. <div class="quItemInputCase" itemid="${item.id }">
  190. <input type="hidden" class="isNote" value="${item.isNote }">
  191. </div>
  192. <c:if test="${item.isNote eq 1}">
  193. <input type='text' class='inputSytle_1 dwQuOptionItemNote' style="width:200px;padding:5px;display: none;" name="text_qu_${en.quType }_${en.id }_${item.id }" />
  194. </c:if>
  195. </c:forEach>
  196. </li>
  197. </ul>
  198. </c:when>
  199. <c:otherwise>
  200. <ul>
  201. <c:forEach items="${en.quRadios }" var="item">
  202. <li class="quCoItemUlLi">
  203. <div class="dwQuOptionItemContent">
  204. <label class="dwRedioStyle dwQuInputLabel" ></label>
  205. <input type="radio" name="qu_${en.quType }_${en.id }" value="${item.id }" ><label class="editAble quCoOptionEdit quCoOptionPadding">${item.optionName }</label>
  206. <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 }" />
  207. </div>
  208. </li>
  209. <!-- <li><select> <option>可想而知</option> </select> </li> -->
  210. </c:forEach>
  211. </ul>
  212. </c:otherwise>
  213. </c:choose>
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. </li>
  219. </c:when>
  220. <c:when test="${en.quType eq 'CHECKBOX' }">
  221. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  222. <div class="surveyQuItemBody">
  223. <div class="initLine"></div>
  224. <div class="quInputCase" style="display: none;">
  225. <input type="hidden" class="quType" value="CHECKBOX">
  226. <input type="hidden" class="quId" value="${en.id }">
  227. <input type="hidden" class="orderById" value="${en.orderById }"/>
  228. <input type="hidden" class="isRequired" value="${en.isRequired }">
  229. <input type="hidden" class="answerTag" value="0" >
  230. <div class="quLogicInputCase">
  231. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  232. <div class="quLogicItem quLogicItem_${logicSts.count }">
  233. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  234. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  235. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  236. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  237. </div>
  238. </c:forEach>
  239. </div>
  240. <input type="hidden" name="qu_${en.quType }_${en.id }" value="tag_qu_${en.quType }_${en.id }_" />
  241. </div>
  242. <div class="surveyQuItem">
  243. <div class="surveyQuItemContent">
  244. <div class="quCoTitle">
  245. <div class="quCoNum">${i.count }、</div>
  246. <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
  247. </div>
  248. <div class="quCoItem">
  249. <c:choose>
  250. <c:when test="${en.hv eq 3 }">
  251. <table class='tableQuColItem'>
  252. <c:forEach begin="0" end="${fn:length(en.quCheckboxs)-1 }" var="j" step="${en.cellCount }" >
  253. <tr>
  254. <c:forEach begin="1" end="${en.cellCount }" var="k">
  255. <td width="${600/en.cellCount }">
  256. <!-- 判断不为空,访止数组越界 -->
  257. <c:set var="quOptionIndex" value="${(j+k-1) }" ></c:set>
  258. <c:choose>
  259. <c:when test="${quOptionIndex < fn:length(en.quCheckboxs) }">
  260. <div class="dwQuOptionItemContent">
  261. <label class="dwCheckboxStyle dwQuInputLabel" ></label>
  262. <input type="checkbox" name="tag_qu_${en.quType }_${en.id }_${en.quCheckboxs[quOptionIndex].id }" value="${en.quCheckboxs[quOptionIndex].id }" ><label style="width:${600/en.cellCount-10 }px;" class="editAble quCoOptionEdit quCoOptionPadding">${en.quCheckboxs[quOptionIndex].optionName }</label>
  263. <input type='text' class='inputSytle_1' style="width:200px;padding:5px;${item.isNote eq 1 ? '':'display: none;'}" name="text_tag_qu_${en.quType }_${en.id }_${en.quCheckboxs[quOptionIndex].id }" />
  264. </div>
  265. </c:when>
  266. <c:otherwise><div class="emptyTd"></div></c:otherwise>
  267. </c:choose>
  268. </td>
  269. </c:forEach>
  270. </tr>
  271. </c:forEach>
  272. </table>
  273. </c:when>
  274. <c:when test="${en.hv eq 1 }">
  275. <ul class="transverse">
  276. <c:forEach items="${en.quCheckboxs }" var="item">
  277. <li class="quCoItemUlLi">
  278. <div class="dwQuOptionItemContent">
  279. <label class="dwCheckboxStyle dwQuInputLabel" ></label>
  280. <input type="checkbox" name="tag_qu_${en.quType }_${en.id }_${item.id }" value="${item.id }" ><label class="editAble quCoOptionEdit quCoOptionPadding">${item.optionName }</label>
  281. <input type='text' class='inputSytle_1' style="width:200px;padding:5px;${item.isNote eq 1 ? '':'display: none;'}" name="text_tag_qu_${en.quType }_${en.id }_${item.id }" />
  282. </div>
  283. </li>
  284. <!-- <li><select> <option>可想而知</option> </select> </li> -->
  285. </c:forEach>
  286. </ul>
  287. </c:when>
  288. <c:otherwise>
  289. <ul>
  290. <c:forEach items="${en.quCheckboxs }" var="item">
  291. <li class="quCoItemUlLi">
  292. <div class="dwQuOptionItemContent">
  293. <label class="dwCheckboxStyle dwQuInputLabel" ></label>
  294. <input type="checkbox" name="tag_qu_${en.quType }_${en.id }_${item.id }" value="${item.id }" ><label class="editAble quCoOptionEdit quCoOptionPadding">${item.optionName }</label>
  295. <input type='text' class='inputSytle_1' style="width:200px;padding:5px;${item.isNote eq 1 ? '':'display: none;'}" name="text_tag_qu_${en.quType }_${en.id }_${item.id }" />
  296. </div>
  297. </li>
  298. <!-- <li><select> <option>可想而知</option> </select> </li> -->
  299. </c:forEach>
  300. </ul>
  301. </c:otherwise>
  302. </c:choose>
  303. </div>
  304. </div>
  305. </div>
  306. </div>
  307. </li>
  308. </c:when>
  309. <c:when test="${en.quType eq 'FILLBLANK' }">
  310. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  311. <div class="surveyQuItemBody">
  312. <div class="initLine"></div>
  313. <div class="quInputCase" style="display: none;">
  314. <input type="hidden" class="quType" value="FILLBLANK">
  315. <input type="hidden" class="quId" value="${en.id }">
  316. <input type="hidden" class="orderById" value="${en.orderById }"/>
  317. <input type="hidden" class="isRequired" value="${en.isRequired }">
  318. <input type="hidden" class="checkType" value="${en.checkType }">
  319. <input type="hidden" class="answerTag" value="0" >
  320. <input type="hidden" class="paramInt01" value="${en.paramInt01}">
  321. <div class="quLogicInputCase">
  322. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  323. <div class="quLogicItem quLogicItem_${logicSts.count }">
  324. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  325. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  326. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  327. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  328. </div>
  329. </c:forEach>
  330. </div>
  331. </div>
  332. <div class="surveyQuItem">
  333. <div class="surveyQuItemContent">
  334. <div class="quCoTitle">
  335. <div class="quCoNum">${i.count }、</div>
  336. <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
  337. </div>
  338. <div class="quCoItem"><ul>
  339. <li class="quCoItemUlLi">
  340. <div class="quFillblankItem">
  341. <%-- <input type="text" name="qu_${en.quType }_${en.id }" style="width:200px;padding:5px;" class="inputSytle_1 fillblankInput"> --%>
  342. <c:choose>
  343. <c:when test="${en.checkType eq 'DATE'}">
  344. <input type="text" name="qu_${en.quType }_${en.id }" style="width: 300px;padding: 6px 10px 5px;border: 1px solid #83ABCB;outline: none;" class=" fillblankInput" >
  345. </c:when>
  346. <c:when test="${en.answerInputRow > 1 }">
  347. <textarea name="qu_${en.quType }_${en.id }" rows="${en.answerInputRow }" style="width:${empty(en.answerInputWidth)?'300':en.answerInputWidth}px;"class="inputSytle_2 fillblankInput" ></textarea>
  348. </c:when>
  349. <c:otherwise>
  350. <input type="text" name="qu_${en.quType }_${en.id }" style="width:${empty(en.answerInputWidth)?'300':en.answerInputWidth}px;" class="inputSytle_1 fillblankInput" >
  351. </c:otherwise>
  352. </c:choose>
  353. <div class="dwComEditMenuBtn" ></div>
  354. </div>
  355. </li>
  356. </ul>
  357. </div>
  358. </div>
  359. </div>
  360. </div>
  361. </li>
  362. </c:when>
  363. <c:when test="${en.quType eq 'ORDERQU' }">
  364. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  365. <div class="surveyQuItemBody">
  366. <div class="initLine"></div>
  367. <div class="quInputCase" style="display: none;">
  368. <input type="hidden" class="quType" value="ORDERQU">
  369. <input type="hidden" class="quId" value="${en.id }">
  370. <input type="hidden" class="orderById" value="${en.orderById }"/>
  371. <input type="hidden" class="isRequired" value="${en.isRequired }">
  372. <input type="hidden" class="answerTag" value="0" >
  373. <div class="quLogicInputCase">
  374. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  375. <div class="quLogicItem quLogicItem_${logicSts.count }">
  376. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  377. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  378. </div>
  379. </c:forEach>
  380. </div>
  381. <input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
  382. </div>
  383. <div class="surveyQuItem">
  384. <div class="surveyQuItemContent">
  385. <div class="quCoTitle">
  386. <div class="quCoNum">${i.count }、</div>
  387. <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
  388. </div>
  389. <div class="quCoItem quOrderByCoItem">
  390. <div class="quOrderByRight">
  391. <table class="quOrderByTable" style="padding:5px;">
  392. <c:forEach items="${en.quOrderbys }" var="item" varStatus="itemVarStatus">
  393. <tr class="quOrderByTableTr"><td class="quOrderyTableTd">${itemVarStatus.count }</td><td class="quOrderTabConnect"><%-- <label class="quOrderItemLabel">drag content ${itemVarStatus.count }</label> --%> </td></tr>
  394. </c:forEach>
  395. </table>
  396. </div>
  397. <%-- <div class="quOrderByLeft">
  398. <ul class="quOrderByNumUl">
  399. <c:forEach items="${en.quOrderbys }" var="item" varStatus="itemVarStatus">
  400. <li><label class="quOrderyNumLabel">${itemVarStatus.count }</label>&nbsp;请夺</li>
  401. </c:forEach>
  402. </ul>
  403. </div> --%>
  404. <div class="quOrderByLeft">
  405. <ul class="quOrderByLeftUl">
  406. <c:forEach items="${en.quOrderbys }" var="item">
  407. <li class="quCoItemUlLi">
  408. <label class="editAble quCoOptionEdit">${item.optionName }
  409. <input name="item_qu_${en.quType }_${en.id }_${item.id }" value="1" type="hidden" class="quOrderItemHidInput" >
  410. </label>
  411. </li>
  412. </c:forEach>
  413. </ul>
  414. </div>
  415. <div style="clear: both;"></div>
  416. </div>
  417. </div>
  418. </div>
  419. </div>
  420. </li>
  421. </c:when>
  422. <%-- 分页题 --%>
  423. <c:when test="${en.quType eq 'PAGETAG' }">
  424. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  425. <div class="surveyQuItemBody">
  426. <div class="initLine"></div>
  427. <div class="quInputCase" style="display: none;">
  428. <input type="hidden" class="quType" value="PAGETAG">
  429. <input type="hidden" class="quId" value="${en.id }">
  430. <input type="hidden" class="orderById" value="${en.orderById }"/>
  431. <input type="hidden" class="isRequired" value="${en.isRequired }">
  432. <div class="quLogicInputCase">
  433. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  434. <div class="quLogicItem quLogicItem_${logicSts.count }">
  435. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  436. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  437. </div>
  438. </c:forEach>
  439. </div>
  440. </div>
  441. <div class="surveyQuItem">
  442. <div class="pageBorderTop nohover" ></div>
  443. <div class="surveyQuItemContent" style="padding-top: 12px;height: 30px;min-height: 30px;">
  444. <!-- <div class="pageQuContent">下一页(1/2)</div> -->
  445. <a href="#" class="sbtn24 sbtn24_0 nextPage_a" >下一页</a>&nbsp;&nbsp;
  446. <c:if test="${pageNo > 1 }">
  447. <a href="#" class="sbtn24 sbtn24_1 prevPage_a">上一页</a>
  448. <input type="hidden" name="prevPageNo" value="${pageNo-1 }">
  449. </c:if>
  450. <c:set var="pageNo" value="${pageNo+1 }"></c:set>
  451. <input type="hidden" name="nextPageNo" value="${pageNo }">
  452. </div>
  453. </div>
  454. </div>
  455. </li>
  456. </c:when>
  457. <%--段落说明 --%>
  458. <c:when test="${en.quType eq 'PARAGRAPH' }">
  459. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  460. <div class="surveyQuItemBody">
  461. <div class="initLine"></div>
  462. <div class="quInputCase" style="display: none;">
  463. <input type="hidden" class="quType" value="PARAGRAPH">
  464. <input type="hidden" class="quId" value="${en.id }">
  465. <input type="hidden" class="orderById" value="${en.orderById }"/>
  466. <input type="hidden" class="isRequired" value="${en.isRequired }">
  467. <div class="quLogicInputCase">
  468. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  469. <div class="quLogicItem quLogicItem_${logicSts.count }">
  470. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  471. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  472. </div>
  473. </c:forEach>
  474. </div>
  475. </div>
  476. <div class="surveyQuItem">
  477. <div class="surveyQuItemContent" style="min-height: 35px;">
  478. <div class="quCoTitle" style="background: rgb(243, 247, 247);">
  479. <%-- <div class="quCoNum" >${i.count }、</div> --%>
  480. <div class="editAble quCoTitleEdit" style="padding-left: 15px;">${en.quTitle}</div>
  481. </div>
  482. </div>
  483. </div>
  484. </div>
  485. </li>
  486. </c:when>
  487. <%--多项填空题 --%>
  488. <c:when test="${en.quType eq 'MULTIFILLBLANK' }">
  489. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  490. <div class="surveyQuItemBody">
  491. <div class="initLine"></div>
  492. <div class="quInputCase" style="display: none;">
  493. <input type="hidden" class="quType" value="MULTIFILLBLANK">
  494. <input type="hidden" class="quId" value="${en.id }">
  495. <input type="hidden" class="orderById" value="${en.orderById }"/>
  496. <input type="hidden" class="isRequired" value="${en.isRequired }">
  497. <input type="hidden" class="paramInt01" value="${en.paramInt01 }">
  498. <div class="quLogicInputCase">
  499. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  500. <div class="quLogicItem quLogicItem_${logicSts.count }">
  501. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  502. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  503. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  504. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  505. </div>
  506. </c:forEach>
  507. </div>
  508. <input type="hidden" name="qu_${en.quType }_${en.id }" value="text_qu_${en.quType }_${en.id }_" />
  509. </div>
  510. <div class="surveyQuItem">
  511. <div class="surveyQuItemContent">
  512. <div class="quCoTitle">
  513. <div class="quCoNum">${i.count }、</div>
  514. <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
  515. </div>
  516. <div class="quCoItem">
  517. <table class="mFillblankTable" cellpadding="0" cellspacing="0">
  518. <c:forEach items="${en.quMultiFillblanks }" var="item">
  519. <tr class="mFillblankTableTr">
  520. <td align="right" class="mFillblankTableEditTd"><label class="editAble quCoOptionEdit">${item.optionName }</label>
  521. <input class="dwMFillblankOptionId" value="${item.id }" disabled="disabled" type="hidden"/>
  522. <input type="hidden" class="answerTag" value="0" >
  523. </td>
  524. <td><input name="text_qu_${en.quType }_${en.id }_${item.id }" type="text" style="width:200px;padding:5px;" class="inputSytle_1 dwMFillblankInput"></td>
  525. </tr>
  526. </c:forEach>
  527. </table>
  528. </div>
  529. </div>
  530. </div>
  531. </div>
  532. </li>
  533. </c:when>
  534. <c:when test="${en.quType eq 'SCORE' }">
  535. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  536. <div class="surveyQuItemBody">
  537. <div class="initLine"></div>
  538. <div class="quInputCase" style="display: none;">
  539. <input type="hidden" class="quType" value="SCORE">
  540. <input type="hidden" class="quId" value="${en.id }">
  541. <input type="hidden" class="orderById" value="${en.orderById }"/>
  542. <input type="hidden" class="isRequired" value="${en.isRequired }">
  543. <div class="quLogicInputCase">
  544. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  545. <div class="quLogicItem quLogicItem_${logicSts.count }">
  546. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  547. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  548. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  549. <input type="hidden" class="geLe" value="${quLogicEn.geLe }"/>
  550. <input type="hidden" class="scoreNum" value="${quLogicEn.scoreNum }"/>
  551. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  552. </div>
  553. </c:forEach>
  554. </div>
  555. <input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
  556. </div>
  557. <div class="surveyQuItem">
  558. <div class="surveyQuItemContent">
  559. <div class="quCoTitle">
  560. <div class="quCoNum">${i.count }、</div>
  561. <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
  562. </div>
  563. <div class="quCoItem">
  564. <table class="quCoItemTable" cellpadding="0" cellspacing="0">
  565. <c:forEach items="${en.quScores }" var="item">
  566. <tr class="quScoreOptionTr">
  567. <td class="quCoItemTableTd quOptionEditTd">
  568. <label class="editAble quCoOptionEdit">${item.optionName }</label>
  569. <input class="dwScoreOptionId" value="${item.id }" disabled="disabled" type="hidden"/>
  570. <input type="hidden" class="answerTag" value="0" >
  571. </td>
  572. <td class="quCoItemTableTd">
  573. <table class="scoreNumTable" border="0" cellspacing="0" cellpadding="1" ><tr><td style="background-color: white;">1</td><td style="background-color: white;">2</td><td style="background-color: white;">3</td><td style="background-color: white;">4</td><td style="background-color: white;">5</td></tr></table>
  574. <input name="item_qu_${en.quType }_${en.id }_${item.id }" value="" type="hidden" class="scoreNumInput" >
  575. </td>
  576. <td class="quCoItemTableTd scoreNumText">分</td>
  577. </tr>
  578. </c:forEach>
  579. </table>
  580. </div>
  581. </div>
  582. </div>
  583. </div>
  584. </li>
  585. </c:when>
  586. </c:choose>
  587. </c:forEach>
  588. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  589. <div class="surveyQuItemBody">
  590. <div class="surveyQuItem">
  591. <!-- <div class="pageBorderTop nohover" ></div> -->
  592. <div id="jcaptchaImgBody" class="r-qu-body" style="display: none;">
  593. <div class="frmItem" style="">
  594. <label for="" class="frm_label">验证码</label>
  595. <div class="frm_controls">
  596. <span class="auth-code" id="verifycodeImgArea">
  597. <input name="jcaptchaInput" type="text" class="" style="width:100px;" autocomplete="off">
  598. <img id="register-jcaptchaImg" onclick="refreshAutoCode('register-jcaptchaImg')" src="${ctx }/jcaptcha.action" alt="验证码" height="40"></span>
  599. <a href="javascript:refreshAutoCode('register-jcaptchaImg');" style="margin-left: 5px;" hidefocus="true">换一张</a>
  600. <span class="frm_desc">输入下面图片的字符,区分大小写</span>
  601. <p class="valid-msg fail" style="display: none;"><i>●</i><span class="msg_content">验证码错误,请重新输入</span></p>
  602. </div>
  603. </div>
  604. <div class="errorItem" style="display: none;"><label for="" class="error">验证码错误,请重新输入!</label></div>
  605. <%-- 验证码:<input type="text" size="8" name="jcaptchaInput">
  606. &nbsp;<img id="jcaptchaImg" alt="点击刷新" src="${ctx }/jcaptcha.action" align="top">
  607. &nbsp;点击图片刷新 --%>
  608. </div>
  609. <input type="hidden" class="quType" value="submitSurveyBtn">
  610. <div class="surveyQuItemContent" style="padding-top: 12px;height: 30px;min-height: 30px;">
  611. <a href="#" id="submitSurvey" class="sbtn24 sbtn24_0 submitSurvey" >提&nbsp;交</a>&nbsp;&nbsp;
  612. &nbsp;&nbsp;
  613. <%-- <a href="${ctx }/report.action?sid=${survey.sid}" style="color: gray;text-decoration: none;" target="_blank">查看结果</a> --%>
  614. <c:if test="${pageNo > 1 }">
  615. <a href="#" class="sbtn24 sbtn24_1 prevPage_a">上一页</a>
  616. <input type="hidden" name="prevPageNo" value="${pageNo-1 }">
  617. </c:if>
  618. <c:set var="pageNo" value="${pageNo+1 }"></c:set>
  619. <input type="hidden" name="nextPageNo" value="${pageNo }">
  620. </div>
  621. </div>
  622. </div>
  623. </li>
  624. </ul>
  625. </div>
  626. </div>
  627. <%--答题进度 --%>
  628. <div id="resultProgressRoot">
  629. <div class="progress-label">完成度:0%</div>
  630. <div id="resultProgress" class="progressbarDiv"></div>
  631. </div>
  632. </div>
  633. </div>
  634. </form>
  635. </div>
  636. <div class="footer-copyright footer-pb" style="color: gray;padding-bottom: 5px;">
  637. Powered by <a href="http://www.diaowen.net" style="text-decoration: none;color: gray;">DWSurvey</a>&nbsp;
  638. </div>
  639. <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>
  640. <script type="text/javascript">
  641. var bfbFloat=0;
  642. $("#resultProgress").progressbar({value: bfbFloat,orientation: "vertical"});
  643. function refreshAutoCode(codeImgId){
  644. var ctx=$("#ctx").val();
  645. $("#"+codeImgId).attr("src",ctx+"/jcaptcha.action");
  646. }
  647. //判则判断
  648. var url="${ctx}/dws-answer!ajaxCheckSurvey.action";
  649. var data="surveyId=${survey.id}";
  650. $.ajax({
  651. url:url,
  652. data:data,
  653. type:"post",
  654. success:function(msg){
  655. var json=eval("("+msg+")");
  656. if(json.isCheckCode==="3"){
  657. $("#jcaptchaImgBody").show();
  658. }
  659. if(json.surveyStatus!="0"){
  660. $("#fixedMsg").show();
  661. $("#fixedMsg").html("您已经回答过此问卷!");
  662. $("#submitSurvey").remove();
  663. $("form").attr("action","#");
  664. }
  665. }
  666. });
  667. var errorcode="${param['errorcode']}";
  668. if(errorcode=="3"){
  669. var errorHtml="<div class=\"errorItem\" style=\"padding-left:30px;\" ><label for=\"\" class=\"error\">验证码不正确,请重新回答!</label></div>";
  670. $("#dwSurveyHeader").append(errorHtml);
  671. }
  672. </script>
  673. <%@ include file="/WEB-INF/page/layouts/other.jsp"%>
  674. <!-- Diaowen.net Button BEGIN -->
  675. <div id="webSiteFixedRight" class="websiteFixed" style="position: fixed;right: 0px;top: 20px;z-index: 9999;">
  676. <a id="mobileTdId" href="#" style="background: #1C658B;width: 15px;background: #8CBCD1;display: block;padding: 5px;padding-top: 10px;padding-bottom:10px;font-weight: bold;color: white;cursor: pointer;float: right;vertical-align: middle;text-decoration: none;font-size: 12px;">手机地址</a>
  677. <img alt="" src="${ctx }/survey!answerTD.action?surveyId=${survey.id}" height="130" style="padding: 10px;background: white;display: none;" />
  678. </div>
  679. <!-- Diaowen.net Button END -->
  680. </body>
  681. </html>