Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
86cb40d0 by 任超
Options

style:我的业务

1 parent 4f4d40cf
Inline Side-by-side
Showing 9 changed files with 73 additions and 25 deletions
......@@ -118,18 +118,15 @@
margin-bottom: 3px;
font-weight: 600;
}
.itemTitleActive {
border-color: #0091FF!important;
}
/* ---------------预约列表------------------- */
.contentBox {
width: 1200px;
margin: 0 auto;
}
.appintmentList {
padding: 20px;
padding: 0 20px 20px 20px;
border-radius: 6px;
border: 1px solid #E5E8ED;
border: 1px solid #25BEFF;
}
.appintmentList li {
border-bottom: 1px solid #eee;
......@@ -226,12 +223,12 @@
}
.noData {
text-align: center;
padding-top: 30px;
display: none;
padding-top: 18px;
}
/* 头部tab */
.applyBusinessRecord a{
background: url('../staticImages/hezi.png');
background: url('../staticImages/heji.png');
background-size: 100% 100%;
}
.to_be_submitted a {
......@@ -250,3 +247,43 @@
min-width: 106px;
margin-right: 30px!important;
}
.arrowList {
height: 19px;
width: 107%;
margin-left: -112px;
}
.arrowList p {
display: inline-block;
position: relative;
width: 23%;
}
.arrow:before {
position: absolute;
right: 20px;
top: 50%;
width: 12px;
height: 12px;
margin-top: -2px;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
-webkit-transform: rotate(225deg);
content: '';
background-color: #FFFFFF;
z-index: 10;
}
.arrow0:before {
border-color: #25BEFF;
z-index: 10;
}
.arrow1:before {
border-color: #FF862F;
z-index: 10;
}
.arrow2:before {
border-color: #23E3D5;
z-index: 10;
}
.arrow3:before {
border-color: #FABF4F;
z-index: 10;
}
......

107 KB | W: | H:

148 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

118 KB | W: | H:

122 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

109 KB | W: | H:

149 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
......@@ -11,7 +11,7 @@ function login() {
content: '<div class="loginINfo">'
+ '<ul>'
+ '<li><span><a class="require">*</a>手机号</span>：<input id="phone"></li>'
+ '<li><span><a class="require">*</a>密码</span>：<input id="IDcard"></li>'
+ '<li><span><a class="require">*</a>密码</span>：<input type="password" id="IDcard"></li>'
+ '</ul>'
+ '<div class="btns">'
+ '<button type="button" id="loginButton">登录</button>'
......
......@@ -9,21 +9,25 @@ $(function () {
_applyBusinessRecord()
_applyBusinessAJZTCount()
$('.business_titleList li a').click(function () {
$('.business_titleList li a').removeClass('itemTitleActive')
$(this).addClass('itemTitleActive')
let dataId = ($(this).attr('data-id'))
if (dataId == '1') {
$('.arrowList p').css("opacity", 0);
$('.arrowList p').eq(dataId).css("opacity", 1);
if (dataId == '0') {
_applyBusinessRecord()
dataRendering(dataList.list)
} else if (dataId == '2') {
$('.appintmentList').css("border-color", "#25BEFF");
} else if (dataId == '1') {
_applyBusinessWiat()
dataRendering(dataList.list)
} else if (dataId == '3') {
$('.appintmentList').css("border-color", "#FF862F");
} else if (dataId == '2') {
_applyBusinessIn()
dataRendering(dataList.list)
} else if (dataId == '6') {
$('.appintmentList').css("border-color", "#23E3D5");
} else if (dataId == '3') {
_applyBusinessEnd()
dataRendering(dataList.list)
$('.appintmentList').css("border-color", "#FABF4F");
}
})
$(function() {
......@@ -32,7 +36,6 @@ $(function () {
$(document).on("click", ".appintmentList li .handle", function () {
let businessNo = $(this).attr('data-businessNo');
let slsqBsm = $(this).attr('data-slsqBsm');
console.log(999,slsqBsm,businessNo)
getWorkBoxFLow(slsqBsm, businessNo)
})
// 业务列表操作
......@@ -89,7 +92,7 @@ function _applyBusinessWiat(currentPage = 1) {
},
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
$('.appintmentList').empty();
$('.appintmentListItem').empty();
if (result.code == 200 && result.data != null) {
dataList.list = result.data.records
dataRendering()
......@@ -112,7 +115,7 @@ function _applyBusinessIn(currentPage = 1) {
},
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
$('.appintmentList').empty();
$('.appintmentListItem').empty();
if (result.code == 200 && result.data != null) {
dataList.list = result.data.records
dataRendering()
......@@ -136,7 +139,7 @@ function _applyBusinessEnd(currentPage = 1) {
},
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
$('.appintmentList').empty();
$('.appintmentListItem').empty();
if (result.code == 200 && result.data != null) {
dataList.list = result.data.records
dataRendering()
......@@ -160,7 +163,7 @@ function _applyBusinessRecord(currentPage = 1) {
},
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
$('.appintmentList').empty();
$('.appintmentListItem').empty();
if (result.code == 200 && result.data != null) {
dataList.list = result.data.records
dataRendering()
......@@ -268,7 +271,7 @@ function dataRendering() {
} else if (dataList.list[i].ajzt == '3') {
li += '<a slsqBsm="'+dataList.list[i].slsqBsm+'" class="handle">缴费</a>'
}
$('.appintmentList').append(li)
$('.appintmentListItem').append(li)
}
}
function getTimeState(){
......
......@@ -41,7 +41,7 @@
</div>
<ul class="business_titleList">
<li class="applyBusinessRecord">
<a data-id='1' class="itemTitleActive">
<a data-id='0' class="itemTitleActive">
<p>
<span>0</span>
</p>
......@@ -49,7 +49,7 @@
</a>
</li>
<li class="to_be_submitted">
<a data-id='2'>
<a data-id='1'>
<p>
<span>0</span>
</p>
......@@ -57,7 +57,7 @@
</a>
</li>
<li class="applyBusinessIn">
<a data-id='3'>
<a data-id='2'>
<p>
<span>0</span>
</p>
......@@ -65,7 +65,7 @@
</a>
</li>
<li class="applyBusinessEnd">
<a data-id='6'>
<a data-id='3'>
<p>
<span>0</span>
</p>
......@@ -75,10 +75,18 @@
</ul>
<!-- -------------预约列表--------------- -->
<div class="contentBox">
<ul class="appintmentList"></ul>
<div class="arrowList">
<p class="arrow0 arrow"></p>
<p class="arrow1 arrow"></p>
<p class="arrow2 arrow"></p>
<p class="arrow3 arrow"></p>
</div>
<ul class="appintmentList">
<div class="noData">
暂无数据
</div>
<div class="appintmentListItem"></div>
</ul>
<div id="page"></div>
</div>
</div>
......