test/DWSurvey
1
0
Fork 0
mirror of https://gitee.com/wkeyuan/DWSurvey.git synced 2024-11-30 02:58:55 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

修改移动端页面风格

Browse Source
This commit is contained in:
keyuan 2021-04-17 16:30:50 +08:00
parent b050992a8b
commit 75c59f8031
3 changed files with 46 additions and 154 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/main/java/com/key/dwsurvey/action/survey/MySurveyDesignAction.java
View File

@ -15,6 +15,7 @@ import com.key.dwsurvey.service.SurveyReqUrlManager;
import com.key.dwsurvey.service.SurveyStyleManager;
import com.opensymphony.xwork2.ActionSupport;
import org.apache.commons.lang.time.DateUtils;
import org.apache.commons.lang3.StringUtils;
import org.apache.struts2.ServletActionContext;
import org.apache.struts2.convention.annotation.*;
import org.springframework.beans.factory.annotation.Autowired;
@ -197,7 +198,7 @@ public class MySurveyDesignAction extends ActionSupport{
}
if(ynEndTime!=null && !"".equals(ynEndTime)){
surveyDetail.setYnEndTime(Integer.parseInt(ynEndTime));
if(endTime!=null){
if(StringUtils.isNotEmpty(endTime)){
SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
surveyDetail.setEndTime(simpleDateFormat.parse(endTime));
}

185
src/main/webapp/WEB-INF/page/content/diaowen-design/answer-survey-m.jsp
View File

@ -7,122 +7,27 @@
<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 href="${ctx }/css/sur-mobile.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="${ctx }/js/plugs/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css">
<%--<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 src="${ctx }/js/plugs/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.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" />
<style type="text/css">
.ui-page {
background:white;
}
.ui-header{
background-color: #5693C0! important;
text-shadow:0 1px 0 #3D586C! important;
padding-bottom: 5px;
}
.ui-content{
padding: 0px 1em;
}
.ui-footer{
color: #3D586C! important;
background: none! important;
}
.ui-header, .ui-footer{
border: none! important;
}
.starRating{
font-size: 26px;
}
.starRating .fa{
cursor: pointer;
}
.starRating .fa-star{
color: #3388CC;
}
.subbtn{
opacity:1! important;
color: white;
}
.quTitleNum{
/* position: absolute; */
}
.quTitleText{
/* text-indent: 2em; */
}
#dwSurveyNote{
padding-top: 0px;
}
.m_quOrderByUi{
margin: 5px 0 5px 0;
padding: 0;
border: 1px solid #d5d5d5;
border-radius: 3px;
}
.m_quOrderByUi li{
border-color: #fff;
font-size: 16px;
min-height: 41px;
position: relative;
padding-right: 45px!important;
border-bottom: 1px solid #EBEBEB!important;
}
.m_orderby_num{
position: absolute;
right: 10px;
top: 55%;
margin-top: -15px;
min-width: 26px;
height: 26px;
background: #85C8FF;
color: #fff;
text-align: center;
line-height: 26px;
border-radius: 15px;
z-index: 100;
display: none;
}
.m_orderby_sel{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
font-size: 30px;
z-index: 9999;
background-color: rgb(248, 248, 248);
border: 1px solid rgb(166, 166, 166);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
display: inline-block;
}
</style>
<link href="${ctx }/css/answer-m.css" rel="stylesheet" type="text/css" />
</head>
<body>
<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 data-role="page" >
<div data-role="header">
<div id="answer-m-head">
<div>
<div id="dwSurveyTitle" class="noLogoImg" style="padding-top: 5px;">
<!-- <i class="fa fa-star"></i> -->
<div id="dwSurveyName" class="dwSvyName" style="color:rgb(244, 234, 195);">${survey.surveyName }</div>
<div id="dwSurveyName" class="dwSvyName" style="">${survey.surveyName }</div>
</div>
<div id="dwSurveyNote">
<div id="dwSurveyNoteEdit" style="color:white;font-weight: normal;line-height: 20px;">${survey.surveyDetail.surveyNote }</div>
<div id="dwSurveyNoteEdit" >${survey.surveyDetail.surveyNote }</div>
</div>
</div>
<div id="m-errorMsg"></div>
@ -130,14 +35,14 @@
<div id="dwSurveyQuContent" style="">
<div id="dwSurveyQuContentBg">
<!-- <div style="border-top: 3px solid #81AB00;margin:0px auto;padding-bottom: 15px;"></div> -->
<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':''}">
@ -182,7 +87,7 @@
</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">
@ -227,7 +132,7 @@
</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">
@ -277,7 +182,7 @@
</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">
@ -298,7 +203,7 @@
</div>
<input type="hidden" name="qu_${en.quType }_${en.id }" value="item_qu_${en.quType }_${en.id }_" />
</div>
<div class="surveyQuItem">
<div class="surveyQuItemContent">
<fieldset data-role="controlgroup" >
@ -317,41 +222,15 @@
</div>
</c:forEach>
</div>
</fieldset>
</div>
</div>
<%-- <div class="surveyQuItem">
<div class="surveyQuItemContent">
<div class="quCoTitle">
<legend>
<span>${i.count }、</span>
<span>${en.quTitle}</span>
</legend>
</div>
<div class="quCoItem quOrderByCoItem">
<div class="quOrderByLeft">
<ul class="quOrderByLeftUl">
<c:forEach items="${en.quOrderbys }" var="item">
<li class="quCoItemUlLi">
<label class="editAble quCoOptionEdit" style="padding: 5px;background: #EDEDED;">${item.optionName }
<input name="item_qu_${en.quType }_${en.id }_${item.id }" value="1" type="hidden" class="quOrderItemHidInput" >
</label>
</li>
</c:forEach>
</ul>
</div>
<div style="clear: both;"></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':''}">
@ -387,7 +266,7 @@
</div>
</li>
</c:when>
<%--段落说明 --%>
<c:when test="${en.quType eq 'PARAGRAPH' }">
<li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
@ -419,7 +298,7 @@
</div>
</li>
</c:when>
<%--多项填空题 --%>
<c:when test="${en.quType eq 'MULTIFILLBLANK' }">
<li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
@ -443,7 +322,7 @@
<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>
@ -452,7 +331,7 @@
</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>
@ -461,25 +340,25 @@
<input type="hidden" class="answerTag" value="0" >
</div>
</c:forEach>
</div>
</div>
</div>
</div>
</li>
</c:when>
</c:choose>
</c:forEach>
<li class="li_surveyQuItemBody surveyQu_${pageNo }" style="${pageNo gt 1 ?'display: none':''}">
<div class="surveyQuItemBody">
<div class="surveyQuItem">
<div id="jcaptchaImgBody" class="r-qu-body" style="display: none;">
<div class="frmItem" style="">
<label for="" class="frm_label">验证码</label>
<div class="frm_controls">
@ -493,14 +372,14 @@
</div>
<div class="errorItem" style="display: none;"><label for="" class="error">验证码错误，请重新输入！</label></div>
</div>
<input type="hidden" class="quType" value="submitSurveyBtn">
<div class="surveyQuItemContent" style="margin-bottom: 0px;min-height:20px;">
<!-- <a href="#" data-theme="b" data-role="button">提&nbsp;交</a>&nbsp;&nbsp; -->
<input type="button" class="submitSurvey" id="submitSurvey" value="提&nbsp;交" data-role="button" data-theme="b" />
<!-- <a href="#" class="sbtn24 sbtn24_0 submitSurvey">提&nbsp;交</a>&nbsp;&nbsp; -->
<!-- <a href="#" class="sbtn24 sbtn24_0 submitSurvey">提&nbsp;交</a>&nbsp;&nbsp; -->
<c:if test="${pageNo > 1 }">
<a href="#" class="sbtn24 sbtn24_1 prevPage_a">上一页</a>
<input type="hidden" name="prevPageNo" value="${pageNo-1 }">
@ -511,7 +390,7 @@
</div>
</div>
</li>
</ul>
</div>
</div>
@ -525,4 +404,4 @@
<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>
</html>

12
src/main/webapp/css/answer-m.css Normal file
View File

@ -0,0 +1,12 @@
#answer-m-head .dwSvyName{
color: dodgerblue;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
}
#dwSurveyNoteEdit{
padding: 10px 0px;
color: #333;
font-size: 14px;
line-height: 20px;
}