Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
9aefa5b5 by 任超
Options

style:我的业务

1 parent 43da4ab1
Inline Side-by-side
Showing 7 changed files with 53 additions and 17 deletions
......@@ -109,10 +109,14 @@
border-radius: 5px;
text-align: center;
cursor: pointer;
color: #FFFFFF;
}
.business_titleList li p:nth-child(1) {
font-size: 18px;
margin-top: 39px;
font-size: 36px;
margin-bottom: 3px;
font-weight: 600;
}
.itemTitleActive {
border-color: #0091FF!important;
......@@ -122,6 +126,11 @@
width: 1200px;
margin: 0 auto;
}
.appintmentList {
padding: 20px;
border-radius: 6px;
border: 1px solid #E5E8ED;
}
.appintmentList li {
border-bottom: 1px solid #eee;
padding-bottom: 20px;
......@@ -129,15 +138,19 @@
cursor: pointer;
}
.appintmentList li .state{
width: 60px;
height: 60px;
border-radius: 50%;
width: 68px;
height: 30px;
border-radius: 4px;
display: inline-block;
color: #FFFFFF;
font-size: 12px;
text-align: center;
line-height: 60px;
line-height: 30px;
border: 1px solid #FFFFFF;
margin-right: 20px;
font-weight: 600;
position: relative;
top: -3px;
}
.appintmentList li div {
display: inline-block;
......@@ -175,33 +188,60 @@
}
/*------------正在填写------------- */
.tobeSubmit {
background-color: rgba(129, 211, 248, 1);
color: #1AD6E1!important;
border-color: #1AD6E1!important;
}
/*------------资料审核------------- */
.dataReview {
background-color: #5FB878;
color: #FA6400!important;
border-color: #FA6400!important;
}
/*------------缴费------------- */
.pay {
background-color: #01AAED;
color: #12A2FF!important;
border-color: #12A0FF!important;
}
/*------------退回------------- */
.return {
background-color: #FFB800;
color: #FA6400!important;
border-color: #FA6400!important;
}
/*------------驳回------------- */
.reject {
background-color: #FF5722;
color: #FA6400!important;
border-color: #FA6400!important;
}
/*------------办理成功------------- */
.success {
background-color: #009688;
color: #1AD6E1!important;
border-color: #1AD6E1!important;
}
.business_name {
width: 330px;
}
.business_name p {
color: #9B9B9B;
margin-top: 5px;
}
.noData {
text-align: center;
padding-top: 30px;
display: none;
}
\ No newline at end of file
}
/* 头部tab */
.applyBusinessRecord a{
background: url('../staticImages/hezi.png');
background-size: 100% 100%;
}
.to_be_submitted a {
background: url('../staticImages/daitijiao.png');
background-size: 100% 100%;
}
.applyBusinessIn a {
background: url('../staticImages/banlizhong.png');
background-size: 100% 100%;
}
.applyBusinessEnd a {
background: url('../staticImages/yibanjie.png');
background-size: 100% 100%;
}
\ No newline at end of file
......
......@@ -222,11 +222,11 @@ function dataRendering() {
for (var i = 0; i < dataList.list.length; i++) {
li = '<li data-slsqBsm="' + dataList.list[i].slsqBsm + '" data-businessNo="' + dataList.list[i].businessNo + '">';
if (dataList.list[i].ajzt == '1') {
li += '<span class="state tobeSubmit">正在填写</span>'
li += '<span class="state tobeSubmit">办理中</span>'
} else if (dataList.list[i].ajzt == '2') {
li += '<span class="state dataReview">资料审核</span>'
} else if (dataList.list[i].ajzt == '3') {
li += '<span class="state pay">缴费</span>'
li += '<span class="state pay">待缴费</span>'
} else if (dataList.list[i].ajzt == '4') {
li += '<span class="state return">退回</span>'
} else if (dataList.list[i].ajzt == '5') {
......
......@@ -44,7 +44,6 @@
<a data-id='1' class="itemTitleActive">
<p>
<span>0</span>
<b>件</b>
</p>
<p>办理合计</p>
</a>
......@@ -53,7 +52,6 @@
<a data-id='2'>
<p>
<span>0</span>
<b>件</b>
</p>
<p>待提交</p>
</a>
......@@ -62,7 +60,6 @@
<a data-id='3'>
<p>
<span>0</span>
<b>件</b>
</p>
<p>办理中</p>
</a>
......@@ -71,7 +68,6 @@
<a data-id='6'>
<p>
<span>0</span>
<b>件</b>
</p>
<p>已办结</p>
</a>
......