Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
536f2ddf by 焦小希
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/portalStaticPage

2 parents 0ff1c8dc 47b2d7bb
Inline Side-by-side
Showing 4 changed files with 177 additions and 7 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');
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
......
......@@ -182,7 +182,7 @@ function authorityPerson() {
// form 添加
$('.add_form').click(function () {
$('#layui-form').append(
'<div class="layui-form-item">' +
'<div class="layui-form-item sqrList">' +
'<div class="layui-inline">' +
'<label class="layui-form-label">姓名</label>' +
'<div class="layui-input-block">' +
......@@ -192,7 +192,7 @@ function authorityPerson() {
'<div class="layui-inline idCard">' +
'<label class="layui-form-label">身份证类型</label>' +
'<div class="layui-input-block">' +
'<select lay-filter="typeId">' +
'<select lay-filter="typeId" name="sqrzj">' +
'<option value="1">身份证</option>' +
'<option value="2">军官证</option>' +
'</select>' +
......@@ -221,11 +221,11 @@ function authorityPerson() {
console.log(data.value);
});
})
})
// 编辑
$(document).on("click", ".layui-icon-reduce-circle", function (e) {
$(this).parent().remove()
})
})
}
// 图片上传
// 领证方式
......@@ -417,13 +417,19 @@ function _uploadSlcl(flieList, bsmCl, fileul, sizeNum) {
function _saveSQR() {
var isSave = false;
// 申请人信息
var d = {}, sqrList = [];
var d = {}, sqrList = [], tobj = {} , tLists = [];
var t = $('.sqrList').serializeArray();
$.each(t, function () {
d[this.name] = this.value;
});
d.userid = getCookie('myCookie').userid;
sqrList.push(d);
t.forEach((item, index) => {
console.log(item)
tobj[item.name] = item.value;
if((index+1)%4==0){
tLists.push(tobj)
tobj = {};
}
});
sqrList = sqrList.concat(tLists)
for (var i = 0; i < sqrList.length; i++) {
sqrList[i].sqrlx = 1;
}
......
......@@ -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>
......