answer-survey.jsp 79 KB

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