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 76 additions and 28 deletions
...@@ -118,18 +118,15 @@ ...@@ -118,18 +118,15 @@
118 margin-bottom: 3px; 118 margin-bottom: 3px;
119 font-weight: 600; 119 font-weight: 600;
120 } 120 }
121 .itemTitleActive {
122 border-color: #0091FF!important;
123 }
124 /* ---------------预约列表------------------- */ 121 /* ---------------预约列表------------------- */
125 .contentBox { 122 .contentBox {
126 width: 1200px; 123 width: 1200px;
127 margin: 0 auto; 124 margin: 0 auto;
128 } 125 }
129 .appintmentList { 126 .appintmentList {
130 padding: 20px; 127 padding: 0 20px 20px 20px;
131 border-radius: 6px; 128 border-radius: 6px;
132 border: 1px solid #E5E8ED; 129 border: 1px solid #25BEFF;
133 } 130 }
134 .appintmentList li { 131 .appintmentList li {
135 border-bottom: 1px solid #eee; 132 border-bottom: 1px solid #eee;
...@@ -226,12 +223,12 @@ ...@@ -226,12 +223,12 @@
226 } 223 }
227 .noData { 224 .noData {
228 text-align: center; 225 text-align: center;
229 padding-top: 30px;
230 display: none; 226 display: none;
227 padding-top: 18px;
231 } 228 }
232 /* 头部tab */ 229 /* 头部tab */
233 .applyBusinessRecord a{ 230 .applyBusinessRecord a{
234 background: url('../staticImages/hezi.png'); 231 background: url('../staticImages/heji.png');
235 background-size: 100% 100%; 232 background-size: 100% 100%;
236 } 233 }
237 .to_be_submitted a { 234 .to_be_submitted a {
...@@ -249,4 +246,44 @@ ...@@ -249,4 +246,44 @@
249 .obligee { 246 .obligee {
250 min-width: 106px; 247 min-width: 106px;
251 margin-right: 30px!important; 248 margin-right: 30px!important;
252 }
...\ No newline at end of file ...\ No newline at end of file
249 }
250 .arrowList {
251 height: 19px;
252 width: 107%;
253 margin-left: -112px;
254 }
255 .arrowList p {
256 display: inline-block;
257 position: relative;
258 width: 23%;
259 }
260 .arrow:before {
261 position: absolute;
262 right: 20px;
263 top: 50%;
264 width: 12px;
265 height: 12px;
266 margin-top: -2px;
267 border-right: 1px solid #ffffff;
268 border-bottom: 1px solid #ffffff;
269 -webkit-transform: rotate(225deg);
270 content: '';
271 background-color: #FFFFFF;
272 z-index: 10;
273 }
274 .arrow0:before {
275 border-color: #25BEFF;
276 z-index: 10;
277 }
278 .arrow1:before {
279 border-color: #FF862F;
280 z-index: 10;
281 }
282 .arrow2:before {
283 border-color: #23E3D5;
284 z-index: 10;
285 }
286 .arrow3:before {
287 border-color: #FABF4F;
288 z-index: 10;
289 }
......

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() { ...@@ -11,7 +11,7 @@ function login() {
11 content: '<div class="loginINfo">' 11 content: '<div class="loginINfo">'
12 + '<ul>' 12 + '<ul>'
13 + '<li><span><a class="require">*</a>手机号</span>：<input id="phone"></li>' 13 + '<li><span><a class="require">*</a>手机号</span>：<input id="phone"></li>'
14 + '<li><span><a class="require">*</a>密码</span>：<input id="IDcard"></li>' 14 + '<li><span><a class="require">*</a>密码</span>：<input type="password" id="IDcard"></li>'
15 + '</ul>' 15 + '</ul>'
16 + '<div class="btns">' 16 + '<div class="btns">'
17 + '<button type="button" id="loginButton">登录</button>' 17 + '<button type="button" id="loginButton">登录</button>'
......
...@@ -9,21 +9,25 @@ $(function () { ...@@ -9,21 +9,25 @@ $(function () {
9 _applyBusinessRecord() 9 _applyBusinessRecord()
10 _applyBusinessAJZTCount() 10 _applyBusinessAJZTCount()
11 $('.business_titleList li a').click(function () { 11 $('.business_titleList li a').click(function () {
12 $('.business_titleList li a').removeClass('itemTitleActive')
13 $(this).addClass('itemTitleActive')
14 let dataId = ($(this).attr('data-id')) 12 let dataId = ($(this).attr('data-id'))
15 if (dataId == '1') { 13 $('.arrowList p').css("opacity", 0);
14 $('.arrowList p').eq(dataId).css("opacity", 1);
15 if (dataId == '0') {
16 _applyBusinessRecord() 16 _applyBusinessRecord()
17 dataRendering(dataList.list) 17 dataRendering(dataList.list)
18 } else if (dataId == '2') { 18 $('.appintmentList').css("border-color", "#25BEFF");
19 } else if (dataId == '1') {
19 _applyBusinessWiat() 20 _applyBusinessWiat()
20 dataRendering(dataList.list) 21 dataRendering(dataList.list)
21 } else if (dataId == '3') { 22 $('.appintmentList').css("border-color", "#FF862F");
23 } else if (dataId == '2') {
22 _applyBusinessIn() 24 _applyBusinessIn()
23 dataRendering(dataList.list) 25 dataRendering(dataList.list)
24 } else if (dataId == '6') { 26 $('.appintmentList').css("border-color", "#23E3D5");
27 } else if (dataId == '3') {
25 _applyBusinessEnd() 28 _applyBusinessEnd()
26 dataRendering(dataList.list) 29 dataRendering(dataList.list)
30 $('.appintmentList').css("border-color", "#FABF4F");
27 } 31 }
28 }) 32 })
29 $(function() { 33 $(function() {
...@@ -32,7 +36,6 @@ $(function () { ...@@ -32,7 +36,6 @@ $(function () {
32 $(document).on("click", ".appintmentList li .handle", function () { 36 $(document).on("click", ".appintmentList li .handle", function () {
33 let businessNo = $(this).attr('data-businessNo'); 37 let businessNo = $(this).attr('data-businessNo');
34 let slsqBsm = $(this).attr('data-slsqBsm'); 38 let slsqBsm = $(this).attr('data-slsqBsm');
35 console.log(999,slsqBsm,businessNo)
36 getWorkBoxFLow(slsqBsm, businessNo) 39 getWorkBoxFLow(slsqBsm, businessNo)
37 }) 40 })
38 // 业务列表操作 41 // 业务列表操作
...@@ -89,7 +92,7 @@ function _applyBusinessWiat(currentPage = 1) { ...@@ -89,7 +92,7 @@ function _applyBusinessWiat(currentPage = 1) {
89 }, 92 },
90 //数据，这里使用的是Json格式进行传输 93 //数据，这里使用的是Json格式进行传输
91 success: function (result) {//返回数据根据结果进行相应的处理 94 success: function (result) {//返回数据根据结果进行相应的处理
92 $('.appintmentList').empty(); 95 $('.appintmentListItem').empty();
93 if (result.code == 200 && result.data != null) { 96 if (result.code == 200 && result.data != null) {
94 dataList.list = result.data.records 97 dataList.list = result.data.records
95 dataRendering() 98 dataRendering()
...@@ -112,7 +115,7 @@ function _applyBusinessIn(currentPage = 1) { ...@@ -112,7 +115,7 @@ function _applyBusinessIn(currentPage = 1) {
112 }, 115 },
113 //数据，这里使用的是Json格式进行传输 116 //数据，这里使用的是Json格式进行传输
114 success: function (result) {//返回数据根据结果进行相应的处理 117 success: function (result) {//返回数据根据结果进行相应的处理
115 $('.appintmentList').empty(); 118 $('.appintmentListItem').empty();
116 if (result.code == 200 && result.data != null) { 119 if (result.code == 200 && result.data != null) {
117 dataList.list = result.data.records 120 dataList.list = result.data.records
118 dataRendering() 121 dataRendering()
...@@ -136,7 +139,7 @@ function _applyBusinessEnd(currentPage = 1) { ...@@ -136,7 +139,7 @@ function _applyBusinessEnd(currentPage = 1) {
136 }, 139 },
137 //数据，这里使用的是Json格式进行传输 140 //数据，这里使用的是Json格式进行传输
138 success: function (result) {//返回数据根据结果进行相应的处理 141 success: function (result) {//返回数据根据结果进行相应的处理
139 $('.appintmentList').empty(); 142 $('.appintmentListItem').empty();
140 if (result.code == 200 && result.data != null) { 143 if (result.code == 200 && result.data != null) {
141 dataList.list = result.data.records 144 dataList.list = result.data.records
142 dataRendering() 145 dataRendering()
...@@ -160,7 +163,7 @@ function _applyBusinessRecord(currentPage = 1) { ...@@ -160,7 +163,7 @@ function _applyBusinessRecord(currentPage = 1) {
160 }, 163 },
161 //数据，这里使用的是Json格式进行传输 164 //数据，这里使用的是Json格式进行传输
162 success: function (result) {//返回数据根据结果进行相应的处理 165 success: function (result) {//返回数据根据结果进行相应的处理
163 $('.appintmentList').empty(); 166 $('.appintmentListItem').empty();
164 if (result.code == 200 && result.data != null) { 167 if (result.code == 200 && result.data != null) {
165 dataList.list = result.data.records 168 dataList.list = result.data.records
166 dataRendering() 169 dataRendering()
...@@ -268,7 +271,7 @@ function dataRendering() { ...@@ -268,7 +271,7 @@ function dataRendering() {
268 } else if (dataList.list[i].ajzt == '3') { 271 } else if (dataList.list[i].ajzt == '3') {
269 li += '<a slsqBsm="'+dataList.list[i].slsqBsm+'" class="handle">缴费</a>' 272 li += '<a slsqBsm="'+dataList.list[i].slsqBsm+'" class="handle">缴费</a>'
270 } 273 }
271 $('.appintmentList').append(li) 274 $('.appintmentListItem').append(li)
272 } 275 }
273 } 276 }
274 function getTimeState(){ 277 function getTimeState(){
......
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
41 </div> 41 </div>
42 <ul class="business_titleList"> 42 <ul class="business_titleList">
43 <li class="applyBusinessRecord"> 43 <li class="applyBusinessRecord">
44 <a data-id='1' class="itemTitleActive"> 44 <a data-id='0' class="itemTitleActive">
45 <p> 45 <p>
46 <span>0</span> 46 <span>0</span>
47 </p> 47 </p>
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
49 </a> 49 </a>
50 </li> 50 </li>
51 <li class="to_be_submitted"> 51 <li class="to_be_submitted">
52 <a data-id='2'> 52 <a data-id='1'>
53 <p> 53 <p>
54 <span>0</span> 54 <span>0</span>
55 </p> 55 </p>
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
57 </a> 57 </a>
58 </li> 58 </li>
59 <li class="applyBusinessIn"> 59 <li class="applyBusinessIn">
60 <a data-id='3'> 60 <a data-id='2'>
61 <p> 61 <p>
62 <span>0</span> 62 <span>0</span>
63 </p> 63 </p>
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
65 </a> 65 </a>
66 </li> 66 </li>
67 <li class="applyBusinessEnd"> 67 <li class="applyBusinessEnd">
68 <a data-id='6'> 68 <a data-id='3'>
69 <p> 69 <p>
70 <span>0</span> 70 <span>0</span>
71 </p> 71 </p>
...@@ -75,10 +75,18 @@ ...@@ -75,10 +75,18 @@
75 </ul> 75 </ul>
76 <!-- -------------预约列表--------------- --> 76 <!-- -------------预约列表--------------- -->
77 <div class="contentBox"> 77 <div class="contentBox">
78 <ul class="appintmentList"></ul> 78 <div class="arrowList">
79 <div class="noData"> 79 <p class="arrow0 arrow"></p>
80 暂无数据 80 <p class="arrow1 arrow"></p>
81 <p class="arrow2 arrow"></p>
82 <p class="arrow3 arrow"></p>
81 </div> 83 </div>
84 <ul class="appintmentList">
85 <div class="noData">
86 暂无数据
87 </div>
88 <div class="appintmentListItem"></div>
89 </ul>
82 <div id="page"></div> 90 <div id="page"></div>
83 </div> 91 </div>
84 </div> 92 </div>
......