| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472 |
- <%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
- <%@include file="/common/taglibs.jsp" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>${survey.surveyName }</title>
- <link rel="stylesheet" href="${ctx }/js/plugs/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css">
- <script type="text/javascript" src="${ctx }/js/plugs/jquery-ui-1.10.3.custom/js/jquery-1.10.1.js"></script>
- <%--<script src="${ctx }/js/plugs/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script>--%>
- <script language="javascript" type="text/javascript" src="${ctx }/js/plugs/laydate/laydate.js"></script>
- <script type="text/javascript" src="${ctx }/js/common/ans-common.js"></script>
- <script type="text/javascript" src="${ctx }/js/common/common.js"></script>
- <script src="${ctx }/js/common/ans-m.js"></script>
- <link href="${ctx }/js/plugs/font-awesome-4.2.0/css/font-awesome.css" rel="stylesheet">
- <link href="${ctx}/js/plugs/validate/jquery.validate.css" type="text/css" rel="stylesheet" />
- <link href="${ctx }/css/answer-m.css" rel="stylesheet" type="text/css" />
- </head>
- <body>
- <input type="hidden" id="ctx" name="ctx" value="${ctx }">
- <form id="surveyForm" action="${ctx }/dws-answer!saveMobile.action" method="post" data-ajax="false">
- <input type="hidden" id="surveyId" name="surveyId" value="${survey.id }">
- <input type="hidden" name="form-from" value="mobile" >
- <div style="padding: 0px 10px;">
- <div id="answer-m-head" >
- <div id="dwSurveyTitle" class="noLogoImg" style="padding-top: 5px;">
- <!-- <i class="fa fa-star"></i> -->
- <div id="dwSurveyName" class="dwSvyName" style="">${survey.surveyName }</div>
- </div>
- <div id="dwSurveyNote">
- <div id="dwSurveyNoteEdit" >${survey.surveyDetail.surveyNote }</div>
- </div>
- </div>
- <div id="m-errorMsg"></div>
- <div id="answer-m-content">
- <div id="dwSurveyQuContent" style="">
- <div id="dwSurveyQuContentBg">
- <c:set var="pageNo" value="1"></c:set>
- <c:set var="isNextPage" value="0"></c:set>
- <ul id="dwSurveyQuContentAppUl">
- <!-- 题目内容 -->
- <c:forEach items="${survey.questions }" var="en" varStatus="i">
- <c:choose>
- <c:when test="${en.quType eq 'RADIO' }">
- <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
- <div class="surveyQuItemBody">
- <div class="initLine"></div>
- <div class="quInputCase" style="display: none;">
- <input type="hidden" class="quType" value="RADIO" >
- <input type="hidden" class="quId" value="${en.id }" >
- <input type="hidden" class="orderById" value="${en.orderById }"/>
- <input type="hidden" class="isRequired" value="${en.isRequired }">
- <input type="hidden" class="answerTag" value="0" >
- <div class="quLogicInputCase">
- <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
- <div class="quLogicItem quLogicItem_${logicSts.count }">
- <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
- <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
- <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
- <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
- </div>
- </c:forEach>
- </div>
- </div>
- <div class="surveyQuItem">
- <div class="surveyQuItemContent">
- <div class="controlgroup" >
- <legend>
- <span class="quTitleNum">${i.count }、</span>
- <span class="quTitleText">${en.quTitle}</span>
- </legend>
- <c:forEach items="${en.quRadios }" var="item" >
- <div class="dwQuOptionItemContent" >
- <label class="dwRedioStyle dwQuInputLabel" ></label>
- <input id="qu_${en.quType }_${en.id }_${item.id}" type="radio" name="qu_${en.quType }_${en.id }" value="${item.id }">
- <label for="qu_${en.quType }_${en.id }_${item.id}">${item.optionName }</label>
- <c:if test="${item.isNote eq 1 }" >
- <input type='text' class='inputSytle_1 option_other_text' name="text_qu_${en.quType }_${en.id }_${item.id }" />
- </c:if>
- </div>
- </c:forEach>
- </div>
- </div>
- </div>
- </div>
- </li>
- </c:when>
- <c:when test="${en.quType eq 'CHECKBOX' }">
- <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
- <div class="surveyQuItemBody">
- <div class="initLine"></div>
- <div class="quInputCase" style="display: none;">
- <input type="hidden" class="quType" value="CHECKBOX">
- <input type="hidden" class="quId" value="${en.id }">
- <input type="hidden" class="orderById" value="${en.orderById }"/>
- <input type="hidden" class="isRequired" value="${en.isRequired }">
- <input type="hidden" class="answerTag" value="0" >
- <div class="quLogicInputCase">
- <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
- <div class="quLogicItem quLogicItem_${logicSts.count }">
- <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
- <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
- <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
- <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
- </div>
- </c:forEach>
- </div>
- <input type="hidden" name="qu_${en.quType }_${en.id }" value="tag_qu_${en.quType }_${en.id }_" />
- </div>
- <div class="surveyQuItem">
- <div class="surveyQuItemContent">
- <div class="controlgroup" >
- <legend>
- <span class="quTitleNum">${i.count }、</span>
- <span class="quTitleText">${en.quTitle}</span>
- </legend>
- <c:forEach items="${en.quCheckboxs }" var="item">
- <div class="dwQuOptionItemContent" >
- <label class="dwCheckboxStyle dwQuInputLabel" ></label>
- <input id="tag_qu_${en.quType }_${en.id }_${item.id }" type="checkbox" name="tag_qu_${en.quType }_${en.id }_${item.id }" value="${item.id }" >
- <label for="tag_qu_${en.quType }_${en.id }_${item.id }" >${item.optionName }</label>
- <c:if test="${item.isNote eq 1 }" >
- <input type='text' class='inputSytle_1 option_other_text' name="text_tag_qu_${en.quType }_${en.id }_${item.id }" />
- </c:if>
- </div>
- </c:forEach>
- </div>
- </div>
- </div>
- </div>
- </li>
- </c:when>
- <c:when test="${en.quType eq 'FILLBLANK' }">
- <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
- <div class="surveyQuItemBody">
- <div class="initLine"></div>
- <div class="quInputCase" style="display: none;">
- <input type="hidden" class="quType" value="FILLBLANK">
- <input type="hidden" class="quId" value="${en.id }">
- <input type="hidden" class="orderById" value="${en.orderById }"/>
- <input type="hidden" class="isRequired" value="${en.isRequired }">
- <input type="hidden" class="checkType" value="${en.checkType }">
- <input type="hidden" class="answerTag" value="0" >
- <input type="hidden" class="paramInt01" value="${en.paramInt01}">
- <div class="quLogicInputCase">
- <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
- <div class="quLogicItem quLogicItem_${logicSts.count }">
- <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
- <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
- <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
- <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
- </div>
- </c:forEach>
- </div>
- </div>
- <div class="surveyQuItem">
- <div class="surveyQuItemContent" >
- <div style="margin: 0px 5px;">
- <label for="qu_${en.quType }_${en.id }">
- <span class="quTitleNum">${i.count }、</span>
- <span class="quTitleText">${en.quTitle}</span>
- </label>
- <%--<input id="qu_${en.quType }_${en.id }" type="text" name="qu_${en.quType }_${en.id }" class="fillblankInput" >--%>
- <c:choose>
- <c:when test="${en.checkType eq 'DATE'}">
- <input type="text" name="qu_${en.quType }_${en.id }" class="inputSytle_1 fillblankInput" readonly style="margin-top: 10px;" >
- </c:when>
- <c:when test="${en.answerInputRow > 1 }">
- <textarea name="qu_${en.quType }_${en.id }" rows="${en.answerInputRow }" class="inputSytle_2 fillblankInput" style="margin-top: 10px;" > ></textarea>
- </c:when>
- <c:otherwise>
- <input type="text" name="qu_${en.quType }_${en.id }" class="inputSytle_1 fillblankInput" style="margin-top: 10px;" >
- </c:otherwise>
- </c:choose>
- </div>
- </div>
- </div>
- </div>
- </li>
- </c:when>
- <c:when test="${en.quType eq 'ORDERQU' }">
- <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
- <div class="surveyQuItemBody">
- <div class="initLine"></div>
- <div class="quInputCase" style="display: none;">
- <input type="hidden" class="quType" value="ORDERQU">
- <input type="hidden" class="quId" value="${en.id }">
- <input type="hidden" class="orderById" value="${en.orderById }"/>
- <input type="hidden" class="isRequired" value="${en.isRequired }">
- <input type="hidden" class="answerTag" value="0" >
- <div class="quLogicInputCase">
- <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
- <div class="quLogicItem quLogicItem_${logicSts.count }">
- <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
- <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
- </div>
- </c:forEach>
- </div>
- <input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
- </div>
- <div class="surveyQuItem">
- <div class="surveyQuItemContent">
- <div class="controlgroup" >
- <legend>
- <span class="quTitleNum">${i.count }、</span>
- <span class="quTitleText">${en.quTitle}</span>
- </legend>
- <div class="ui-controlgroup-controls ">
- <c:forEach items="${en.quOrderbys }" var="item">
- <div class="ui-checkbox m_clickQuOrderItem">
- <label class="ui-btn ui-corner-all ui-btn-inherit itemOptionname" style="text-align: left;" >${item.optionName }</label>
- <div class="m_orderby_num">0</div>
- <div style="display: none;">
- <input name="item_qu_${en.quType }_${en.id }_${item.id }" value="0" type="hidden" class="quOrderItemHidInput" >
- </div>
- </div>
- </c:forEach>
- </div>
- </div>
- </div>
- </div>
- </div>
- </li>
- </c:when>
- <%-- 分页题 --%>
- <c:when test="${en.quType eq 'PAGETAG' }">
- <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
- <div class="surveyQuItemBody">
- <div class="initLine"></div>
- <div class="quInputCase" style="display: none;">
- <input type="hidden" class="quType" value="PAGETAG">
- <input type="hidden" class="quId" value="${en.id }">
- <input type="hidden" class="orderById" value="${en.orderById }"/>
- <input type="hidden" class="isRequired" value="${en.isRequired }">
- <div class="quLogicInputCase">
- <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
- <div class="quLogicItem quLogicItem_${logicSts.count }">
- <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
- <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
- </div>
- </c:forEach>
- </div>
- </div>
- <div class="surveyQuItem">
- <div class="pageBorderTop nohover" ></div>
- <div class="surveyQuItemContent" style="padding-top: 12px;height: 30px;min-height: 30px;">
- <!-- <div class="pageQuContent">下一页(1/2)</div> -->
- <a href="#" class="sbtn24 sbtn24_0 nextPage_a" >下一页</a>
- <c:if test="${pageNo > 1 }">
- <a href="#" class="sbtn24 sbtn24_1 prevPage_a">上一页</a>
- <input type="hidden" name="prevPageNo" value="${pageNo-1 }">
- </c:if>
- <c:set var="pageNo" value="${pageNo+1 }"></c:set>
- <input type="hidden" name="nextPageNo" value="${pageNo }">
- </div>
- </div>
- </div>
- </li>
- </c:when>
- <%--段落说明 --%>
- <c:when test="${en.quType eq 'PARAGRAPH' }">
- <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
- <div class="surveyQuItemBody">
- <div class="initLine"></div>
- <div class="quInputCase" style="display: none;">
- <input type="hidden" class="quType" value="PARAGRAPH">
- <input type="hidden" class="quId" value="${en.id }">
- <input type="hidden" class="orderById" value="${en.orderById }"/>
- <input type="hidden" class="isRequired" value="${en.isRequired }">
- <div class="quLogicInputCase">
- <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
- <div class="quLogicItem quLogicItem_${logicSts.count }">
- <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
- <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
- </div>
- </c:forEach>
- </div>
- </div>
- <div class="surveyQuItem">
- <div class="surveyQuItemContent" style="min-height: 20px;">
- <div class="quCoTitle">
- <%-- <div class="quCoNum quTitleNum">${i.count }、</div> --%>
- <div class="quCoTitleEdit" >${en.quTitle}</div>
- </div>
- <hr/>
- </div>
- </div>
- </div>
- </li>
- </c:when>
- <%--多项填空题 --%>
- <c:when test="${en.quType eq 'MULTIFILLBLANK' }">
- <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
- <div class="surveyQuItemBody">
- <div class="initLine"></div>
- <div class="quInputCase" style="display: none;">
- <input type="hidden" class="quType" value="MULTIFILLBLANK">
- <input type="hidden" class="quId" value="${en.id }">
- <input type="hidden" class="orderById" value="${en.orderById }"/>
- <input type="hidden" class="isRequired" value="${en.isRequired }">
- <div class="quLogicInputCase">
- <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
- <div class="quLogicItem quLogicItem_${logicSts.count }">
- <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
- <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
- <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
- <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
- </div>
- </c:forEach>
- </div>
- <input type="hidden" name="qu_${en.quType }_${en.id }" value="text_qu_${en.quType }_${en.id }_" />
- </div>
- <div class="surveyQuItem">
- <div class="surveyQuItemContent">
- <div class="quCoTitle">
- <legend>
- <span class="quTitleNum">${i.count }、</span>
- <span class="quTitleText">${en.quTitle}</span>
- </legend>
- </div>
- <div class="quCoItem">
- <c:forEach items="${en.quMultiFillblanks }" var="item">
- <div class="mFillblankTableTr">
- <label for="text_qu_${en.quType }_${en.id }_${item.id }">${item.optionName }</label>
- <input id="text_qu_${en.quType }_${en.id }_${item.id }" name="text_qu_${en.quType }_${en.id }_${item.id }" type="text" class="dwMFillblankInput" >
- <input class="dwMFillblankOptionId" value="${item.id }" disabled="disabled" type="hidden"/>
- <input type="hidden" class="answerTag" value="0" >
- </div>
- </c:forEach>
- </div>
- </div>
- </div>
- </div>
- </li>
- </c:when>
- <c:when test="${en.quType eq 'SCORE' }">
- <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
- <div class="surveyQuItemBody">
- <div class="initLine"></div>
- <div class="quInputCase" style="display: none;">
- <input type="hidden" class="quType" value="SCORE">
- <input type="hidden" class="quId" value="${en.id }">
- <input type="hidden" class="orderById" value="${en.orderById }"/>
- <input type="hidden" class="isRequired" value="${en.isRequired }">
- <div class="quLogicInputCase">
- <c:forEach items="${en.questionLogics }" var="quLogicEn" varStatus="logicSts">
- <div class="quLogicItem quLogicItem_${logicSts.count }">
- <input type="hidden" class="cgQuItemId" value="${quLogicEn.cgQuItemId }"/>
- <input type="hidden" class="skQuId" value="${quLogicEn.skQuId }"/>
- <input type="hidden" class="logicId" value="${quLogicEn.id }"/>
- <input type="hidden" class="geLe" value="${quLogicEn.geLe }"/>
- <input type="hidden" class="scoreNum" value="${quLogicEn.scoreNum }"/>
- <input type="hidden" class="logicType" value="${quLogicEn.logicType }"/>
- </div>
- </c:forEach>
- </div>
- <input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
- </div>
- <div class="surveyQuItem">
- <div class="surveyQuItemContent">
- <%--<div class="quCoTitle">
- <div class="quCoNum">${i.count }、</div>
- <div class="editAble quCoTitleEdit" >${en.quTitle}</div>
- </div>--%>
- <legend>
- <span class="quTitleNum">${i.count }、</span>
- <span class="quTitleText">${en.quTitle}</span>
- </legend>
- <div class="quCoQuNote"><div class="quCoNoteEdit" >${en.quNote}</div></div>
- <div class="quCoItem">
- <c:forEach items="${en.quScores }" var="item">
- <div class="scoreRow quScoreOptionTr quOptionItemRow">
- <input class="dwScoreOptionId" value="${item.id }" disabled="disabled" type="hidden"/>
- <input type="hidden" class="answerTag" value="0" >
- <div class="dwsurvey-controlgroup starRating" >
- <div class="starOptionTitle" ><label>${item.optionName }</label></div>
- <div class="starOptionContent" ><c:forEach begin="1" end="${en.paramInt02 }" var="scoreNum"><i class="fa fa-star-o"></i></c:forEach></div>
- </div>
- <input name="item_qu_${en.quType }_${en.id }_${item.id }" value="" type="hidden" class="scoreNumInput" >
- </div>
- </c:forEach>
- </div>
- </div>
- </div>
- </div>
- </li>
- </c:when>
- </c:choose>
- </c:forEach>
- <li class="li_surveyQuItemBody surveyQu_${pageNo }" style="padding-bottom: 40px;padding-top: 20px;${pageNo gt 1 ?'display: none':''}">
- <div class="surveyQuItemBody">
- <div class="surveyQuItem">
- <div id="jcaptchaImgBody" class="r-qu-body" style="display: none;padding-bottom: 15px;">
- <div class="frmItem" style="">
- <label class="frm_label">验证码</label>
- <div class="frm_controls">
- <span class="auth-code" id="verifycodeImgArea">
- <input name="jcaptchaInput" type="text" class="" style="padding: 6px;" autocomplete="off">
- <img id="register-jcaptchaImg" onclick="refreshAutoCode('register-jcaptchaImg')" src="${ctx }/jcaptcha.action" alt="验证码" height="40"></span>
- <a href="javascript:refreshAutoCode('register-jcaptchaImg');" style="margin-left: 5px;" hidefocus="true">换一张</a>
- <span class="frm_desc">验证码,区分大小写</span>
- <p class="valid-msg fail" style="display: none;"><i>●</i><span class="msg_content">验证码错误,请重新输入</span></p>
- </div>
- </div>
- <div class="errorItem" style="display: none;"><label class="error">验证码错误,请重新输入!</label></div>
- </div>
- <input type="hidden" class="quType" value="submitSurveyBtn">
- <div class="surveyQuItemContent" >
- <!-- <a href="#" data-theme="b" data-role="button">提 交</a> -->
- <input type="button" class="submitSurvey" id="submitSurvey" value="提 交" data-role="button" data-theme="b" />
- <!-- <a href="#" class="sbtn24 sbtn24_0 submitSurvey">提 交</a> -->
- <c:if test="${pageNo > 1 }">
- <a href="#" class="sbtn24 sbtn24_1 prevPage_a">上一页</a>
- <input type="hidden" name="prevPageNo" value="${pageNo-1 }">
- </c:if>
- <c:set var="pageNo" value="${pageNo+1 }"></c:set>
- <input type="hidden" name="nextPageNo" value="${pageNo }">
- </div>
- </div>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </form>
- <div class="dw-footer" >
- <div><a href="http://diaowen.net/index-m.jsp" style="text-decoration: none;" rel="external" title="开源的调查问卷系统" >调问网 DWSurvey </a>提供技术支持</div>
- </div>
- <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>
- <%@ include file="/WEB-INF/page/layouts/other.jsp"%>
- </body>
- </html>
|