answer-survey.jsp 79 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937
  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 type="text/javascript" src="${ctx }/js/dw/address.js"></script>
  17. <link href="${ctx }/css/preview-dev.css" rel="stylesheet" type="text/css" />
  18. <link rel="stylesheet" href="${ctx }/js/plugs/colpick-jQuery/css/colpick.css" type="text/css"/>
  19. <link href="${ctx}/js/plugs/validate/jquery.validate.css" type="text/css" rel="stylesheet" />
  20. <script type="text/javascript">
  21. $(document).ready(function(){
  22. //分页设置 nextPage_a prevPage_a
  23. $(".nextPage_a").click(function(){
  24. var thParent=$(this).parent();
  25. var nextPageNo=thParent.find("input[name='nextPageNo']").val();
  26. $(".li_surveyQuItemBody").hide();
  27. $(".surveyQu_"+nextPageNo).fadeIn("slow");
  28. //$(window).scrollTop(10);
  29. $("html,body").animate({scrollTop:10},500);
  30. return false;
  31. });
  32. $(".prevPage_a").click(function(){
  33. var thParent=$(this).parent();
  34. var prevPageNo=thParent.find("input[name='prevPageNo']").val();
  35. $(".li_surveyQuItemBody").hide();
  36. $(".surveyQu_"+prevPageNo).fadeIn("slow");
  37. $(window).scrollTop(10);
  38. return false;
  39. });
  40. //var prevHost="http://file.diaowen.net";
  41. var prevHost=$("#prevHost").val();
  42. //初始化弹出窗口参数
  43. var surveyStyleId=$("#surveyStyleId").val();
  44. if(surveyStyleId!=""){
  45. /** 背景样式 **/
  46. //surveyStyle.showBodyBi
  47. var showBodyBi="${surveyStyle.showBodyBi}";
  48. //surveyStyle.bodyBgColor
  49. var bodyBgColor="${surveyStyle.bodyBgColor}";
  50. var bodyBgColorObj=$("input[name='bodyBgColor']");
  51. bodyBgColorObj.val(bodyBgColor);
  52. var bodyBCThemeParamObj=bodyBgColorObj.parents(".theme_param");
  53. bodyBCThemeParamObj.find(".color_box").css({"background-color":bodyBgColor});
  54. //$("#wrap").css({"background-color":bodyBgColor});
  55. $("body").css({"background-color":bodyBgColor});
  56. //surveyStyle.bodyBgImage
  57. var bodyBgImage="${surveyStyle.bodyBgImage}";
  58. var bodyBgImageObj=$("input[name='bodyBgImage']");
  59. var bodyBIThemeParamObj=bodyBgImageObj.parents(".theme_param");
  60. bodyBgImageObj.val(bodyBgImage);
  61. bodyBIThemeParamObj.find(".previewImage").attr("src",prevHost+bodyBgImage);
  62. if(showBodyBi==1){
  63. //$("#wrap").css({"background-image":"url("+bodyBgImage+")"});
  64. $("body").css({"background-image":"url("+prevHost+bodyBgImage+")"});
  65. $("input[name='showBodyBi']").prop("checked",true);
  66. }
  67. /** 表头样式 **/
  68. //surveyStyle.showBodyBi
  69. var showSurveyHbgi="${surveyStyle.showSurveyHbgi}";
  70. //surveyStyle.bodyBgColor
  71. var surveyHeadBgColor="${surveyStyle.surveyHeadBgColor}";
  72. var surveyHeadBgColorObj=$("input[name='surveyHeadBgColor']");
  73. var surveyHBCThemeParamObj=surveyHeadBgColorObj.parents(".theme_param");
  74. surveyHeadBgColorObj.val(surveyHeadBgColor);
  75. surveyHBCThemeParamObj.find(".color_box").css({"background-color":surveyHeadBgColor});
  76. $("#dwSurveyHeader").css({"background-color":surveyHeadBgColor});
  77. //surveyStyle.bodyBgImage
  78. var surveyHeadBgImage="${surveyStyle.surveyHeadBgImage}";
  79. var surveyHeadBgImageObj=$("input[name='surveyHeadBgImage']");
  80. var surveyHBIThemeParamObj=surveyHeadBgImageObj.parents(".theme_param");
  81. surveyHeadBgImageObj.val(surveyHeadBgImage);
  82. surveyHBIThemeParamObj.find(".previewImage").attr("src",prevHost+surveyHeadBgImage);
  83. if(showSurveyHbgi==1){
  84. $("#dwSurveyHeader").css({"background-image":"url("+prevHost+surveyHeadBgImage+")"});
  85. $("input[name='showSurveyHbgi']").prop("checked",true);
  86. }
  87. var surveyHeadPaddingTop="${surveyStyle.surveyHeadPaddingTop}";
  88. var surveyHeadPaddingBottom="${surveyStyle.surveyHeadPaddingBottom}";
  89. $("#dwSurveyHeader").css({"padding-top":surveyHeadPaddingTop+"px"});
  90. $("#dwSurveyHeader").css({"padding-bottom":surveyHeadPaddingBottom+"px"});
  91. /** 内容中间样式 **/
  92. //surveyStyle.showBodyBi
  93. var showSurveyCbim="${surveyStyle.showSurveyCbim}";
  94. //surveyStyle.bodyBgColor
  95. var surveyContentBgColorMiddle="${surveyStyle.surveyContentBgColorMiddle}";
  96. var surveyContentBgColorMiddleObj=$("input[name='surveyContentBgColorMiddle']");
  97. var surveyCBCMThemeParamObj=surveyContentBgColorMiddleObj.parents(".theme_param");
  98. surveyContentBgColorMiddleObj.val(surveyContentBgColorMiddle);
  99. surveyCBCMThemeParamObj.find(".color_box").css({"background-color":surveyContentBgColorMiddle});;
  100. $("#dwSurveyQuContentBg").css({"background-color":surveyContentBgColorMiddle});
  101. //surveyStyle.bodyBgImage
  102. var surveyContentBgImageMiddle="${surveyStyle.surveyContentBgImageMiddle}";
  103. var surveyContentBgImageMiddleObj=$("input[name='surveyContentBgImageMiddle']");
  104. var surveyCBIMThemeParamObj=surveyContentBgImageMiddleObj.parents(".theme_param");
  105. surveyContentBgImageMiddleObj.val(surveyContentBgImageMiddle);
  106. surveyCBIMThemeParamObj.find(".previewImage").attr("src",prevHost+surveyContentBgImageMiddle);
  107. if(showSurveyCbim==1){
  108. $("#dwSurveyQuContentBg").css({"background-image":"url("+prevHost+surveyContentBgImageMiddle+")"});
  109. $("input[name='showSurveyCbim']").prop("checked",true);
  110. }
  111. /** 文本样式 **/
  112. var questionTitleTextColor="${surveyStyle.questionTitleTextColor}";
  113. var questionTitleTextColorObj=$("input[name='questionTitleTextColor']");
  114. var questionTTCThemeParamObj=questionTitleTextColorObj.parents(".theme_param");
  115. questionTitleTextColorObj.val(questionTitleTextColor);
  116. questionTTCThemeParamObj.find(".color_box").css({"background-color":questionTitleTextColor});
  117. $(".quCoTitle").css({"color":questionTitleTextColor});
  118. var questionOptionTextColor="${surveyStyle.questionOptionTextColor}";
  119. var questionOptionTextColorObj=$("input[name='questionOptionTextColor']");
  120. var questionOTCThemeParamObj=questionOptionTextColorObj.parents(".theme_param");
  121. questionOptionTextColorObj.val(questionOptionTextColor);
  122. questionOTCThemeParamObj.find(".color_box").css({"background-color":questionOptionTextColor});
  123. $(".quCoOptionEdit").css({"color":questionOptionTextColor});
  124. var surveyTitleTextColor="${surveyStyle.surveyTitleTextColor}";
  125. var surveyTitleTextColorObj=$("input[name='surveyTitleTextColor']");
  126. var surveyTTCThemeParamObj=surveyTitleTextColorObj.parents(".theme_param");
  127. surveyTitleTextColorObj.val(surveyTitleTextColor);
  128. surveyTTCThemeParamObj.find(".color_box").css({"background-color":surveyTitleTextColor});
  129. $("#dwSurveyTitle").css({"color":surveyTitleTextColor});
  130. var surveyNoteTextColor="${surveyStyle.surveyNoteTextColor}";
  131. var surveyNoteTextColorObj=$("input[name='surveyNoteTextColor']");
  132. var surveyNTCThemeParamObj=surveyNoteTextColorObj.parents(".theme_param");
  133. surveyNoteTextColorObj.val(surveyNoteTextColor);
  134. surveyNTCThemeParamObj.find(".color_box").css({"background-color":surveyNoteTextColor});
  135. $("#dwSurveyNoteEdit").css({"color":surveyNoteTextColor});
  136. var surveyBtnBgColor="${surveyStyle.surveyBtnBgColor}";
  137. if(surveyBtnBgColor!==""){
  138. $("#dw_body_content .sbtn24").css({"background":"none"});
  139. $("#dw_body_content .sbtn24,.progressbarDiv .ui-progressbar-value").css({"background-color":surveyBtnBgColor});
  140. $(".progressbarDiv").css({"border-color":surveyBtnBgColor});
  141. $(".progress-label ").css({"color":surveyBtnBgColor});
  142. var surveyBtnBgColorObj=$("input[name='surveyBtnBgColor']");
  143. surveyBtnBgColorObj.val(surveyBtnBgColor);
  144. var btnBcThemeParamObj=surveyBtnBgColorObj.parents(".theme_param");
  145. btnBcThemeParamObj.find(".color_box").css({"background-color":surveyBtnBgColor});
  146. }
  147. //显示序号及进度条
  148. var showTiNum="${surveyStyle.showTiNum}";
  149. var showProgressbar="${surveyStyle.showProgressbar}";
  150. if(showTiNum==0){
  151. $(".quCoNum").hide();
  152. }
  153. if(showProgressbar==0){
  154. $("#resultProgressRoot").hide();
  155. }
  156. //表头文本显示
  157. var showSurTitle="${surveyStyle.showSurTitle}";
  158. var showSurNote="${surveyStyle.showSurNote}";
  159. if(showSurTitle==0){
  160. $("#dwSurveyTitle").hide();
  161. }
  162. if(showSurNote==0){
  163. $("#dwSurveyNote").hide();
  164. }
  165. }
  166. $(".submitSurvey").click(function(){
  167. if(validateForms()){
  168. $("#surveyForm").submit();
  169. }
  170. return false;
  171. });
  172. //评分题
  173. $(".scoreNumTable tr td").click(function(){
  174. //scoreNumInput
  175. var quScoreOptionTr=$(this).parents(".quScoreOptionTr");
  176. var tdText=$(this).text();
  177. quScoreOptionTr.find(".scoreNumTable tr td").css({"background":"white"});
  178. quScoreOptionTr.find(".scoreNumText").html($(this).text()+"&nbsp;分");
  179. $(this).prevAll().css({"background":""});
  180. $(this).css({"background":""});
  181. quScoreOptionTr.find(".scoreNumInput").val(tdText);
  182. quScoreOptionTr.find(".scoreNumText").html(tdText+"&nbsp;分");
  183. runlogic($(this));
  184. answerProgressbar($(this));
  185. validateCheck($(this).parents(".li_surveyQuItemBody"),false);
  186. });
  187. bindScoreNumTdHover();
  188. function bindScoreNumTdHover(){
  189. $(".scoreNumTable tr td").hover(function(){
  190. var quScoreOptionTr = $(this).parents(".quScoreOptionTr");
  191. var scoreNumInput=quScoreOptionTr.find(".scoreNumInput").val();
  192. if(scoreNumInput==""){
  193. $(this).prevAll().css({"background":""});
  194. $(this).css({"background":""});
  195. quScoreOptionTr.find(".scoreNumText").html($(this).text()+"&nbsp;分");
  196. }
  197. },function(){
  198. var quScoreOptionTr = $(this).parents(".quScoreOptionTr");
  199. var scoreNumInput=quScoreOptionTr.find(".scoreNumInput").val();
  200. if(scoreNumInput==""){
  201. $(this).prevAll().css({"background":"white"});
  202. $(this).css({"background":"white"});
  203. quScoreOptionTr.find(".scoreNumText").html("分");
  204. }
  205. });
  206. }
  207. //排序题
  208. //quOrderByCoItem
  209. bindQuOrderBySorts();
  210. function bindQuOrderBySorts() {
  211. var quOrderByCoItems=$(".quOrderByCoItem");
  212. $.each(quOrderByCoItems,function(){
  213. /* $(this).find( ".quOrderByLeftUl li" ).draggable({
  214. connectToSortable: $(this).find(".quOrderByTable td"),
  215. helper: "clone",
  216. zIndex:2000,
  217. //revert :true,
  218. start: function(event, ui) {
  219. var quOrderByCoItem=$(this).parents(".quOrderByCoItem");
  220. quOrderByCoItem.find( ".quOrderTabConnect" ).css({"background":"","border":"1px dotted red"});
  221. },
  222. drag: function(event, ui) {
  223. },
  224. stop: function(event,ui){
  225. var quOrderByCoItem=$(this).parents(".quOrderByCoItem");
  226. quOrderByCoItem.find( ".quOrderTabConnect" ).css({"background":"","border":"1px solid #dbdbdb"});
  227. }
  228. }); */
  229. $(this).find( ".quOrderByLeftUl li" ).sortable({
  230. zIndex:1000,
  231. scroll :false,
  232. opacity : 0.8,
  233. placeholderType:false,
  234. connectWith:$(this).find( ".quOrderByTable td" ),
  235. helper: function(event,ui){
  236. return "<label class='quOrderItemLabel'>"+$(this).text()+"</label>";
  237. },
  238. over:function(event,ui){
  239. },
  240. start: function(event, ui) {
  241. },
  242. drag: function(event, ui) {
  243. },
  244. stop: function(event,ui){
  245. $(".quOrderByTable td").css({"background":""});
  246. //ui.item.html("<label class='quOrderItemLabel'>"+ui.item.text()+"</label>");
  247. answerProgressbar($(this));
  248. validateCheck($(this).parents(".li_surveyQuItemBody"),false);
  249. }
  250. });
  251. var sortObjTempHtml=null;
  252. $(this).find( ".quOrderByTable td" ).sortable({
  253. //revert: true
  254. //dropOnEmpty:false,
  255. zIndex:1000,
  256. scroll :false,
  257. opacity : 0.9,
  258. placeholderType:true,
  259. placeholder:"qu-order-highlight",
  260. connectWith:$(this).find( ".quOrderByTable td" ),
  261. over:function(event,ui){
  262. $(".quOrderByTable td").css({"background":""});
  263. $(this).css({"background":"#FAEDC0"});
  264. var quOrderItemLabel=$(this).find("label.quOrderItemLabel");
  265. sortObjTempHtml="";
  266. if(quOrderItemLabel[0]){
  267. sortObjTempHtml=quOrderItemLabel.html();
  268. }
  269. /*sortObjTempHtml="";
  270. if(lastLabelHtml!=""){
  271. sortObjTempHtml="<label class='quOrderItemLabel'>"+$(this).find("label:last-child").html()+"</label>";
  272. } */
  273. //console.debug($(ui.helper).css("zIndex")+$(ui.helper).css("position"));
  274. },
  275. receive:function(event, ui){//当一个已连接的sortable对象接收到另一个sortable对象的元素后触发此事件。
  276. //判断如果是从右边新移入的,但当前td中已经有了,就交换到右边去
  277. var uiSenderClass=ui.sender.attr("class");
  278. ui.sender.empty();
  279. /* if(uiSenderClass.indexOf("quCoItemUlLi")<0){
  280. ui.sender.append(sortObjTempHtml);
  281. } */
  282. if(uiSenderClass.indexOf("quCoItemUlLi")<0){
  283. if(sortObjTempHtml!=""){
  284. ui.sender.append("<label class='quOrderItemLabel'>"+sortObjTempHtml+"</label>");
  285. }
  286. }else{
  287. if(sortObjTempHtml!=""){
  288. ui.sender.append("<label class='editAble quCoOptionEdit'>"+sortObjTempHtml+"</label>");
  289. }
  290. }
  291. $(this).empty();
  292. ui.item.clone().appendTo($(this));
  293. var quCoOptionEdit=$(this).find(".quCoOptionEdit");
  294. if(quCoOptionEdit[0]){
  295. quCoOptionEdit.removeClass();
  296. quCoOptionEdit.addClass("quOrderItemLabel");
  297. }
  298. $(".quOrderByTable td").css({"background":""});
  299. //更新排序ID quCoItem quOrderByTableTr
  300. //bindQuOrderBySorts();
  301. var quOrderyByTrs=$(".quCoItem .quOrderByTableTr");
  302. $.each(quOrderyByTrs,function(i){
  303. var quOrderItemHidInput=$(this).find(".quOrderItemHidInput");
  304. quOrderItemHidInput.val(i+1);
  305. });
  306. },
  307. start: function(event, ui) {
  308. $(".quOrderByTable td").css({"background":""});
  309. $(this).css({"background":"#FAEDC0"});
  310. },
  311. drag: function(event, ui) {
  312. $(".quOrderByTable td").css({"background":""});
  313. $(this).css({"background":"#FAEDC0"});
  314. },
  315. stop: function(event,ui){
  316. $(".quOrderByTable td").css({"background":""});
  317. },
  318. out: function(event,ui){
  319. //$(".quOrderByTable td").css({"background":""});
  320. },
  321. activate: function( event, ui ) {
  322. //$(".quOrderByTable td").css({"background":""});
  323. //$(this).css({"background":"#FAEDC0"});
  324. }
  325. });
  326. });
  327. }
  328. /**初始化表单骓证配置**/
  329. function validateForms(){
  330. var result=true;
  331. var surveyQuItemBodys=$(".li_surveyQuItemBody");
  332. var firstError=null;
  333. $.each(surveyQuItemBodys,function(){
  334. var quItemBody=$(this);
  335. if(!validateCheck(quItemBody,true)){
  336. //定位到这题
  337. if(firstError==null){
  338. firstError=quItemBody;
  339. }
  340. result=false;
  341. }
  342. // || quType==="CHENRADIO" || quType==="CHENCHECKBOX" || quType==="CHENSCORE" || quType==="CHENFBK"
  343. });
  344. if(firstError!=null){
  345. $(window).scrollTop(firstError.offset().top);
  346. }
  347. //
  348. if($("#jcaptchaImgBody").is(":visible")){
  349. var jcaptchaInput = $("input[name='jcaptchaInput']").val();
  350. if(jcaptchaInput===""){
  351. $("#jcaptchaImgBody .errorItem").show();
  352. result = false;
  353. }else{
  354. $("#jcaptchaImgBody .errorItem").hide();
  355. }
  356. }
  357. return result;
  358. }
  359. function validateCheck(quItemBody,isSubForm){
  360. if(quItemBody.is(":visible")){
  361. var quId=quItemBody.find(".quId").val();
  362. var quType=quItemBody.find(".quType").val();
  363. var isRequired=quItemBody.find(".isRequired").val();
  364. var validateStatus=false;
  365. if(isRequired==="0"){
  366. validateStatus = true;
  367. return true;
  368. }
  369. if(quType==="RADIO"){
  370. validateStatus=quItemBody.find("input[type='radio']:checked")[0];
  371. }else if(quType==="CHECKBOX"){
  372. validateStatus=quItemBody.find("input[type='checkbox']:checked")[0];
  373. }else if(quType==="FILLBLANK"){
  374. validateStatus=quItemBody.find(".fillblankInput").val()!="";
  375. }else if(quType==="ORDERQU"){
  376. //quItemBody.find(".quOrderByLeftUl label");
  377. validateStatus=!quItemBody.find(".quOrderByLeftUl label")[0];
  378. }else if(quType==="SCORE"){
  379. validateStatus=true;
  380. var quScoreOptionTrs=quItemBody.find(".quScoreOptionTr");
  381. $.each(quScoreOptionTrs,function(){
  382. var scoreNumInput=$(this).find(".scoreNumInput");
  383. if(scoreNumInput.val()===""){
  384. validateStatus=false;
  385. return false;
  386. }
  387. });
  388. }else if(quType==="MULTIFILLBLANK"){
  389. validateStatus=true;
  390. var quScoreOptionTrs=quItemBody.find(".mFillblankTableTr");
  391. $.each(quScoreOptionTrs,function(){
  392. var scoreNumInput=$(this).find(".dwMFillblankInput");
  393. if(scoreNumInput.val()===""){
  394. validateStatus=false;
  395. return false;
  396. }
  397. });
  398. }else if(quType==="CHENRADIO"){
  399. validateStatus=true;
  400. var quScoreOptionTrs=quItemBody.find(".dwQuCoChenRowTr");
  401. $.each(quScoreOptionTrs,function(){
  402. var tempInputs=$(this).find("input[type='radio']:checked");
  403. if(!tempInputs[0]){
  404. validateStatus=false;
  405. return false;
  406. }
  407. });
  408. }else if(quType==="CHENCHECKBOX"){
  409. validateStatus=true;
  410. var quScoreOptionTrs=quItemBody.find(".dwQuCoChenRowTr");
  411. $.each(quScoreOptionTrs,function(){
  412. var tempInputs=$(this).find("input[type='checkbox']:checked");
  413. if(!tempInputs[0]){
  414. validateStatus=false;
  415. return false;
  416. }
  417. });
  418. }else if(quType==="CHENSCORE"){
  419. var quChenScores=quItemBody.find(".quChenScoreSelect");
  420. validateStatus=true;
  421. $.each(quChenScores,function(){
  422. var tempInputs=$(this);
  423. if(tempInputs.val()==="0"){
  424. validateStatus=false;
  425. return false;
  426. }
  427. });
  428. }else if(quType==="CHENFBK"){
  429. var dwCMFBKs=quItemBody.find(".dwChenMFillblankInput");
  430. validateStatus=true;
  431. $.each(dwCMFBKs,function(){
  432. var tempInputs=$(this);
  433. if(tempInputs.val()===""){
  434. validateStatus=false;
  435. return false;
  436. }
  437. });
  438. }else if(quType==="submitSurveyBtn" || quType==="PARAGRAPH" || quType==="PAGETAG"){
  439. return true;
  440. }
  441. }else{
  442. validateStatus=true;
  443. }
  444. if(validateStatus){
  445. quItemBody.find(".errorItem").remove();
  446. }else{
  447. if(isSubForm && !quItemBody.find(".errorItem")[0]){
  448. var errorHtml="<div class=\"errorItem\"><label for=\"\" class=\"error\">请检查题目答案,为必答项!</label></div>";
  449. quItemBody.find(".quCoItem").append(errorHtml);
  450. }
  451. }
  452. return validateStatus;
  453. }
  454. /******************************处理题目逻辑设置 **************************************/
  455. //处理题目逻辑设置
  456. /** 答题触发事件 **/
  457. //初始化 处理默认逻辑跳转为显示,则先隐藏元素
  458. var quLogics=$("#dwSurveyQuContent .quLogicItem");
  459. $.each(quLogics,function(){
  460. var loginItem=$(this);
  461. var cgQuItemId=loginItem.find(".cgQuItemId").val();
  462. var skQuId=loginItem.find(".skQuId").val();
  463. var logicId=loginItem.find(".logicId").val();
  464. var logicType=loginItem.find(".logicType").val();
  465. if(logicType==="2"){
  466. //逻辑类型为“显示”2 则初始化为隐藏
  467. var hidQuItemBody=$(".quId[value='"+skQuId+"']").parents(".li_surveyQuItemBody");
  468. hidQuItemBody.hide();
  469. hidQuItemBody.addClass("hidFor"+logicId);
  470. hidQuItemBody.find(".answerTag").attr("disabled",true);
  471. }
  472. });
  473. /** 单选与多选条件触发 自定义单选多选效果 操作结束后得调用逻辑判断 **/
  474. $(".dwQuOptionItemContent").click(function(){
  475. var thObj=$(this);
  476. var quItemBody=thObj.parents(".li_surveyQuItemBody");
  477. var quType=quItemBody.find(".quType").val();
  478. var dwQuInputLabel=thObj.find(".dwQuInputLabel");
  479. if("RADIO"===quType){
  480. //单选题
  481. quItemBody.find(".dwQuInputLabel").removeClass("checked");
  482. quItemBody.find("input[type='radio']").prop("checked",false);
  483. dwQuInputLabel.addClass("checked");
  484. thObj.find("input[type='radio']").prop("checked",true);
  485. runlogic(thObj.find("input[type='radio']"));
  486. }else if("CHECKBOX"===quType){
  487. //多选题
  488. //quItemBody.find(".dwQuInputLabel").removeClass("checked");
  489. var quInputLabelClass=dwQuInputLabel.attr("class");
  490. if(quInputLabelClass.indexOf("checked")>0){
  491. dwQuInputLabel.removeClass("checked");
  492. thObj.find("input[type='checkbox']").prop("checked",false);
  493. }else{
  494. dwQuInputLabel.addClass("checked");
  495. thObj.find("input[type='checkbox']").prop("checked",true);
  496. }
  497. runlogic(thObj.find("input[type='checkbox']"));
  498. }else if("CHENRADIO"===quType){
  499. //矩陈单选
  500. var chenRow=thObj.parents("tr");
  501. chenRow.find(".dwQuInputLabel").removeClass("checked");
  502. chenRow.find("input[type='radio']").prop("checked",false);
  503. dwQuInputLabel.addClass("checked");
  504. thObj.find("input[type='radio']").prop("checked",true);
  505. runlogic(thObj.find("input[type='radio']"));
  506. }else if("CHENCHECKBOX"===quType){
  507. //矩陈多选
  508. var quInputLabelClass=dwQuInputLabel.attr("class");
  509. if(quInputLabelClass.indexOf("checked")>0){
  510. dwQuInputLabel.removeClass("checked");
  511. thObj.find("input[type='checkbox']").prop("checked",false);
  512. }else{
  513. dwQuInputLabel.addClass("checked");
  514. thObj.find("input[type='checkbox']").prop("checked",true);
  515. }
  516. runlogic(thObj.find("input[type='checkbox']"));
  517. }
  518. answerProgressbar(thObj);
  519. validateCheck(quItemBody,false);
  520. });
  521. //填空题
  522. $(".fillblankInput,.dwMFillblankInput,.dwChenMFillblankInput").blur(function(){
  523. //$(this).css("borderColor","#D6D6FF");
  524. var thVal=$(this).val();
  525. runlogic($(this));
  526. answerProgressbar($(this));
  527. validateCheck($(this).parents(".li_surveyQuItemBody"),false);
  528. });
  529. $(".quChenScoreSelect").change(function(){
  530. answerProgressbar($(this));
  531. validateCheck($(this).parents(".li_surveyQuItemBody"),false);
  532. });
  533. //只要触发事件
  534. function runlogic(thFormElementObj){
  535. //thFormElementObj 当前关联的form表单元素
  536. var quItemBody=thFormElementObj.parents(".li_surveyQuItemBody");
  537. var quLogicItems=quItemBody.find(".quLogicItem");
  538. if(quLogicItems[0]){
  539. var quInputCase=quItemBody.find(".quInputCase");
  540. var quId=quInputCase.find(".quId").val();
  541. var quType=quInputCase.find(".quType").val();
  542. //$("input[name='qu_"+quType+"_"+quId+"']").change(function(){});
  543. if(quType==="RADIO" || quType==="CHECKBOX" || quType==="SCORE" || quType==="MULTIFILLBLANK" || quType==="CHENRADIO" || quType==="CHENCHECKBOX" || quType==="CHENSCORE" || quType==="CHENFBK" ){
  544. //判断是否选中
  545. var quLgoicItem=null;
  546. //var thVal=thFormElementObj.val();
  547. //遍历每个逻辑设置
  548. var quOptionItems=null;
  549. if(quType==="RADIO" || quType==="CHECKBOX"){
  550. quOptionItems=quItemBody.find(".dwQuOptionItemContent");
  551. //thVal=thFormElementObj.val();
  552. }else if(quType==="SCORE"){
  553. quOptionItems=quItemBody.find(".quScoreOptionTr");
  554. //thVal=thFormElementObj.text();
  555. }else if(quType==="MULTIFILLBLANK"){
  556. quOptionItems=quItemBody.find(".mFillblankTableTr");
  557. }else if(quType==="CHENRADIO" || quType==="CHENCHECKBOX"){
  558. quOptionItems=quItemBody.find(".dwQuOptionItemContent");
  559. }else if(quType==="CHENFBK" ){
  560. quOptionItems=quItemBody.find(".dwQuChenFbkOptionItemContent");
  561. }
  562. $.each(quLogicItems,function(){
  563. var loginItem=$(this);
  564. var cgQuItemId=loginItem.find(".cgQuItemId").val();
  565. var skQuId=loginItem.find(".skQuId").val();
  566. var logicId=loginItem.find(".logicId").val();
  567. var logicType=loginItem.find(".logicType").val();
  568. var geLe=null;
  569. var scoreNum=null;
  570. if(quType==="SCORE"){
  571. geLe=loginItem.find(".geLe").val();
  572. scoreNum=loginItem.find(".scoreNum").val();
  573. }
  574. //过滤优先级
  575. var isbreak=false;
  576. $.each(quOptionItems,function(){
  577. var quCoItem=$(this);
  578. var quInput=null;
  579. var logicStatus=false;
  580. var curQuItemId=null;
  581. if(quType==="RADIO"){
  582. quInput=quCoItem.find("input[type='radio']");
  583. logicStatus=quInput.prop("checked");
  584. curQuItemId=quInput.val();
  585. }else if(quType==="CHECKBOX"){
  586. quInput=quCoItem.find("input[type='checkbox']");
  587. logicStatus=quInput.prop("checked");
  588. curQuItemId=quInput.val();
  589. }else if(quType==="SCORE"){
  590. quInput=quCoItem.find(".dwScoreOptionId");
  591. var curScore=quCoItem.find(".scoreNumInput").val();
  592. if(curScore!=""){
  593. logicStatus = (geLe==="le" && curScore<=scoreNum) || (geLe==="ge" && curScore>=scoreNum);
  594. }
  595. curQuItemId=quInput.val();
  596. }else if(quType==="MULTIFILLBLANK"){
  597. quInput=quCoItem.find(".dwMFillblankOptionId");
  598. logicStatus=quCoItem.find(".dwMFillblankInput").val()!="";
  599. curQuItemId=quInput.val();
  600. }else if(quType==="CHENRADIO"){
  601. quInput=quCoItem.find("input[type='radio']");
  602. logicStatus=quInput.prop("checked");
  603. curQuItemId=quCoItem.find(".dwChenInputTemp").val();
  604. }else if(quType==="CHENCHECKBOX"){
  605. quInput=quCoItem.find("input[type='checkbox']");
  606. logicStatus=quInput.prop("checked");
  607. curQuItemId=quCoItem.find(".dwChenInputTemp").val();
  608. }else if(quType==="CHENFBK"){
  609. quInput=quCoItem.find(".dwChenMFillblankInput");
  610. logicStatus=quInput.val()!="";
  611. curQuItemId=quCoItem.find(".dwChenInputTemp").val();
  612. }
  613. if(curQuItemId===cgQuItemId){
  614. if(logicType==="1"){
  615. //跳转
  616. if(logicStatus){
  617. //逻辑选项被选中状态,激活状态
  618. skQuestion(quItemBody.next(),skQuId,logicId,function(){
  619. //重新编题号
  620. });
  621. if(skQuId==="1" || skQuId==="2" ){
  622. isbreak=true;
  623. }
  624. }else{
  625. /*
  626. //逻辑选项未被选中状态,未激活
  627. //$(".hidFor"+loginId).slideDown("slow");
  628. $(".hidFor"+loginId).show();
  629. //$(".hidFor"+loginId).fadeIn();
  630. $(".hidFor"+loginId).removeClass("hidFor"+loginId);
  631. //回答标记与逻辑设置没有关系
  632. $(".hidFor"+loginId).find(".answerTag").attr("disabled",false);
  633. */
  634. var hidQuItemBodys=$(".hidFor"+logicId);
  635. $(".hidFor"+logicId).removeClass("hidFor"+logicId);
  636. $.each(hidQuItemBodys,function(){
  637. var thQuItemBodyClass=$(this).attr("class");
  638. if(thQuItemBodyClass.indexOf("hidFor")<0){
  639. $(this).show();
  640. //$(".hidFor"+loginId).fadeIn();
  641. //回答标记与逻辑设置没有关系
  642. $(this).find(".answerTag").attr("disabled",false);
  643. }
  644. });
  645. }
  646. }else{
  647. //逻辑类型为“显示” quType=2
  648. if(logicStatus){
  649. //逻辑选项被选中状态,激活状态 显示题
  650. var hidQuItemBodys=$(".hidFor"+logicId);
  651. $(".hidFor"+logicId).removeClass("hidFor"+logicId);
  652. $.each(hidQuItemBodys,function(){
  653. var thQuItemBodyClass=$(this).attr("class");
  654. if(thQuItemBodyClass.indexOf("hidFor")<0){
  655. $(this).show();
  656. $(this).find(".answerTag").attr("disabled",false);
  657. }
  658. });
  659. }else{
  660. /* 隐藏题
  661. */
  662. var hidQuItemBody=$(".quId[value='"+skQuId+"']").parents(".li_surveyQuItemBody");
  663. hidQuItemBody.hide();
  664. hidQuItemBody.addClass("hidFor"+logicId);
  665. hidQuItemBody.find(".answerTag").attr("disabled",true);
  666. }
  667. }
  668. return false;
  669. }
  670. });
  671. if(isbreak){
  672. return false;
  673. }
  674. });
  675. }else if(quType==="FILLBLANK"){
  676. //遍历每个逻辑设置
  677. var quOptionItems=quItemBody.find(".dwQuOptionItemContent");
  678. var thVal=thFormElementObj.val();
  679. $.each(quLogicItems,function(){
  680. var loginItem=$(this);
  681. var cgQuItemId=loginItem.find(".cgQuItemId").val();
  682. var skQuId=loginItem.find(".skQuId").val();
  683. var logicId=loginItem.find(".logicId").val();
  684. var logicType=loginItem.find(".logicType").val();
  685. if(logicType==="1"){
  686. //跳转
  687. if(thVal!=""){
  688. //逻辑选项被选中状态,激活状态
  689. skQuestion(quItemBody.next(),skQuId,logicId,function(){
  690. //重新编题号
  691. });
  692. if(skQuId==="1" || skQuId==="2" ){
  693. isbreak=true;
  694. }
  695. }else{
  696. //逻辑选项未被选中状态,未激活
  697. //$(".hidFor"+loginId).slideDown("slow");
  698. var hidQuItemBodys=$(".hidFor"+logicId);
  699. $(".hidFor"+logicId).removeClass("hidFor"+logicId);
  700. $.each(hidQuItemBodys,function(){
  701. var thQuItemBodyClass=$(this).attr("class");
  702. if(thQuItemBodyClass.indexOf("hidFor")<0){
  703. $(this).show();
  704. //$(".hidFor"+loginId).fadeIn();
  705. //回答标记与逻辑设置没有关系
  706. $(this).find(".answerTag").attr("disabled",false);
  707. }
  708. });
  709. }
  710. }else{
  711. //显示
  712. //逻辑类型为“显示” quType=1
  713. if(thVal!=""){
  714. //逻辑选项被选中状态,激活状态 显示题
  715. var hidQuItemBodys=$(".hidFor"+logicId);
  716. $(".hidFor"+logicId).removeClass("hidFor"+logicId);
  717. $.each(hidQuItemBodys,function(){
  718. var thQuItemBodyClass=$(this).attr("class");
  719. if(thQuItemBodyClass.indexOf("hidFor")<0){
  720. $(this).show();
  721. $(this).find(".answerTag").attr("disabled",false);
  722. }
  723. });
  724. }else{
  725. /* 隐藏题
  726. */
  727. var hidQuItemBody=$(".quId[value='"+skQuId+"']").parents(".li_surveyQuItemBody");
  728. hidQuItemBody.hide();
  729. hidQuItemBody.addClass("hidFor"+logicId);
  730. hidQuItemBody.find(".answerTag").attr("disabled",true);
  731. }
  732. }
  733. });
  734. }
  735. }
  736. }
  737. function skQuestion(nextQuItemBody,skQuId,logicId,callback){
  738. if(nextQuItemBody[0]){
  739. //submitSurveyBtn
  740. var nextQuType=nextQuItemBody.find(".quType").val();
  741. var nextQuId=nextQuItemBody.find(".quId").val();
  742. var nextAnswerTag=nextQuItemBody.find(".answerTag");
  743. //var quType=quItemBody.find(".quType").val();
  744. //var quId=quItemBody.find(".quId").val();
  745. //判断跳转类型
  746. if(skQuId==null){
  747. //对于逻辑选项未被选中的情况
  748. }else if(nextQuItemBody.is(":hidden")){
  749. skQuestion(nextQuItemBody.next(),skQuId,logicId,function(){
  750. });
  751. }else if(nextQuType!="submitSurveyBtn" && nextQuType!="PAGETAG" && (skQuId==="1" || skQuId==="2" || nextQuId!=skQuId) ){
  752. //对于逻辑项是被选定的情况下
  753. nextAnswerTag.attr("disabled",true);
  754. //nextQuItemBody.slideUp("slow");
  755. nextQuItemBody.hide();
  756. //nextQuItemBody.fadeOut();
  757. nextQuItemBody.addClass("hidFor"+logicId);
  758. skQuestion(nextQuItemBody.next(),skQuId,logicId,function(){
  759. });
  760. }
  761. }else{
  762. callback();
  763. }
  764. }
  765. resetQuNum();
  766. function resetQuNum(){
  767. var quCoNums=$(".quCoNum");
  768. $.each(quCoNums,function(i,item){
  769. $(this).html((i+1)+"、");
  770. });
  771. }
  772. /**********************处理答题进度条************************/
  773. //$("#resultProgress").progressbar({value: bfbFloat});
  774. function answerProgressbar(thObj){
  775. var quItemBody=thObj.parents(".li_surveyQuItemBody ");
  776. var quType=quItemBody.find(".quType").val();
  777. if(quType==="RADIO"){
  778. //quItemBody.find(".answerTag").val(1);
  779. var checks=quItemBody.find("input[type='radio']:checked");
  780. if(checks[0]){
  781. quItemBody.find(".answerTag").val(1);
  782. }else{
  783. quItemBody.find(".answerTag").val(0);
  784. }
  785. }else if(quType=="CHECKBOX"){
  786. var checks=quItemBody.find("input[type='checkbox']:checked");
  787. if(checks[0]){
  788. quItemBody.find(".answerTag").val(1);
  789. }else{
  790. quItemBody.find(".answerTag").val(0);
  791. }
  792. }else if(quType==="FILLBLANK"){
  793. var thVal=thObj.val();
  794. if(thVal!=""){
  795. quItemBody.find(".answerTag").val(1);
  796. }else{
  797. quItemBody.find(".answerTag").val(0);
  798. }
  799. }else if(quType==="ORDERQU"){
  800. //quOrderByLeftUl
  801. var orderByLabels=quItemBody.find(".quOrderByLeftUl label");
  802. if(!orderByLabels[0]){
  803. quItemBody.find(".answerTag").val(1);
  804. }else{
  805. quItemBody.find(".answerTag").val(0);
  806. }
  807. }else if( quType==="SCORE" ){
  808. //<input type="hidden" class="answerTag" value="0" >
  809. var quScoreOptionTr=thObj.parents(".quScoreOptionTr");
  810. var scoreNumInput=quScoreOptionTr.find(".scoreNumInput");
  811. if(scoreNumInput.val()!=""){
  812. quScoreOptionTr.find(".answerTag").val(1);
  813. }else{
  814. quScoreOptionTr.find(".answerTag").val(0);
  815. }
  816. }else if(quType==="MULTIFILLBLANK"){
  817. var mFillblankTableTr=thObj.parents(".mFillblankTableTr");
  818. if(thObj.val()!=""){
  819. mFillblankTableTr.find(".answerTag").val(1);
  820. }else{
  821. mFillblankTableTr.find(".answerTag").val(0);
  822. }
  823. }else if(quType==="CHENRADIO"){
  824. // || || quType==="CHENFBK"
  825. var dwQuCoChenRowTr=thObj.parents(".dwQuCoChenRowTr");
  826. dwQuCoChenRowTr.find(".answerTag").val(1);
  827. }else if(quType==="CHENCHECKBOX"){
  828. var dwQuCoChenRowTr=thObj.parents(".dwQuCoChenRowTr");
  829. var checks=dwQuCoChenRowTr.find("input[type='checkbox']:checked");
  830. if(checks[0]){
  831. dwQuCoChenRowTr.find(".answerTag").val(1);
  832. }else{
  833. dwQuCoChenRowTr.find(".answerTag").val(0);
  834. }
  835. }else if(quType==="CHENSCORE" ){
  836. var dwQuScoreOptionItemContent=thObj.parents(".dwQuScoreOptionItemContent");
  837. if(thObj.val()!="0"){
  838. dwQuScoreOptionItemContent.find(".answerTag").val(1);
  839. }else{
  840. dwQuScoreOptionItemContent.find(".answerTag").val(0);
  841. }
  842. }else if(quType==="CHENFBK"){
  843. var dwQuChenFbkOptionItemContent=thObj.parents(".dwQuChenFbkOptionItemContent");
  844. if(thObj.val()!=""){
  845. dwQuChenFbkOptionItemContent.find(".answerTag").val(1);
  846. }else{
  847. dwQuChenFbkOptionItemContent.find(".answerTag").val(0);
  848. }
  849. }
  850. var totalQuSize=$(".answerTag:enabled").size();
  851. var answerTag1=$(".answerTag[value='1']:enabled");
  852. var answerQuSize=0;
  853. if(answerTag1[0]){
  854. answerQuSize=answerTag1.size();
  855. }
  856. var newValue = parseInt(answerQuSize/totalQuSize*100);
  857. $("#resultProgressRoot .progress-label").text("完成度:"+newValue+"%");
  858. $("#resultProgress").progressbar("option", "value", newValue);
  859. }
  860. /*
  861. $("input").unbind("click");
  862. $("input").click(function(){
  863. var quItemBody=$(this).parents(".li_surveyQuItemBody ");
  864. var quType=quItemBody.find(".quType").val();
  865. if(quType=="RADIO"){
  866. quItemBody.find(".answerTag").val(1);
  867. }
  868. var totalQuSize=$(".answerTag:enabled").size();
  869. var answerTag1=$(".answerTag[value='1']:enabled");
  870. var answerQuSize=0;
  871. if(answerTag1[0]){
  872. answerQuSize=answerTag1.size();
  873. }
  874. var newValue = parseInt(answerQuSize/totalQuSize*100);
  875. $("#resultProgressRoot .progress-label").text(newValue+"%");
  876. $("#resultProgress").progressbar("option", "value", newValue);
  877. });
  878. */
  879. $("#mobileTdId").click(function(){
  880. $(this).next().slideToggle();
  881. return false;
  882. });
  883. });
  884. </script>
  885. <style type="text/css">
  886. .edui-editor-iframeholder{
  887. display: none;
  888. }
  889. .edui-default .edui-editor-toolbarboxouter{
  890. border: none! important;
  891. }
  892. #resultProgressRoot{
  893. right: -80px;
  894. bottom: 100px;
  895. width: 200px;
  896. z-index: 200;
  897. position: fixed;
  898. transform: rotate(90deg);
  899. }
  900. .progress-label {
  901. font-size:14px;
  902. font-family: "微软雅黑";
  903. margin: 0px auto;
  904. text-align: center;
  905. line-height: 1.4em;
  906. color: #83AE00;
  907. }
  908. .progressbarDiv {
  909. height: 10px! important;
  910. box-shadow: none! important;
  911. border: 1px solid #83AE00;
  912. }
  913. .progressbarDiv .ui-progressbar-value{
  914. background: #83AE00! important;
  915. border: none;
  916. }
  917. .ui-progressbar .ui-progressbar-value{
  918. margin: 0px;
  919. }
  920. .ui-progressbar {
  921. position: relative;
  922. background: none! important;
  923. }
  924. .quOptionEditTd .editAble,.scoreNumTable tr td,.quCoItemTable{
  925. font-size: 16px;
  926. }
  927. label.error{
  928. font-size: 14px;
  929. }
  930. </style>
  931. </head>
  932. <body>
  933. <div id="wrap">
  934. <input type="hidden" id="id" name="id" value="${survey.id }">
  935. <input type="hidden" id="ctx" name="ctx" value="${ctx }">
  936. <input type="hidden" id="surveyStyleId" value="${surveyStyle.id }">
  937. <input type="hidden" id="prevHost" value="${ctx }">
  938. <form id="surveyForm" action="${ctx }/response!save.action" method="post" >
  939. <input type="hidden" id="surveyId" name="surveyId" value="${survey.id }">
  940. <input type="hidden" id="sid" name="sid" value="${survey.sid }">
  941. <div id="dw_body" style="padding-top:10px;">
  942. <div id="dw_body_content">
  943. <div id="dwSurveyHeader">
  944. <div id="dwSurveyLogo"><img src="${ctx }/images/logo/sample_logo.png" height="70"/> </div>
  945. <%-- <div id="dwSurveyTitle" class="noLogoImg" >${survey.surveyName }</div>
  946. <div id="dwSurveyNote">
  947. <div id="dwSurveyNoteTools">参考样例</div>
  948. <div id="dwSurveyNoteEdit" >${survey.surveyDetail.surveyNote }</div>
  949. </div> --%>
  950. <div id="dwSurveyTitle" class="noLogoImg">
  951. <div id="dwSurveyName" class="editAble dwSvyName">${survey.surveyName }</div>
  952. </div>
  953. <div id="dwSurveyNote">
  954. <div id="dwSurveyNoteTools">参考样例</div>
  955. <div id="dwSurveyNoteEdit" class="editAble">${survey.surveyDetail.surveyNote }</div>
  956. </div>
  957. </div>
  958. <div id="dwSurveyQuContent" style="min-height: 300px;">
  959. <div id="dwSurveyQuContentBg">
  960. <!-- <div style="border-top: 3px solid #81AB00;margin:0px auto;padding-bottom: 15px;"></div> -->
  961. <c:set var="pageNo" value="1"></c:set>
  962. <c:set var="isNextPage" value="0"></c:set>
  963. <ul id="dwSurveyQuContentAppUl">
  964. <!-- 题目内容 -->
  965. <c:forEach items="${survey.questions }" var="en" varStatus="i">
  966. <c:choose>
  967. <c:when test="${en.quType eq 'RADIO' }">
  968. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  969. <div class="surveyQuItemBody">
  970. <div class="initLine"></div>
  971. <div class="quInputCase" style="display: none;">
  972. <input type="hidden" class="quType" value="RADIO" >
  973. <input type="hidden" class="quId" value="${en.id }" >
  974. <input type="hidden" class="orderById" value="${en.orderById }"/>
  975. <input type="hidden" class="isRequired" value="${en.isRequired }">
  976. <input type="hidden" class="answerTag" value="0" >
  977. <div class="quLogicInputCase">
  978. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  979. <div class="quLogicItem quLogicItem_${logicSts.count }">
  980. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  981. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  982. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  983. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  984. </div>
  985. </c:forEach>
  986. </div>
  987. </div>
  988. <div class="surveyQuItem">
  989. <div class="surveyQuItemContent">
  990. <div class="quCoTitle">
  991. <div class="quCoNum">${i.count }、</div>
  992. <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
  993. </div>
  994. <div class="quCoItem">
  995. <c:choose>
  996. <c:when test="${en.hv eq 3 }">
  997. <table class='tableQuColItem'>
  998. <c:forEach begin="0" end="${fn:length(en.quRadios)-1 }" var="j" step="${en.cellCount }">
  999. <tr>
  1000. <c:forEach begin="1" end="${en.cellCount }" var="k">
  1001. <td width="${600/en.cellCount }">
  1002. <!-- 判断不为空,访止数组越界 -->
  1003. <c:set var="quOptionIndex" value="${(j+k-1) }" ></c:set>
  1004. <c:choose>
  1005. <c:when test="${quOptionIndex < fn:length(en.quRadios) }">
  1006. <div class="dwQuOptionItemContent">
  1007. <label class="dwRedioStyle dwQuInputLabel" ></label>
  1008. <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>
  1009. <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 }" />
  1010. </div>
  1011. </c:when>
  1012. <c:otherwise><div class="emptyTd"></div></c:otherwise>
  1013. </c:choose>
  1014. </td>
  1015. </c:forEach>
  1016. </tr>
  1017. </c:forEach>
  1018. </table>
  1019. </c:when>
  1020. <c:when test="${en.hv eq 1 }">
  1021. <ul class="transverse">
  1022. <c:forEach items="${en.quRadios }" var="item">
  1023. <li class="quCoItemUlLi">
  1024. <div class="dwQuOptionItemContent">
  1025. <label class="dwRedioStyle dwQuInputLabel" ></label>
  1026. <input type="radio" name="qu_${en.quType }_${en.id }" value="${item.id }"><label class="editAble quCoOptionEdit quCoOptionPadding">${item.optionName }</label>
  1027. <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 }" />
  1028. </div>
  1029. </li>
  1030. <!-- <li><select> <option>可想而知</option> </select> </li> -->
  1031. </c:forEach>
  1032. </ul>
  1033. </c:when>
  1034. <c:otherwise>
  1035. <ul>
  1036. <c:forEach items="${en.quRadios }" var="item">
  1037. <li class="quCoItemUlLi">
  1038. <div class="dwQuOptionItemContent">
  1039. <label class="dwRedioStyle dwQuInputLabel" ></label>
  1040. <input type="radio" name="qu_${en.quType }_${en.id }" value="${item.id }" ><label class="editAble quCoOptionEdit quCoOptionPadding">${item.optionName }</label>
  1041. <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 }" />
  1042. </div>
  1043. </li>
  1044. <!-- <li><select> <option>可想而知</option> </select> </li> -->
  1045. </c:forEach>
  1046. </ul>
  1047. </c:otherwise>
  1048. </c:choose>
  1049. </div>
  1050. </div>
  1051. </div>
  1052. </div>
  1053. </li>
  1054. </c:when>
  1055. <c:when test="${en.quType eq 'CHECKBOX' }">
  1056. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  1057. <div class="surveyQuItemBody">
  1058. <div class="initLine"></div>
  1059. <div class="quInputCase" style="display: none;">
  1060. <input type="hidden" class="quType" value="CHECKBOX">
  1061. <input type="hidden" class="quId" value="${en.id }">
  1062. <input type="hidden" class="orderById" value="${en.orderById }"/>
  1063. <input type="hidden" class="isRequired" value="${en.isRequired }">
  1064. <input type="hidden" class="answerTag" value="0" >
  1065. <div class="quLogicInputCase">
  1066. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  1067. <div class="quLogicItem quLogicItem_${logicSts.count }">
  1068. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  1069. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  1070. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  1071. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  1072. </div>
  1073. </c:forEach>
  1074. </div>
  1075. <input type="hidden" name="qu_${en.quType }_${en.id }" value="tag_qu_${en.quType }_${en.id }_" />
  1076. </div>
  1077. <div class="surveyQuItem">
  1078. <div class="surveyQuItemContent">
  1079. <div class="quCoTitle">
  1080. <div class="quCoNum">${i.count }、</div>
  1081. <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
  1082. </div>
  1083. <div class="quCoItem">
  1084. <c:choose>
  1085. <c:when test="${en.hv eq 3 }">
  1086. <table class='tableQuColItem'>
  1087. <c:forEach begin="0" end="${fn:length(en.quCheckboxs)-1 }" var="j" step="${en.cellCount }" >
  1088. <tr>
  1089. <c:forEach begin="1" end="${en.cellCount }" var="k">
  1090. <td width="${600/en.cellCount }">
  1091. <!-- 判断不为空,访止数组越界 -->
  1092. <c:set var="quOptionIndex" value="${(j+k-1) }" ></c:set>
  1093. <c:choose>
  1094. <c:when test="${quOptionIndex < fn:length(en.quCheckboxs) }">
  1095. <div class="dwQuOptionItemContent">
  1096. <label class="dwCheckboxStyle dwQuInputLabel" ></label>
  1097. <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>
  1098. <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 }" />
  1099. </div>
  1100. </c:when>
  1101. <c:otherwise><div class="emptyTd"></div></c:otherwise>
  1102. </c:choose>
  1103. </td>
  1104. </c:forEach>
  1105. </tr>
  1106. </c:forEach>
  1107. </table>
  1108. </c:when>
  1109. <c:when test="${en.hv eq 1 }">
  1110. <ul class="transverse">
  1111. <c:forEach items="${en.quCheckboxs }" var="item">
  1112. <li class="quCoItemUlLi">
  1113. <div class="dwQuOptionItemContent">
  1114. <label class="dwCheckboxStyle dwQuInputLabel" ></label>
  1115. <input type="checkbox" name="tag_qu_${en.quType }_${en.id }_${item.id }" value="${item.id }" ><label class="editAble quCoOptionEdit quCoOptionPadding">${item.optionName }</label>
  1116. <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 }" />
  1117. </div>
  1118. </li>
  1119. <!-- <li><select> <option>可想而知</option> </select> </li> -->
  1120. </c:forEach>
  1121. </ul>
  1122. </c:when>
  1123. <c:otherwise>
  1124. <ul>
  1125. <c:forEach items="${en.quCheckboxs }" var="item">
  1126. <li class="quCoItemUlLi">
  1127. <div class="dwQuOptionItemContent">
  1128. <label class="dwCheckboxStyle dwQuInputLabel" ></label>
  1129. <input type="checkbox" name="tag_qu_${en.quType }_${en.id }_${item.id }" value="${item.id }" ><label class="editAble quCoOptionEdit quCoOptionPadding">${item.optionName }</label>
  1130. <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 }" />
  1131. </div>
  1132. </li>
  1133. <!-- <li><select> <option>可想而知</option> </select> </li> -->
  1134. </c:forEach>
  1135. </ul>
  1136. </c:otherwise>
  1137. </c:choose>
  1138. </div>
  1139. </div>
  1140. </div>
  1141. </div>
  1142. </li>
  1143. </c:when>
  1144. <c:when test="${en.quType eq 'FILLBLANK' }">
  1145. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  1146. <div class="surveyQuItemBody">
  1147. <div class="initLine"></div>
  1148. <div class="quInputCase" style="display: none;">
  1149. <input type="hidden" class="quType" value="FILLBLANK">
  1150. <input type="hidden" class="quId" value="${en.id }">
  1151. <input type="hidden" class="orderById" value="${en.orderById }"/>
  1152. <input type="hidden" class="isRequired" value="${en.isRequired }">
  1153. <input type="hidden" class="checkType" value="${en.checkType }">
  1154. <input type="hidden" class="answerTag" value="0" >
  1155. <div class="quLogicInputCase">
  1156. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  1157. <div class="quLogicItem quLogicItem_${logicSts.count }">
  1158. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  1159. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  1160. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  1161. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  1162. </div>
  1163. </c:forEach>
  1164. </div>
  1165. </div>
  1166. <div class="surveyQuItem">
  1167. <div class="surveyQuItemContent">
  1168. <div class="quCoTitle">
  1169. <div class="quCoNum">${i.count }、</div>
  1170. <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
  1171. </div>
  1172. <div class="quCoItem"><ul>
  1173. <li class="quCoItemUlLi">
  1174. <div class="quFillblankItem">
  1175. <%-- <input type="text" name="qu_${en.quType }_${en.id }" style="width:200px;padding:5px;" class="inputSytle_1 fillblankInput"> --%>
  1176. <c:choose>
  1177. <c:when test="${en.answerInputRow > 1 }">
  1178. <textarea name="qu_${en.quType }_${en.id }" rows="${en.answerInputRow }" style="width:${empty(en.answerInputWidth)?'300':en.answerInputWidth}px;"class="inputSytle_2 fillblankInput" ></textarea>
  1179. </c:when>
  1180. <c:when test="${en.contactsField eq 8}">
  1181. <select style="padding: 5px;" class="hat_province"><option>--选择省--</option> </select>
  1182. <select style="padding: 5px;" class="hat_city"><option>--选择市--</option> </select>
  1183. <select style="padding: 5px;" class="hat_area"><option>--选择区--</option> </select>
  1184. <input type="text" name="qu_${en.quType }_${en.id }" class="fbk_input" style="display: none;" >
  1185. </c:when>
  1186. <c:otherwise>
  1187. <input type="text" name="qu_${en.quType }_${en.id }" style="width:${empty(en.answerInputWidth)?'300':en.answerInputWidth}px;" class="inputSytle_1 fillblankInput" >
  1188. </c:otherwise>
  1189. </c:choose>
  1190. <div class="dwComEditMenuBtn" ></div>
  1191. </div>
  1192. </li>
  1193. </ul>
  1194. </div>
  1195. </div>
  1196. </div>
  1197. </div>
  1198. </li>
  1199. </c:when>
  1200. <c:when test="${en.quType eq 'SCORE' }">
  1201. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  1202. <div class="surveyQuItemBody">
  1203. <div class="initLine"></div>
  1204. <div class="quInputCase" style="display: none;">
  1205. <input type="hidden" class="quType" value="SCORE">
  1206. <input type="hidden" class="quId" value="${en.id }">
  1207. <input type="hidden" class="orderById" value="${en.orderById }"/>
  1208. <input type="hidden" class="isRequired" value="${en.isRequired }">
  1209. <div class="quLogicInputCase">
  1210. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  1211. <div class="quLogicItem quLogicItem_${logicSts.count }">
  1212. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  1213. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  1214. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  1215. <input type="hidden" class="geLe" value="${quLogicEn.geLe }"/>
  1216. <input type="hidden" class="scoreNum" value="${quLogicEn.scoreNum }"/>
  1217. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  1218. </div>
  1219. </c:forEach>
  1220. </div>
  1221. <input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
  1222. </div>
  1223. <div class="surveyQuItem">
  1224. <div class="surveyQuItemContent">
  1225. <div class="quCoTitle">
  1226. <div class="quCoNum">${i.count }、</div>
  1227. <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
  1228. </div>
  1229. <div class="quCoItem">
  1230. <table class="quCoItemTable" cellpadding="0" cellspacing="0">
  1231. <c:forEach items="${en.quScores }" var="item">
  1232. <tr class="quScoreOptionTr">
  1233. <td class="quCoItemTableTd quOptionEditTd">
  1234. <label class="editAble quCoOptionEdit">${item.optionName }</label>
  1235. <input class="dwScoreOptionId" value="${item.id }" disabled="disabled" type="hidden"/>
  1236. <input type="hidden" class="answerTag" value="0" >
  1237. </td>
  1238. <td class="quCoItemTableTd">
  1239. <table class="scoreNumTable" border="0" cellspacing="0" cellpadding="1" ><tr><c:forEach begin="1" end="${en.paramInt02 }" var="scoreNum"><td style="background-color: white;">${scoreNum }</td></c:forEach></tr></table>
  1240. <input name="item_qu_${en.quType }_${en.id }_${item.id }" value="" type="hidden" class="scoreNumInput" >
  1241. </td>
  1242. <td class="quCoItemTableTd scoreNumText">分</td>
  1243. </tr>
  1244. </c:forEach>
  1245. </table>
  1246. </div>
  1247. </div>
  1248. </div>
  1249. </div>
  1250. </li>
  1251. </c:when>
  1252. <c:when test="${en.quType eq 'ORDERQU' }">
  1253. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  1254. <div class="surveyQuItemBody">
  1255. <div class="initLine"></div>
  1256. <div class="quInputCase" style="display: none;">
  1257. <input type="hidden" class="quType" value="ORDERQU">
  1258. <input type="hidden" class="quId" value="${en.id }">
  1259. <input type="hidden" class="orderById" value="${en.orderById }"/>
  1260. <input type="hidden" class="isRequired" value="${en.isRequired }">
  1261. <input type="hidden" class="answerTag" value="0" >
  1262. <div class="quLogicInputCase">
  1263. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  1264. <div class="quLogicItem quLogicItem_${logicSts.count }">
  1265. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  1266. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  1267. </div>
  1268. </c:forEach>
  1269. </div>
  1270. <input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
  1271. </div>
  1272. <div class="surveyQuItem">
  1273. <div class="surveyQuItemContent">
  1274. <div class="quCoTitle">
  1275. <div class="quCoNum">${i.count }、</div>
  1276. <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
  1277. </div>
  1278. <div class="quCoItem quOrderByCoItem">
  1279. <div class="quOrderByRight">
  1280. <table class="quOrderByTable" style="padding:5px;">
  1281. <c:forEach items="${en.quOrderbys }" var="item" varStatus="itemVarStatus">
  1282. <tr class="quOrderByTableTr"><td class="quOrderyTableTd">${itemVarStatus.count }</td><td class="quOrderTabConnect"><%-- <label class="quOrderItemLabel">drag content ${itemVarStatus.count }</label> --%> </td></tr>
  1283. </c:forEach>
  1284. </table>
  1285. </div>
  1286. <%-- <div class="quOrderByLeft">
  1287. <ul class="quOrderByNumUl">
  1288. <c:forEach items="${en.quOrderbys }" var="item" varStatus="itemVarStatus">
  1289. <li><label class="quOrderyNumLabel">${itemVarStatus.count }</label>&nbsp;请夺</li>
  1290. </c:forEach>
  1291. </ul>
  1292. </div> --%>
  1293. <div class="quOrderByLeft">
  1294. <ul class="quOrderByLeftUl">
  1295. <c:forEach items="${en.quOrderbys }" var="item">
  1296. <li class="quCoItemUlLi">
  1297. <label class="editAble quCoOptionEdit">${item.optionName }
  1298. <input name="item_qu_${en.quType }_${en.id }_${item.id }" value="1" type="hidden" class="quOrderItemHidInput" >
  1299. </label>
  1300. </li>
  1301. </c:forEach>
  1302. </ul>
  1303. </div>
  1304. <div style="clear: both;"></div>
  1305. </div>
  1306. </div>
  1307. </div>
  1308. </div>
  1309. </li>
  1310. </c:when>
  1311. <%-- 分页题 --%>
  1312. <c:when test="${en.quType eq 'PAGETAG' }">
  1313. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  1314. <div class="surveyQuItemBody">
  1315. <div class="initLine"></div>
  1316. <div class="quInputCase" style="display: none;">
  1317. <input type="hidden" class="quType" value="PAGETAG">
  1318. <input type="hidden" class="quId" value="${en.id }">
  1319. <input type="hidden" class="orderById" value="${en.orderById }"/>
  1320. <input type="hidden" class="isRequired" value="${en.isRequired }">
  1321. <div class="quLogicInputCase">
  1322. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  1323. <div class="quLogicItem quLogicItem_${logicSts.count }">
  1324. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  1325. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  1326. </div>
  1327. </c:forEach>
  1328. </div>
  1329. </div>
  1330. <div class="surveyQuItem">
  1331. <div class="pageBorderTop nohover" ></div>
  1332. <div class="surveyQuItemContent" style="padding-top: 12px;height: 30px;min-height: 30px;">
  1333. <!-- <div class="pageQuContent">下一页(1/2)</div> -->
  1334. <a href="#" class="sbtn24 sbtn24_0 nextPage_a" >下一页</a>&nbsp;&nbsp;
  1335. <c:if test="${pageNo > 1 }">
  1336. <a href="#" class="sbtn24 sbtn24_1 prevPage_a">上一页</a>
  1337. <input type="hidden" name="prevPageNo" value="${pageNo-1 }">
  1338. </c:if>
  1339. <c:set var="pageNo" value="${pageNo+1 }"></c:set>
  1340. <input type="hidden" name="nextPageNo" value="${pageNo }">
  1341. </div>
  1342. </div>
  1343. </div>
  1344. </li>
  1345. </c:when>
  1346. <%--段落说明 --%>
  1347. <c:when test="${en.quType eq 'PARAGRAPH' }">
  1348. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  1349. <div class="surveyQuItemBody">
  1350. <div class="initLine"></div>
  1351. <div class="quInputCase" style="display: none;">
  1352. <input type="hidden" class="quType" value="PARAGRAPH">
  1353. <input type="hidden" class="quId" value="${en.id }">
  1354. <input type="hidden" class="orderById" value="${en.orderById }"/>
  1355. <input type="hidden" class="isRequired" value="${en.isRequired }">
  1356. <div class="quLogicInputCase">
  1357. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  1358. <div class="quLogicItem quLogicItem_${logicSts.count }">
  1359. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  1360. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  1361. </div>
  1362. </c:forEach>
  1363. </div>
  1364. </div>
  1365. <div class="surveyQuItem">
  1366. <div class="surveyQuItemContent" style="min-height: 35px;">
  1367. <div class="quCoTitle" style="background: rgb(243, 247, 247);">
  1368. <%-- <div class="quCoNum" >${i.count }、</div> --%>
  1369. <div class="editAble quCoTitleEdit" style="padding-left: 15px;">${en.quTitle}</div>
  1370. </div>
  1371. </div>
  1372. </div>
  1373. </div>
  1374. </li>
  1375. </c:when>
  1376. <%--多项填空题 --%>
  1377. <c:when test="${en.quType eq 'MULTIFILLBLANK' }">
  1378. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  1379. <div class="surveyQuItemBody">
  1380. <div class="initLine"></div>
  1381. <div class="quInputCase" style="display: none;">
  1382. <input type="hidden" class="quType" value="MULTIFILLBLANK">
  1383. <input type="hidden" class="quId" value="${en.id }">
  1384. <input type="hidden" class="orderById" value="${en.orderById }"/>
  1385. <input type="hidden" class="isRequired" value="${en.isRequired }">
  1386. <div class="quLogicInputCase">
  1387. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  1388. <div class="quLogicItem quLogicItem_${logicSts.count }">
  1389. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  1390. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  1391. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  1392. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  1393. </div>
  1394. </c:forEach>
  1395. </div>
  1396. <input type="hidden" name="qu_${en.quType }_${en.id }" value="text_qu_${en.quType }_${en.id }_" />
  1397. </div>
  1398. <div class="surveyQuItem">
  1399. <div class="surveyQuItemContent">
  1400. <div class="quCoTitle">
  1401. <div class="quCoNum">${i.count }、</div>
  1402. <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
  1403. </div>
  1404. <div class="quCoItem">
  1405. <table class="mFillblankTable" cellpadding="0" cellspacing="0">
  1406. <c:forEach items="${en.quMultiFillblanks }" var="item">
  1407. <tr class="mFillblankTableTr">
  1408. <td align="right" class="mFillblankTableEditTd"><label class="editAble quCoOptionEdit">${item.optionName }</label>
  1409. <input class="dwMFillblankOptionId" value="${item.id }" disabled="disabled" type="hidden"/>
  1410. <input type="hidden" class="answerTag" value="0" >
  1411. </td>
  1412. <td><input name="text_qu_${en.quType }_${en.id }_${item.id }" type="text" style="width:200px;padding:5px;" class="inputSytle_1 dwMFillblankInput"></td>
  1413. </tr>
  1414. </c:forEach>
  1415. </table>
  1416. </div>
  1417. </div>
  1418. </div>
  1419. </div>
  1420. </li>
  1421. </c:when>
  1422. <%-- 矩阵单选题 --%>
  1423. <c:when test="${en.quType eq 'CHENRADIO' }">
  1424. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  1425. <div class="surveyQuItemBody">
  1426. <div class="initLine"></div>
  1427. <div class="quInputCase" style="display: none;">
  1428. <input type="hidden" class="quType" value="CHENRADIO">
  1429. <input type="hidden" class="quId" value="${en.id }">
  1430. <input type="hidden" class="orderById" value="${en.orderById }"/>
  1431. <input type="hidden" class="isRequired" value="${en.isRequired }">
  1432. <div class="quLogicInputCase">
  1433. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  1434. <div class="quLogicItem quLogicItem_${logicSts.count }">
  1435. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  1436. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  1437. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  1438. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  1439. </div>
  1440. </c:forEach>
  1441. </div>
  1442. <input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
  1443. </div>
  1444. <div class="surveyQuItem">
  1445. <div class="surveyQuItemContent">
  1446. <div class="quCoTitle">
  1447. <div class="quCoNum">${i.count }、</div>
  1448. <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
  1449. </div>
  1450. <div class="quCoItem">
  1451. <div class="quCoItemLeftChenTableDiv">
  1452. <table class="quCoChenTable" >
  1453. <tr><td></td>
  1454. <c:forEach items="${en.columns }" var="columnItem">
  1455. <td class="quChenColumnTd"><label class="editAble quCoOptionEdit">${columnItem.optionName }</label></td>
  1456. </c:forEach>
  1457. </tr>
  1458. <c:forEach items="${en.rows }" var="rowItem">
  1459. <tr class="dwQuCoChenRowTr">
  1460. <td class="quChenRowTd"><label class="editAble quCoOptionEdit">${rowItem.optionName }</label>
  1461. <input type="hidden" class="answerTag" value="0" >
  1462. </td>
  1463. <c:forEach items="${en.columns }" var="columnItem">
  1464. <td>
  1465. <div class="dwQuOptionItemContent">
  1466. <label class="dwRedioStyle dwQuInputLabel" ></label>
  1467. <input type="hidden" class="dwChenInputTemp" disabled="disabled" value="${rowItem.id }:${columnItem.id }">
  1468. <input name="item_qu_${en.quType }_${en.id }_${rowItem.id }" value="${columnItem.id }" type="radio">
  1469. </div>
  1470. </td>
  1471. </c:forEach>
  1472. </tr>
  1473. </c:forEach>
  1474. </table>
  1475. </div>
  1476. </div>
  1477. <div style="clear: both;"></div>
  1478. </div>
  1479. </div>
  1480. </div>
  1481. </li>
  1482. </c:when>
  1483. <%--矩阵多选题 --%>
  1484. <c:when test="${en.quType eq 'CHENCHECKBOX' }">
  1485. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  1486. <div class="surveyQuItemBody">
  1487. <div class="initLine"></div>
  1488. <div class="quInputCase" style="display: none;">
  1489. <input type="hidden" class="quType" value="CHENCHECKBOX">
  1490. <input type="hidden" class="quId" value="${en.id }">
  1491. <input type="hidden" class="orderById" value="${en.orderById }"/>
  1492. <input type="hidden" class="isRequired" value="${en.isRequired }">
  1493. <div class="quLogicInputCase">
  1494. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  1495. <div class="quLogicItem quLogicItem_${logicSts.count }">
  1496. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  1497. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  1498. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  1499. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  1500. </div>
  1501. </c:forEach>
  1502. </div>
  1503. <input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
  1504. </div>
  1505. <div class="surveyQuItem">
  1506. <div class="surveyQuItemContent">
  1507. <div class="quCoTitle">
  1508. <div class="quCoNum">${i.count }、</div>
  1509. <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
  1510. </div>
  1511. <div class="quCoItem">
  1512. <div class="quCoItemLeftChenTableDiv">
  1513. <table class="quCoChenTable" >
  1514. <tr><td></td>
  1515. <c:forEach items="${en.columns }" var="columnItem">
  1516. <td class="quChenColumnTd"><label class="editAble quCoOptionEdit">${columnItem.optionName }</label></td>
  1517. </c:forEach>
  1518. </tr>
  1519. <c:forEach items="${en.rows }" var="rowItem">
  1520. <tr class="dwQuCoChenRowTr">
  1521. <td class="quChenRowTd"><label class="editAble quCoOptionEdit">${rowItem.optionName }</label>
  1522. <input type="hidden" name="item_qu_${en.quType }_${en.id }_${rowItem.id }" value="ck_item_qu_${en.quType }_${en.id }_${rowItem.id }_" />
  1523. <input type="hidden" class="answerTag" value="0" >
  1524. </td>
  1525. <c:forEach items="${en.columns }" var="columnItem">
  1526. <td>
  1527. <div class="dwQuOptionItemContent">
  1528. <label class="dwCheckboxStyle dwQuInputLabel" ></label>
  1529. <input type="hidden" class="dwChenInputTemp" disabled="disabled" value="${rowItem.id }:${columnItem.id }">
  1530. <input name="ck_item_qu_${en.quType }_${en.id }_${rowItem.id }_${columnItem.id}" value="${columnItem.id }" type="checkbox">
  1531. </div>
  1532. </td>
  1533. </c:forEach>
  1534. </tr>
  1535. </c:forEach>
  1536. </table>
  1537. </div>
  1538. </div>
  1539. <div style="clear: both;"></div>
  1540. </div>
  1541. </div>
  1542. </div>
  1543. </li>
  1544. </c:when>
  1545. <%-- 矩阵填空题 --%>
  1546. <c:when test="${en.quType eq 'CHENFBK' }">
  1547. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  1548. <div class="surveyQuItemBody">
  1549. <div class="initLine"></div>
  1550. <div class="quInputCase" style="display: none;">
  1551. <input type="hidden" class="quType" value="CHENFBK">
  1552. <input type="hidden" class="quId" value="${en.id }">
  1553. <input type="hidden" class="orderById" value="${en.orderById }"/>
  1554. <input type="hidden" class="isRequired" value="${en.isRequired }">
  1555. <div class="quLogicInputCase">
  1556. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  1557. <div class="quLogicItem quLogicItem_${logicSts.count }">
  1558. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  1559. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  1560. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  1561. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  1562. </div>
  1563. </c:forEach>
  1564. </div>
  1565. <input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
  1566. </div>
  1567. <div class="surveyQuItem">
  1568. <div class="surveyQuItemContent">
  1569. <div class="quCoTitle">
  1570. <div class="quCoNum">${i.count }、</div>
  1571. <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
  1572. </div>
  1573. <div class="quCoItem">
  1574. <div class="quCoItemLeftChenTableDiv">
  1575. <table class="quCoChenTable" >
  1576. <tr><td></td>
  1577. <c:forEach items="${en.columns }" var="columnItem">
  1578. <td class="quChenColumnTd"><label class="editAble quCoOptionEdit">${columnItem.optionName }</label></td>
  1579. </c:forEach>
  1580. </tr>
  1581. <c:forEach items="${en.rows }" var="rowItem">
  1582. <tr class="dwQuCoChenRowTr"><td class="quChenRowTd"><label class="editAble quCoOptionEdit">${rowItem.optionName }</label>
  1583. <input type="hidden" name="item_qu_${en.quType }_${en.id }_${rowItem.id }" value="fbk_item_qu_${en.quType }_${en.id }_${rowItem.id }_" />
  1584. </td>
  1585. <c:forEach items="${en.columns }" var="columnItem">
  1586. <td>
  1587. <div class="dwQuChenFbkOptionItemContent">
  1588. <input type="hidden" class="dwChenInputTemp" disabled="disabled" value="${rowItem.id }:${columnItem.id }">
  1589. <input name="fbk_item_qu_${en.quType }_${en.id }_${rowItem.id }_${columnItem.id }" type="text" class="inputSytle_1 dwChenMFillblankInput">
  1590. <input type="hidden" class="answerTag" value="0" >
  1591. </div>
  1592. </td>
  1593. </c:forEach>
  1594. </tr>
  1595. </c:forEach>
  1596. </table>
  1597. </div>
  1598. </div>
  1599. <div style="clear: both;"></div>
  1600. </div>
  1601. </div>
  1602. </div>
  1603. </li>
  1604. </c:when>
  1605. <%-- 矩阵评分题 --%>
  1606. <c:when test="${en.quType eq 'CHENSCORE' }">
  1607. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  1608. <div class="surveyQuItemBody">
  1609. <div class="initLine"></div>
  1610. <div class="quInputCase" style="display: none;">
  1611. <input type="hidden" class="quType" value="CHENSCORE">
  1612. <input type="hidden" class="quId" value="${en.id }">
  1613. <input type="hidden" class="orderById" value="${en.orderById }"/>
  1614. <input type="hidden" class="isRequired" value="${en.isRequired }">
  1615. <div class="quLogicInputCase">
  1616. <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
  1617. <div class="quLogicItem quLogicItem_${logicSts.count }">
  1618. <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
  1619. <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
  1620. <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
  1621. <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
  1622. </div>
  1623. </c:forEach>
  1624. </div>
  1625. <input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
  1626. </div>
  1627. <div class="surveyQuItem">
  1628. <div class="surveyQuItemContent">
  1629. <div class="quCoTitle">
  1630. <div class="quCoNum">${i.count }、</div>
  1631. <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
  1632. </div>
  1633. <div class="quCoItem">
  1634. <div class="quCoItemLeftChenTableDiv">
  1635. <table class="quCoChenTable" >
  1636. <tr><td></td>
  1637. <c:forEach items="${en.columns }" var="columnItem">
  1638. <td class="quChenColumnTd"><label class="editAble quCoOptionEdit">${columnItem.optionName }</label></td>
  1639. </c:forEach>
  1640. </tr>
  1641. <c:forEach items="${en.rows }" var="rowItem">
  1642. <tr class="dwQuCoChenRowTr"><td class="quChenRowTd"><label class="editAble quCoOptionEdit">${rowItem.optionName }</label>
  1643. <input type="hidden" name="item_qu_${en.quType }_${en.id }_${rowItem.id }" value="cs_item_qu_${en.quType }_${en.id }_${rowItem.id }_" />
  1644. </td>
  1645. <c:forEach items="${en.columns }" var="columnItem">
  1646. <td>
  1647. <div class="dwQuScoreOptionItemContent">
  1648. <input type="hidden" class="dwChenInputTemp" disabled="disabled" value="${rowItem.id }:${columnItem.id }">
  1649. <select name="cs_item_qu_${en.quType }_${en.id }_${rowItem.id }_${columnItem.id}" class="quChenScoreSelect" >
  1650. <option value="0">-评分-</option>
  1651. <c:forEach begin="1" end="5" var="scoreNum" >
  1652. <option value="${scoreNum }" >${scoreNum }分</option>
  1653. </c:forEach>
  1654. </select>
  1655. <input type="hidden" class="answerTag" value="0" >
  1656. </div>
  1657. </td>
  1658. </c:forEach>
  1659. </tr>
  1660. </c:forEach>
  1661. </table>
  1662. </div>
  1663. </div>
  1664. <div style="clear: both;"></div>
  1665. </div>
  1666. </div>
  1667. </div>
  1668. </li>
  1669. </c:when>
  1670. </c:choose>
  1671. </c:forEach>
  1672. <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
  1673. <div class="surveyQuItemBody">
  1674. <div class="surveyQuItem">
  1675. <!-- <div class="pageBorderTop nohover" ></div> -->
  1676. <div id="jcaptchaImgBody" class="r-qu-body" style="display: none;">
  1677. <div class="frmItem" style="">
  1678. <label for="" class="frm_label">验证码</label>
  1679. <div class="frm_controls">
  1680. <span class="auth-code" id="verifycodeImgArea">
  1681. <input name="jcaptchaInput" type="text" class="" style="width:100px;" autocomplete="off">
  1682. <img id="register-jcaptchaImg" onclick="refreshAutoCode('register-jcaptchaImg')" src="${ctx }/jcaptcha.action" alt="验证码" height="40"></span>
  1683. <a href="javascript:refreshAutoCode('register-jcaptchaImg');" style="margin-left: 5px;" hidefocus="true">换一张</a>
  1684. <span class="frm_desc">输入下面图片的字符,区分大小写</span>
  1685. <p class="valid-msg fail" style="display: none;"><i>●</i><span class="msg_content">验证码错误,请重新输入</span></p>
  1686. </div>
  1687. </div>
  1688. <div class="errorItem" style="display: none;"><label for="" class="error">验证码错误,请重新输入!</label></div>
  1689. <%-- 验证码:<input type="text" size="8" name="jcaptchaInput">
  1690. &nbsp;<img id="jcaptchaImg" alt="点击刷新" src="${ctx }/jcaptcha.action" align="top">
  1691. &nbsp;点击图片刷新 --%>
  1692. </div>
  1693. <input type="hidden" class="quType" value="submitSurveyBtn">
  1694. <div class="surveyQuItemContent" style="padding-top: 12px;height: 30px;min-height: 30px;">
  1695. <a href="#" id="submitSurvey" class="sbtn24 sbtn24_0 submitSurvey" >提&nbsp;交</a>&nbsp;&nbsp;
  1696. &nbsp;&nbsp;
  1697. <%-- <a href="${ctx }/report.action?sid=${survey.sid}" style="color: gray;text-decoration: none;" target="_blank">查看结果</a> --%>
  1698. <c:if test="${pageNo > 1 }">
  1699. <a href="#" class="sbtn24 sbtn24_1 prevPage_a">上一页</a>
  1700. <input type="hidden" name="prevPageNo" value="${pageNo-1 }">
  1701. </c:if>
  1702. <c:set var="pageNo" value="${pageNo+1 }"></c:set>
  1703. <input type="hidden" name="nextPageNo" value="${pageNo }">
  1704. </div>
  1705. </div>
  1706. </div>
  1707. </li>
  1708. </ul>
  1709. </div>
  1710. </div>
  1711. <%--答题进度 --%>
  1712. <div id="resultProgressRoot">
  1713. <div class="progress-label">完成度:0%</div>
  1714. <div id="resultProgress" class="progressbarDiv"></div>
  1715. </div>
  1716. </div>
  1717. </div>
  1718. </form>
  1719. </div>
  1720. <div class="footer-copyright" style="color: gray;padding-bottom: 5px;">
  1721. 尊重开源、保护开源,保留DWSurvey BEGIN
  1722. Powered by <a href="http://www.diaowen.net" style="text-decoration: none;color: gray;">DWSurvey</a>&nbsp;
  1723. 尊重开源、保护开源,保留DWSurvey END
  1724. <%--内容版权 <a href="http://www.diaowen.net" style="text-decoration: none;color: gray;">调问网</a>--%>
  1725. </div>
  1726. <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>
  1727. <script type="text/javascript">
  1728. var bfbFloat=0;
  1729. $("#resultProgress").progressbar({value: bfbFloat,orientation: "vertical"});
  1730. function refreshAutoCode(codeImgId){
  1731. var ctx=$("#ctx").val();
  1732. $("#"+codeImgId).attr("src",ctx+"/jcaptcha.action");
  1733. }
  1734. //判则判断
  1735. var url="${ctx}/response!ajaxCheckSurvey.action";
  1736. var data="surveyId=${survey.id}";
  1737. $.ajax({
  1738. url:url,
  1739. data:data,
  1740. type:"post",
  1741. success:function(msg){
  1742. var json=eval("("+msg+")");
  1743. if(json.isCheckCode==="3"){
  1744. $("#jcaptchaImgBody").show();
  1745. }
  1746. if(json.surveyStatus!="0"){
  1747. $("#fixedMsg").show();
  1748. $("#fixedMsg").html("您已经回答过此问卷!");
  1749. $("#submitSurvey").remove();
  1750. $("form").attr("action","#");
  1751. }
  1752. }
  1753. });
  1754. var errorcode="${param['errorcode']}";
  1755. if(errorcode=="3"){
  1756. var errorHtml="<div class=\"errorItem\" style=\"padding-left:30px;\" ><label for=\"\" class=\"error\">验证码不正确,请重新回答!</label></div>";
  1757. $("#dwSurveyHeader").append(errorHtml);
  1758. }
  1759. </script>
  1760. <%@ include file="/WEB-INF/page/layouts/other.jsp"%>
  1761. <!-- Diaowen.net Button BEGIN -->
  1762. <div id="webSiteFixedRight" class="websiteFixed" style="position: fixed;right: 0px;top: 20px;z-index: 9999;">
  1763. <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>
  1764. <img alt="" src="${ctx }/survey!answerTD.action?surveyId=${survey.id}" height="130" style="padding: 10px;background: white;display: none;" />
  1765. </div>
  1766. <!-- Diaowen.net Button END -->
  1767. </body>
  1768. </html>