修改移动端页面风格

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

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));
}

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>
@ -322,32 +227,6 @@
</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>

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;
}