Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
47b2d7bb by 任超
Options

style：填报信息

1 parent d1e1798b
Inline Side-by-side
Showing 4 changed files with 166 additions and 2 deletions
......@@ -4,10 +4,85 @@
}
.evaluate_nav {
font-size: 0;
margin-top: 20px;
}
.evaluate_nav li {
height: 100px;
display: inline-block;
width: 25%;
font-size: 14px;
text-align: center;
box-sizing: border-box;
padding-top: 35px;
}
.evaluate_nav li:not(:last-child) {
border-right: 1px solid #dedede;
}
.evaluate_nav li p:nth-child(1) {
color: rgb(128, 124, 124);
}
.evaluate_nav li p:nth-child(2){
font-size: 24px;
margin-top: 10px;
}
.evaluate_nav li p:nth-child(2) span {
font-size: 14px;
}
.satisfaction {
margin-top: 20px;
}
.satisfaction .evaluate {
width: 49%;
display: inline-block;
padding: 20px;
box-sizing: border-box;
}
.satisfaction .region {
width: 49%;
float: right;
padding: 20px;
box-sizing: border-box;
}
.satisfaction ul .evaluate_item {
border-bottom: 1px dotted #dedede;
}
.satisfaction ul li p {
display: inline-block;
height: 35px;
line-height: 35px;
}
.satisfaction ul li p:nth-child(1) {
width: 80px;
text-align: left;
}
.satisfaction ul li .score {
position: relative;
top: -12px;
margin-left: 26px;
}
.satisfaction .evaluate_item span{
float: right;
display: inline-block;
height: 35px;
line-height: 35px;
}
.satisfaction h3 {
font-weight: 600;
margin-bottom: 10px;
}
.region .region_title, .region_list {
border-bottom: 1px dotted #dedede;
}
.region .region_title span {
color: rgb(110, 110, 110);
}
.region_title span {
display: inline-block;
width: 23%;
}
.region_list span {
display: inline-block;
height: 36px;
line-height: 36px;
}
\ No newline at end of file
......
......@@ -4,4 +4,42 @@ layui.use('element', function () {
});
$(function () {
addTabs('#evaluate');
})
\ No newline at end of file
fetchDataReviews();
})
function fetchDataReviews() {
layui.use(['rate'], function () {
var rate = layui.rate;
rate.render({
elem: '#score'
, value: 5 //初始值
, text: false //开启文本
});
rate.render({
elem: '#score1'
, value: 4 //初始值
, text: false //开启文本
});
rate.render({
elem: '#score2'
, value: 3 //初始值
, text: false //开启文本
});
rate.render({
elem: '#score3'
, value: 2 //初始值
, text: false //开启文本
});
rate.render({
elem: '#score4'
, value: 1 //初始值
, text: false //开启文本
});
// 城区评价
rate.render({
elem: '#grade'
, value: 5 //初始值
, text: false //开启文本
,theme: '#006CFF' //自定义主题色
});
})
}
\ No newline at end of file
......
......@@ -243,7 +243,7 @@ $('.formRadio').click(function () {
//下一步事件
function skipClick() {
if (_saveSQR()) {
// skipNextPage(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
skipNextPage(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
} else {
layer.msg('保存信息出错！');
}
......
......@@ -30,6 +30,57 @@
<p>9.8<span>分</span></p>
</li>
</ul>
<!-- 满意度 -->
<div class="satisfaction">
<div class="evaluate cardItem">
<h3>评价满意度</h3>
<ul>
<li class="evaluate_item">
<p>非常满意</p>
<p id="score" class="score"></p>
<span>399条</span>
</li>
<li class="evaluate_item">
<p>满意</p>
<p id="score1" class="score"></p>
<span>399条</span>
</li>
<li class="evaluate_item">
<p>基本满意</p>
<p id="score2" class="score"></p>
<span>399条</span>
</li>
<li class="evaluate_item">
<p>不满意</p>
<p id="score3" class="score"></p>
<span>0条</span>
</li>
<li class="evaluate_item">
<p>非常不满意</p>
<p id="score4" class="score"></p>
<span>0条</span>
</li>
</ul>
</div>
<div class="region cardItem">
<h3>下属区域排行</h3>
<ul>
<li class="region_title">
<span>区域</span>
<span>评论数</span>
<span>差评数</span>
<span>评分</span>
</li>
<li class="region_list">
<span>城六区</span>
<span>8</span>
<span>10</span>
<p id="grade"></p>
<span>9.8分</span>
</li>
</ul>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
......