Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
dc336a67 by 田浩浩
Options

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

2 parents 468b9522 e6b70d76
Pipeline #10 for dc336a67 failed in 0 seconds
Inline Side-by-side
Showing 5 changed files with 308 additions and 196 deletions
...@@ -21,25 +21,25 @@ ...@@ -21,25 +21,25 @@
21 </div> 21 </div>
22 <ul class="banner_title"> 22 <ul class="banner_title">
23 <li> 23 <li>
24 <a href="" title="查询档案"> 24 <a class="cardItem" href="" title="查询档案">
25 <img src="./staticImages/dacx.png" alt="查询档案"> 25 <img src="./staticImages/dacx.png" alt="查询档案">
26 查询档案 26 查询档案
27 </a> 27 </a>
28 </li> 28 </li>
29 <li> 29 <li>
30 <a href="" title="进度查询"> 30 <a class="cardItem" href="" title="进度查询">
31 <img src="./staticImages/jdcx.png" alt="进度查询"> 31 <img src="./staticImages/jdcx.png" alt="进度查询">
32 进度查询 32 进度查询
33 </a> 33 </a>
34 </li> 34 </li>
35 <li> 35 <li>
36 <a href="/staticViews/yyxz.html" title="在线预约"> 36 <a class="cardItem" href="/staticViews/yyxz.html" title="在线预约">
37 <img src="./staticImages/zxyy.png" alt="在线预约"> 37 <img src="./staticImages/zxyy.png" alt="在线预约">
38 在线预约 38 在线预约
39 </a> 39 </a>
40 </li> 40 </li>
41 <li> 41 <li>
42 <a title="证书核验"> 42 <a class="cardItem" title="证书核验">
43 <img src="./staticImages/zshy.png" alt="证书核验"> 43 <img src="./staticImages/zshy.png" alt="证书核验">
44 证书核验 44 证书核验
45 </a> 45 </a>
......
...@@ -315,3 +315,15 @@ div.footer .system_service ul li a:hover { ...@@ -315,3 +315,15 @@ div.footer .system_service ul li a:hover {
315 ::-webkit-scrollbar-thumb:hover { 315 ::-webkit-scrollbar-thumb:hover {
316 background-color: rgba(144,147,153,.5); 316 background-color: rgba(144,147,153,.5);
317 } 317 }
318
319 /* card样式 */
320 .cardItem {
321 background: #FFFFFF;
322 border: 1px solid #E5E8ED;
323 box-shadow: 0 3px 6px 0 rgba(10,14,40,0.08);
324 -moz-box-shadow:0 3px 6px 0 rgba(10,14,40,0.08); /*firefox*/
325 -webkit-box-shadow:0 3px 6px 0 rgba(10,14,40,0.08); /*webkit*/
326 border-radius: 6px;
327 }
328
329 /* 0091FF */
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -88,101 +88,102 @@ ...@@ -88,101 +88,102 @@
88 float: right; 88 float: right;
89 margin-top: 20px; 89 margin-top: 20px;
90 } 90 }
91 /* ----------------预约列表-------------------- */ 91 /* ---------------------------------- */
92 .appointment_list { 92 .business_titleList {
93 margin-top: 20px; 93 width: 1220px;
94 margin: 20px auto;
94 font-size: 0; 95 font-size: 0;
95 margin-left: -10px;
96 margin-right: -10px;
97 } 96 }
98 .appointment_list li { 97 .business_titleList li {
99 width: 33.333%; 98 width: 25%;
99 font-size: 14px;
100 display: inline-block; 100 display: inline-block;
101 text-align: center;
101 padding: 0 10px; 102 padding: 0 10px;
102 box-sizing: border-box; 103 box-sizing: border-box;
103 float: left;
104 } 104 }
105 .appointment_list li .item_content { 105 .business_titleList li a {
106 border: 1px solid #CBCBCB; 106 display: block;
107 border-radius: 4px; 107 height: 80px;
108 border: 1px solid #CBCBCB; 108 border: 1px solid #eee;
109 font-size: 16px; 109 border-radius: 5px;
110 height: 368px; 110 text-align: center;
111 } 111 cursor: pointer;
112 .item_title {
113 height: 48px;
114 line-height: 48px;
115 color: #FFFFFF;
116 padding: 0 20px;
117 box-sizing: border-box;
118 }
119 .item_title h3 {
120 display: inline-block;
121 float: left;
122 }
123 .item_title p {
124 display: inline-block;
125 float: right;
126 }
127 .success {
128 background-color: #44D7B6;
129 } 112 }
130 .overdue { 113 .business_titleList li p:nth-child(1) {
131 background-color: #F26363; 114 font-size: 18px;
115 margin-top: 15px;
132 } 116 }
133 .cancel { 117 .itemTitleActive {
134 background-color: #F26363; 118 border-color: #0091FF!important;
135 opacity: 0.5;
136 } 119 }
137 .item_info { 120 /* ---------------预约列表------------------- */
138 padding: 30px; 121 .contentBox {
139 height: 180px; 122 width: 1200px;
123 margin: 0 auto;
140 } 124 }
141 .item_info li{ 125 .appintmentList li {
142 width: 100%; 126 border-bottom: 1px solid #eee;
143 line-height: 38px; 127 padding-bottom: 20px;
144 box-sizing: border-box; 128 padding-top: 20px;
129 cursor: pointer;
145 } 130 }
146 .item_info li span { 131 .appintmentList li .state{
132 width: 60px;
133 height: 60px;
134 border-radius: 50%;
147 display: inline-block; 135 display: inline-block;
148 width: 108px; 136 color: #FFFFFF;
149 text-align: right; 137 font-size: 12px;
150 color: #9B9B9B; 138 text-align: center;
151 white-space: nowrap; 139 line-height: 60px;
140 margin-right: 20px;
152 } 141 }
153 .item_info li p{ 142 .appintmentList li div {
154 display: inline-block; 143 display: inline-block;
155 color: #303030; 144 position: relative;
145 top: 12px;
146 margin-right: 50px;
156 } 147 }
157 .item_info li a{ 148 .business_name h5{
158 display: inline-block; 149 font-size: 16px;
150 font-weight: 600;
151 }
152
153 .handle {
159 color: #0091FF; 154 color: #0091FF;
160 margin-left: 20px; 155 float: right;
156 margin-top: 26px;
157 cursor: pointer;
161 } 158 }
162 .cancel_reservation { 159 .handle:hover {
163 display: block; 160 color: #0091FF;
164 width: 100px; 161 }
165 height: 40px; 162 #page {
166 background: #FFFFFF;
167 border-radius: 3px;
168 border: 1px solid #E6E6E6;
169 font-size: 16px;
170 color: #9B9B9B;
171 line-height: 40px;
172 text-align: center; 163 text-align: center;
173 margin: 0 auto; 164 margin-top: 25px;
174 } 165 }
175 .business_titleList { 166 /*------------正在填写------------- */
176 width: 1200px; 167 .tobeSubmit {
177 margin: 15px auto; 168 background-color: rgba(129, 211, 248, 1);
178 font-size: 0;
179 } 169 }
180 .business_titleList li { 170 /*------------资料审核------------- */
181 width: 25%; 171 .dataReview {
182 font-size: 14px; 172 background-color: #5FB878;
183 display: inline-block;
184 text-align: center;
185 } 173 }
186 .business_titleList li p:nth-child(1) { 174 /*------------缴费------------- */
187 font-size: 18px; 175 .pay {
176 background-color: #01AAED;
177 }
178 /*------------退回------------- */
179 .return {
180 background-color: #FFB800;
181 }
182 /*------------驳回------------- */
183 .reject {
184 background-color: #FF5722;
185 }
186 /*------------办理成功------------- */
187 .success {
188 background-color: #009688;
188 } 189 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -7,25 +7,219 @@ layui.use('element', function () { ...@@ -7,25 +7,219 @@ layui.use('element', function () {
7 }); 7 });
8 }); 8 });
9 $(function () { 9 $(function () {
10 _applyBusinessRecord()
11 _applyBusinessAJZTCount()
12 $('.business_titleList li a').click(function () {
13 $('.business_titleList li a').removeClass('itemTitleActive')
14 $(this).addClass('itemTitleActive')
15 let dataId = ($(this).attr('data-id'))
16 console.log(666, dataId)
17 if(dataId=='1') {
18 _applyBusinessRecord()
19 dataRendering(dataList.list)
20 }else if (dataId=='2') {
10 _applyBusinessWiat() 21 _applyBusinessWiat()
22 dataRendering(dataList.list)
23 }else if (dataId=='3') {
24 _applyBusinessIn()
25 dataRendering(dataList.list)
26 }else if (dataId=='6') {
27 _applyBusinessEnd()
28 dataRendering(dataList.list)
29 }
30 })
31
32 $(document).on("click", ".appintmentList li", function (e) {
33 let ywid = $(this).attr('data-ywid');
34 let lclb = $(this).attr('data-lclb');
35 getWorkBoxFLow(ywid, lclb)
36 })
11 }) 37 })
12 38
13 39
14 //网上申请业务待提交 40 //网上申请业务待提交
15 function _applyBusinessWiat() { 41 function _applyBusinessWiat(currentPage = 1) {
16 var li; 42 var li;
17 $.ajax({ 43 $.ajax({
18 type: "post", //提交方式 44 type: "post", //提交方式
19 url: portal.api_url + "/portal/WorkBoxService/applyBusinessWiat",//路径 45 url: portal.api_url + "/portal/WorkBoxService/applyBusinessWait",//路径
20 dataType: "json", 46 dataType: "json",
21 data: { 47 data: {
22 userId:'0026609ddc6d2afabaa3c9b0ea3b0ec3' 48 "userId": '0026609ddc6d2afabaa3c9b0ea3b0ec3',
49 "currentPage": currentPage,
50 "pageSize": 10
23 }, 51 },
24 //数据，这里使用的是Json格式进行传输 52 //数据，这里使用的是Json格式进行传输
25 success: function (result) {//返回数据根据结果进行相应的处理 53 success: function (result) {//返回数据根据结果进行相应的处理
54 $('.appintmentList').empty();
26 if (result.code == 200 && result.data != null) { 55 if (result.code == 200 && result.data != null) {
27 console.log(result.data) 56 dataList.list = result.data.records
57 dataRendering()
28 } 58 }
59 paged(result.data.total);
29 } 60 }
30 }); 61 });
31 } 62 }
63 //网上申请业务正在办理
64 function _applyBusinessIn(currentPage = 1) {
65 var li;
66 $.ajax({
67 type: "post", //提交方式
68 url: portal.api_url + "/portal/WorkBoxService/applyBusinessIn",//路径
69 dataType: "json",
70 data: {
71 "userId": '0026609ddc6d2afabaa3c9b0ea3b0ec3',
72 "currentPage": currentPage,
73 "pageSize": 10
74 },
75 //数据，这里使用的是Json格式进行传输
76 success: function (result) {//返回数据根据结果进行相应的处理
77 $('.appintmentList').empty();
78 if (result.code == 200 && result.data != null) {
79 dataList.list = result.data.records
80 dataRendering()
81 }
82 paged(result.data.total);
83 }
84 });
85 }
86
87 //网上申请业务已办结
88 function _applyBusinessEnd(currentPage = 1) {
89 var li;
90 $.ajax({
91 type: "post", //提交方式
92 url: portal.api_url + "/portal/WorkBoxService/applyBusinessEnd",//路径
93 dataType: "json",
94 data: {
95 "userId": '0026609ddc6d2afabaa3c9b0ea3b0ec3',
96 "currentPage": currentPage,
97 "pageSize": 10
98 },
99 //数据，这里使用的是Json格式进行传输
100 success: function (result) {//返回数据根据结果进行相应的处理
101 $('.appintmentList').empty();
102 if (result.code == 200 && result.data != null) {
103 dataList.list = result.data.records
104 dataRendering()
105 }
106 paged(result.data.total);
107 }
108 });
109 }
110
111 //网上申请业务记录
112 function _applyBusinessRecord(currentPage = 1) {
113 var li;
114 $.ajax({
115 type: "post", //提交方式
116 url: portal.api_url + "/portal/WorkBoxService/applyBusinessRecord",//路径
117 dataType: "json",
118 data: {
119 "userId": '0026609ddc6d2afabaa3c9b0ea3b0ec3',
120 "currentPage": currentPage,
121 "pageSize": 10
122 },
123 //数据，这里使用的是Json格式进行传输
124 success: function (result) {//返回数据根据结果进行相应的处理
125 $('.appintmentList').empty();
126 if (result.code == 200 && result.data != null) {
127 dataList.list = result.data.records
128 dataRendering()
129 }
130 paged(result.data.total, result.data.current );
131 }
132 });
133 }
134
135 // 网上申请业务案件状态数量统计
136 function _applyBusinessAJZTCount() {
137 $.ajax({
138 type: "get", //提交方式
139 url: portal.api_url + "/portal/WorkBoxService/applyBusinessAJZTCount?userId="+dataList.userid,//路径
140 dataType: "json",
141 //数据，这里使用的是Json格式进行传输
142 success: function (result) {//返回数据根据结果进行相应的处理
143 $('.applyBusinessRecord span').text(result.data.allBusinessCount)
144 $('.to_be_submitted span').text(result.data.businessWaitCount)
145 $('.applyBusinessIn span').text(result.data.businessInProcessCount)
146 $('.applyBusinessEnd span').text(result.data.businessEndCount)
147 }
148 });
149 }
150
151
152 // 分页
153 function paged(pageCount, curr) {
154 layui.use('laypage', function () {
155 let laypage = layui.laypage;
156 //执行一个laypage实例
157 laypage.render({
158 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
159 , count: pageCount //数据总数，从服务端得到
160 , curr: curr
161 , prev: '<'
162 , next: '>'
163 , theme: '#0091FF'
164 , jump: function (obj, first) {
165 if (!first) {
166 console.log(obj.curr)
167 _applyBusinessRecord(obj.curr);
168 }
169 }
170 });
171 })
172 }
173
174
175 // 列表数据渲染
176
177 function dataRendering () {
178 for (var i = 0; i < dataList.list.length; i++) {
179 li = '<li data-ywid="' + dataList.list[i].ywid + '" data-lclb="' + dataList.list[i].ywid + '">';
180 if (dataList.list[i].ajzt == '1') {
181 li += '<span class="state tobeSubmit">正在填写</span>'
182 } else if (dataList.list[i].ajzt == '2') {
183 li += '<span class="state dataReview">资料审核</span>'
184 } else if (dataList.list[i].ajzt == '3') {
185 li += '<span class="state pay">缴费</span>'
186 } else if (dataList.list[i].ajzt == '4') {
187 li += '<span class="state return">退回</span>'
188 } else if (dataList.list[i].ajzt == '5') {
189 li += '<span class="state reject">驳回</span>'
190 } else {
191 li += '<span class="state success">办理成功</span>'
192 }
193 li += ' <div class="business_name">'
194 li += '<h5>' + dataList.list[i].djywjc + '</h5>'
195 li += '<p>权力类型：' + dataList.list[i].qllxmc + '</p>'
196 li += '</div>'
197 li += '<div>'
198 li += '<p>权利人</p>'
199 li += '<p>' + dataList.list[i].qlrmc + '</p>'
200 li += '</div>'
201 li += '<div>'
202 li += '<p>义务人</p>'
203 li += '<p>' + dataList.list[i].ywrmc + '</p>'
204 li += '</div>'
205 li += '<div>'
206 li += '<p>办理流水</p>'
207 li += '<p>' + dataList.list[i].wwsqbh + '</p>'
208 li += '</div>'
209 li += '<div>'
210 li += '<p>办理时间</p>'
211 li += '<p>' + dataList.list[i].sqrq + '</p>'
212 li += '</div>'
213 if (dataList.list[i].ajzt == '1') {
214 li += '<a class="handle">继续办理</a>'
215 } else if (dataList.list[i].ajzt == '3') {
216 li += '<a class="handle">缴费</a>'
217 }
218 $('.appintmentList').append(li)
219 }
220 }
221
222 var dataList = {
223 "list": [],
224 "userid":'0026609ddc6d2afabaa3c9b0ea3b0ec3'
225 };
...\ No newline at end of file ...\ No newline at end of file
......
1 <!DOCTYPE html 1 <!DOCTYPE html
2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <html xmlns="http://www.w3.org/1999/xhtml">
4
4 <head> 5 <head>
5 <style> 6 <style>
6 </style> 7 </style>
...@@ -9,6 +10,7 @@ ...@@ -9,6 +10,7 @@
9 <script type="text/javascript" src="../staticJs/head.js"></script> 10 <script type="text/javascript" src="../staticJs/head.js"></script>
10 <link rel="stylesheet" type="text/css" href="../staticCss/wdyw.css"> 11 <link rel="stylesheet" type="text/css" href="../staticCss/wdyw.css">
11 </head> 12 </head>
13
12 <body> 14 <body>
13 <div class="main"> 15 <div class="main">
14 <div class="navigation_crumbs"> 16 <div class="navigation_crumbs">
...@@ -38,150 +40,53 @@ ...@@ -38,150 +40,53 @@
38 </div> 40 </div>
39 </div> 41 </div>
40 <ul class="business_titleList"> 42 <ul class="business_titleList">
41 <li> 43 <li class="applyBusinessRecord">
44 <a data-id='1' class="itemTitleActive">
42 <p> 45 <p>
43 <span>5</span> 46 <span>5</span>
44 <b>件</b> 47 <b>件</b>
45 </p> 48 </p>
46 <p>办理合计</p> 49 <p>办理合计</p>
50 </a>
47 </li> 51 </li>
48 <li> 52 <li class="to_be_submitted">
53 <a data-id='2'>
49 <p> 54 <p>
50 <span>1</span> 55 <span>1</span>
51 <b>件</b> 56 <b>件</b>
52 </p> 57 </p>
53 <p>待提交</p> 58 <p>待提交</p>
59 </a>
54 </li> 60 </li>
55 <li> 61 <li class="applyBusinessIn">
62 <a data-id='3'>
56 <p> 63 <p>
57 <span>5</span> 64 <span>5</span>
58 <b>件</b> 65 <b>件</b>
59 </p> 66 </p>
60 <p>办理中</p> 67 <p>办理中</p>
68 </a>
61 </li> 69 </li>
62 <li> 70 <li class="applyBusinessEnd">
71 <a data-id='6'>
63 <p> 72 <p>
64 <span>5</span> 73 <span>5</span>
65 <b>件</b> 74 <b>件</b>
66 </p> 75 </p>
67 <p>已办结</p> 76 <p>已办结</p>
77 </a>
68 </li> 78 </li>
69 </ul> 79 </ul>
70 <!-- -------------预约列表--------------- --> 80 <!-- -------------预约列表--------------- -->
71 <div class="contentBox"> 81 <div class="contentBox">
72 <ul class="appointment_list"> 82 <ul class="appintmentList"></ul>
73 <li> 83 <div id="page"></div>
74 <div class="item_content">
75 <div class="item_title success">
76 <h3>正常</h3>
77 <p>
78 查看
79 <i class="layui-icon layui-icon-right"></i>
80 </p>
81 </div>
82 <ul class="item_info">
83 <li>
84 <span>预约人：</span>
85 <p>任超</p>
86 </li>
87 <li>
88 <span>办事大厅：</span>
89 <p>米香园办事大厅</p>
90 </li>
91 <li>
92 <span>办理业务类型：</span>
93 <p>二手房交易</p>
94 <a href="">办事指南</a>
95 </li>
96 <li>
97 <span>预约日期：</span>
98 <p>2020-12-56 上午 16：13</p>
99 </li>
100 <li>
101 <span>预约流水号：</span>
102 <p>897987987987</p>
103 </li>
104 </ul>
105 <a class="cancel_reservation">取消预约</a>
106 </div>
107 </li>
108 <li>
109 <div class="item_content">
110 <div class="item_title overdue">
111 <h3>正常</h3>
112 <p>
113 查看
114 <i class="layui-icon layui-icon-right"></i>
115 </p>
116 </div>
117 <ul class="item_info">
118 <li>
119 <span>预约人：</span>
120 <p>任超</p>
121 </li>
122 <li>
123 <span>办事大厅：</span>
124 <p>米香园办事大厅</p>
125 </li>
126 <li>
127 <span>办理业务类型：</span>
128 <p>二手房交易</p>
129 <a href="">办事指南</a>
130 </li>
131 <li>
132 <span>预约日期：</span>
133 <p>2020-12-56 上午 16：13</p>
134 </li>
135 <li>
136 <span>预约流水号：</span>
137 <p>897987987987</p>
138 </li>
139 </ul>
140 <a class="cancel_reservation">取消预约</a>
141 </div>
142 </li>
143 <li>
144 <div class="item_content">
145 <div class="item_title cancel">
146 <h3>正常</h3>
147 <p>
148 查看
149 <i class="layui-icon layui-icon-right"></i>
150 </p>
151 </div>
152 <ul class="item_info">
153 <li>
154 <span>预约人：</span>
155 <p>任超</p>
156 </li>
157 <li>
158 <span>办事大厅：</span>
159 <p>米香园办事大厅</p>
160 </li>
161 <li>
162 <span>办理业务类型：</span>
163 <p>二手房交易</p>
164 <a href="">办事指南</a>
165 </li>
166 <li>
167 <span>预约日期：</span>
168 <p>2020-12-56 上午 16：13</p>
169 </li>
170 <li>
171 <span>预约流水号：</span>
172 <p>897987987987</p>
173 </li>
174 </ul>
175 <a class="cancel_reservation">取消预约</a>
176 </div>
177 </li>
178 </ul>
179 </div> 84 </div>
180 </div> 85 </div>
181 </div> 86 </div>
182 </body> 87 </body>
183
184 </html> 88 </html>
185 <script type="text/javascript" src="../staticJs/common.js"></script> 89 <script type="text/javascript" src="../staticJs/common.js"></script>
186 <script type="text/javascript" src="../staticJs/down.js"></script> 90 <script type="text/javascript" src="../staticJs/down.js"></script>
91 <script type="text/javascript" src="../staticJs/onlineApply/workFlow.js"></script>
187 <script type="text/javascript" src="../staticJs/wdyw.js"></script> 92 <script type="text/javascript" src="../staticJs/wdyw.js"></script>
...\ No newline at end of file ...\ No newline at end of file
......