Skip to content

任超 / js.portalStaticPage

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

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

2 parents a6cb6bbb a4186664
Expand all
Inline Side-by-side
Showing 15 changed files with 661 additions and 261 deletions
...@@ -38,42 +38,92 @@ ...@@ -38,42 +38,92 @@
38 text-align: center; 38 text-align: center;
39 line-height: 36px; 39 line-height: 36px;
40 } 40 }
41 .data_list { 41 /* ----------------预约列表-------------------- */
42 margin-bottom: 20px; 42 .appointment_list {
43 } 43 margin-top: 20px;
44 .data_list li { 44 font-size: 0;
45 width: 31%; 45 margin-left: -10px;
46 border: 1px solid #d2d2d2; 46 margin-right: -10px;
47 overflow: hidden;
48 }
49 .appointment_list li {
50 width: 33.333%;
47 display: inline-block; 51 display: inline-block;
48 color: #4a4a4a; 52 padding: 0 10px;
49 border-radius: 3px; 53 box-sizing: border-box;
54 float: left;
55 }
56 .appointment_list li .item_content {
57 border: 1px solid #CBCBCB;
58 border-radius: 4px;
59 border: 1px solid #CBCBCB;
60 font-size: 16px;
61 height: 368px;
62 }
63 .item_title {
64 height: 48px;
65 line-height: 48px;
66 color: #FFFFFF;
67 padding: 0 20px;
50 box-sizing: border-box; 68 box-sizing: border-box;
51 margin-right: 20px;
52 } 69 }
53 .data_list li:last-child { 70 .item_title h3 {
54 margin-right: 0; 71 display: inline-block;
72 float: left;
55 } 73 }
56 .data_list li h3 { 74 .item_title p {
57 background-color: #5FB878; 75 display: inline-block;
58 text-align: center; 76 float: right;
59 line-height: 36px;
60 padding: 0 10px;
61 color: #fff;
62 } 77 }
63 .data_list li p { 78 .success {
64 line-height: 40px; 79 background-color: #44D7B6;
65 padding: 0 10px; 80 }
81 .overdue {
82 background-color: #F26363;
83 }
84 .cancel {
85 background-color: #F26363;
86 opacity: 0.5;
87 }
88 .item_info {
89 padding: 30px;
90 height: 180px;
66 } 91 }
67 .data_list li p span { 92 .item_info li{
68 width: 85px; 93 width: 100%;
69 text-align-last: justify; 94 line-height: 38px;
95 box-sizing: border-box;
96 }
97 .item_info li span {
70 display: inline-block; 98 display: inline-block;
71 margin-right: 10px; 99 width: 108px;
100 text-align: right;
101 color: #9B9B9B;
102 white-space: nowrap;
72 } 103 }
73 .next_button { 104 .item_info li p{
105 display: inline-block;
106 color: #303030;
107 }
108 .item_info li a{
109 display: inline-block;
110 color: #0091FF;
111 margin-left: 20px;
112 }
113 .cancel_reservation {
114 display: block;
115 width: 100px;
116 height: 40px;
117 background: #FFFFFF;
118 border-radius: 3px;
119 border: 1px solid #E6E6E6;
120 font-size: 16px;
121 color: #9B9B9B;
122 line-height: 40px;
74 text-align: center; 123 text-align: center;
75 margin-bottom: 20px; 124 margin: 0 auto;
76 } 125 }
77 .next_button a { 126 .next_button {
78 color: #fff; 127 text-align: center;
128 margin: 50px 0 100px 0;
79 } 129 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
3 margin: 0 auto; 3 margin: 0 auto;
4 min-height:calc(100vh - 207px); 4 min-height:calc(100vh - 207px);
5 color: #4a4a4a; 5 color: #4a4a4a;
6 padding-bottom: 100px;
6 } 7 }
7 .name_title { 8 .name_title {
8 padding: 10px; 9 padding: 10px;
...@@ -21,3 +22,46 @@ ...@@ -21,3 +22,46 @@
21 display: inline-block; 22 display: inline-block;
22 color: #0091FF; 23 color: #0091FF;
23 } 24 }
25 .certificate_list {
26 padding: 30px 20px;
27 border: 1px solid #eeeeee;
28 border-radius: 4px;
29 margin: 20px 0;
30 }
31 .certificate_list a {
32 color: #0091FF;
33 margin-right: 10px;
34 }
35 .certificate_list li {
36 line-height: 36px;
37 }
38 .certificate_list span {
39 margin-right: 10px;
40 }
41 .acceptance_information {
42 margin-top: 20px;
43 }
44 .acceptance_information h3 {
45 height: 16px;
46 padding-left: 5px;
47 border-left: 3px solid #0091FF;
48 line-height: 18px;
49 font-size: 16px;
50 font-weight: 600;
51 margin-bottom: 15px;
52 }
53 .acceptance_information ul {
54 font-size: 0;
55 }
56 .acceptance_information ul li {
57 display: inline-block;
58 width: 50%;
59 font-size: 14px;
60 line-height: 28px;
61 }
62 .acceptance_information ul li span {
63 color: #9B9B9B;
64 }
65 .acceptance_information ul li p {
66 display: inline-block;
67 }
...\ No newline at end of file ...\ No newline at end of file
......
1 .app_progress li { 1 .progressBar {
2 padding: 0 30px; 2 padding-top: 30px;
3 line-height: 40px; 3 color: #4A4A4A;
4 background: #eee;
5 display: inline-block;
6 color: #fff;
7 position: relative; 4 position: relative;
8 color: black; 5 margin: 30px 0 50px 0;
9 cursor: pointer; 6 width: 95%;
10 } 7 }
11 .app_progress li:hover { 8 .app_progress {
12 background-color: #1E9FFF; 9 display: flex;
13 color: #fff; 10 width: 106%;
14 } 11 }
15 12 .app_progress li {
16 .app_progress li:hover:after { 13 display: inline-block;
17 border-left-color: #1E9FFF; 14 text-align: center;
15 flex: 1;
16 width: 100%;
18 } 17 }
19 .app_progress li:after{ 18 .app_progress .layui-progress {
20 content: ''; 19 flex: 2.1;
21 display: block; 20 position: relative;
22 border-top: 20px solid #fff; 21 top: 10px;
23 border-bottom: 20px solid #fff; 22 margin-left: -3.8%;
24 border-left: 12px solid #eee; 23 margin-right: -3.8%;
25 position: absolute;
26 right:0;
27 top: 0;
28 } 24 }
29 .active { 25 .item_proress {
30 background-color: #1E9FFF!important; 26 position: relative;
31 color: #fff!important; 27 width: 50px!important;
28 z-index: 10;
32 } 29 }
33 .app_progress li.active:after { 30 .app_progress li p{
34 border-left-color: #1E9FFF; 31 width: 29.5px;
32 height: 29.5px;
33 border-radius: 50%;
34 background-color: #E6E6E6;
35 margin: 0 auto;
35 } 36 }
36 .selected { 37 .app_progress li h5 {
37 background-color: #009688!important; 38 white-space: nowrap;
38 color: #fff!important; 39 margin-top: 5px;
39 } 40 }
40 .selected:hover { 41 .active {
41 background-color: #009688!important; 42 background-color: #47E1BF!important;
43 position: relative;
42 } 44 }
43 .app_progress li.selected:after { 45 .active::after {
44 border-left-color: #009688; 46 content: " ";
47 display: block;
48 position: absolute;
49 left: 10px;
50 top: 6px;
51 width: 8px;
52 height: 12px;
53 border-color: #fff;
54 border-style: solid;
55 border-width: 0 2px 2px 0;
56 transform: rotate(45deg);
45 } 57 }
46 .line { 58 .layui-progress-bar {
47 width: 25px; 59 background-color: #47E1BF!important;
48 height: 0;
49 display: inline-block;
50 border-bottom: 2px dotted#dddddd;
51 margin-bottom: 4px;
52 } 60 }
53 61
54 .next_button button { 62 .next_button button {
......
...@@ -71,4 +71,52 @@ $(function () { ...@@ -71,4 +71,52 @@ $(function () {
71 return false; 71 return false;
72 }); 72 });
73 }); 73 });
74 // 进度条
75 var data = {
76 'progressList': [
77 {
78 stepName: "信息效验",
79 stepState: 1 //0：未办理 1：正在办理 2：已办理
80 },
81 {
82 stepName: "填报信息",
83 stepState: 0
84 },
85 {
86 stepName: "完税核税",
87 stepState: 0
88 },
89 {
90 stepName: "身份认证",
91 stepState: 0
92 },
93 {
94 stepName: "资料审核",
95 stepState: 0
96 },
97 // {
98 // stepName: "线上缴费",
99 // stepState: 0
100 // },
101 // {
102 // stepName: "生成电子证书",
103 // stepState: 0
104 // }
105 ],
106 }
107
108 layui.use('laytpl', function () {
109 laytpl = layui.laytpl;
110 var getTpl = document.getElementById('progress').innerHTML
111 , view = document.getElementById('app_progress');
112 laytpl(getTpl).render(data, function (html) {
113 view.innerHTML = html;
114 });
115
116 layui.use(['element'], function () {
117 var element = layui.element;
118 //初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
119 element.init();
120 });
121 });
74 }) 122 })
......
...@@ -8,49 +8,49 @@ var business = [ ...@@ -8,49 +8,49 @@ var business = [
8 "stepName": "信息效验",//环节名称 8 "stepName": "信息效验",//环节名称
9 "pageUrl": "/index.html",//环节指定页面 9 "pageUrl": "/index.html",//环节指定页面
10 "stepType": "write",//环节类型 10 "stepType": "write",//环节类型
11 "stepState": 1,//0：未办理 1：已办理 2：正在办理 11 "stepState": 1,//0：未办理 1：正在办理 2：已办理
12 }, 12 },
13 { 13 {
14 "stepNo": "130102", 14 "stepNo": "130102",
15 "stepName": "填报信息", 15 "stepName": "填报信息",
16 "pageUrl": "/index.html", 16 "pageUrl": "/index.html",
17 "stepType": "write",//环节类型 17 "stepType": "write",//环节类型
18 "stepState": 1,//0：未办理 1：已办理 2：正在办理 18 "stepState": 1,//0：未办理 1：正在办理 2：已办理
19 }, 19 },
20 { 20 {
21 "stepNo": "130103", 21 "stepNo": "130103",
22 "stepName": "完税核税", 22 "stepName": "完税核税",
23 "pageUrl": "/index.html", 23 "pageUrl": "/index.html",
24 "stepType": "revenue",//环节类型 24 "stepType": "revenue",//环节类型
25 "stepState": 1,//0：未办理 1：已办理 2：正在办理 25 "stepState": 1,//0：未办理 1：正在办理 2：已办理
26 }, 26 },
27 { 27 {
28 "stepNo": "130104", 28 "stepNo": "130104",
29 "stepName": "身份认证", 29 "stepName": "身份认证",
30 "pageUrl": "/index.html", 30 "pageUrl": "/index.html",
31 "stepType": "identity",//环节类型 31 "stepType": "identity",//环节类型
32 "stepState": 1,//0：未办理 1：已办理 2：正在办理 32 "stepState": 1,//0：未办理 1：正在办理 2：已办理
33 }, 33 },
34 { 34 {
35 "stepNo": "130105", 35 "stepNo": "130105",
36 "stepName": "资料审核", 36 "stepName": "资料审核",
37 "pageUrl": "/index.html", 37 "pageUrl": "/index.html",
38 "stepType": "audit",//环节类型 38 "stepType": "audit",//环节类型
39 "stepState": 1,//0：未办理 1：已办理 2：正在办理 39 "stepState": 1,//0：未办理 1：正在办理 2：已办理
40 }, 40 },
41 { 41 {
42 "stepNo": "130106", 42 "stepNo": "130106",
43 "stepName": "线上缴费", 43 "stepName": "线上缴费",
44 "pageUrl": "/index.html", 44 "pageUrl": "/index.html",
45 "stepType": "pay",//环节类型 45 "stepType": "pay",//环节类型
46 "stepState": 1,//0：未办理 1：已办理 2：正在办理 46 "stepState": 1,//0：未办理 1：正在办理 2：已办理
47 }, 47 },
48 { 48 {
49 "stepNo": "130107", 49 "stepNo": "130107",
50 "stepName": "生成电子证书", 50 "stepName": "生成电子证书",
51 "pageUrl": "/index.html", 51 "pageUrl": "/index.html",
52 "stepType": "certificate",//环节类型 52 "stepType": "certificate",//环节类型
53 "stepState": 1,//0：未办理 1：已办理 2：正在办理 53 "stepState": 1,//0：未办理 1：正在办理 2：已办理
54 } 54 }
55 ] 55 ]
56 }, 56 },
...@@ -63,28 +63,28 @@ var business = [ ...@@ -63,28 +63,28 @@ var business = [
63 "stepName": "信息效验",//环节名称 63 "stepName": "信息效验",//环节名称
64 "pageUrl": "/index.html",//环节指定页面 64 "pageUrl": "/index.html",//环节指定页面
65 "stepType": "write",//环节类型 65 "stepType": "write",//环节类型
66 "stepState": 1,//0：未办理 1：已办理 2：正在办理 66 "stepState": 1,//0：未办理 1：正在办理 2：已办理
67 }, 67 },
68 { 68 {
69 "stepNo": "130102", 69 "stepNo": "130102",
70 "stepName": "填报信息", 70 "stepName": "填报信息",
71 "pageUrl": "/index.html", 71 "pageUrl": "/index.html",
72 "stepType": "write",//环节类型 72 "stepType": "write",//环节类型
73 "stepState": 1,//0：未办理 1：已办理 2：正在办理 73 "stepState": 1,//0：未办理 1：正在办理 2：已办理
74 }, 74 },
75 { 75 {
76 "stepNo": "130103", 76 "stepNo": "130103",
77 "stepName": "完税核税", 77 "stepName": "完税核税",
78 "pageUrl": "/index.html", 78 "pageUrl": "/index.html",
79 "stepType": "revenue",//环节类型 79 "stepType": "revenue",//环节类型
80 "stepState": 1,//0：未办理 1：已办理 2：正在办理 80 "stepState": 1,//0：未办理 1：正在办理 2：已办理
81 }, 81 },
82 { 82 {
83 "stepNo": "130104", 83 "stepNo": "130104",
84 "stepName": "身份认证", 84 "stepName": "身份认证",
85 "pageUrl": "/index.html", 85 "pageUrl": "/index.html",
86 "stepType": "identity",//环节类型 86 "stepType": "identity",//环节类型
87 "stepState": 1,//0：未办理 1：已办理 2：正在办理 87 "stepState": 1,//0：未办理 1：正在办理 2：已办理
88 } 88 }
89 , 89 ,
90 { 90 {
...@@ -92,7 +92,7 @@ var business = [ ...@@ -92,7 +92,7 @@ var business = [
92 "stepName": "资料审核", 92 "stepName": "资料审核",
93 "pageUrl": "/index.html", 93 "pageUrl": "/index.html",
94 "stepType": "audit",//环节类型 94 "stepType": "audit",//环节类型
95 "stepState": 1,//0：未办理 1：已办理 2：正在办理 95 "stepState": 1,//0：未办理 1：正在办理 2：已办理
96 }, 96 },
97 ] 97 ]
98 }, 98 },
...@@ -105,42 +105,42 @@ var business = [ ...@@ -105,42 +105,42 @@ var business = [
105 "stepName": "填报信息", 105 "stepName": "填报信息",
106 "pageUrl": "/index.html", 106 "pageUrl": "/index.html",
107 "stepType": "write",//环节类型 107 "stepType": "write",//环节类型
108 "stepState": 1,//0：未办理 1：已办理 2：正在办理 108 "stepState": 1,//0：未办理 1：正在办理 2：已办理
109 }, 109 },
110 { 110 {
111 "stepNo": "130103", 111 "stepNo": "130103",
112 "stepName": "完税核税", 112 "stepName": "完税核税",
113 "pageUrl": "/index.html", 113 "pageUrl": "/index.html",
114 "stepType": "revenue",//环节类型 114 "stepType": "revenue",//环节类型
115 "stepState": 1,//0：未办理 1：已办理 2：正在办理 115 "stepState": 1,//0：未办理 1：正在办理 2：已办理
116 }, 116 },
117 { 117 {
118 "stepNo": "130104", 118 "stepNo": "130104",
119 "stepName": "身份认证", 119 "stepName": "身份认证",
120 "pageUrl": "/index.html", 120 "pageUrl": "/index.html",
121 "stepType": "identity",//环节类型 121 "stepType": "identity",//环节类型
122 "stepState": 1,//0：未办理 1：已办理 2：正在办理 122 "stepState": 1,//0：未办理 1：正在办理 2：已办理
123 }, 123 },
124 { 124 {
125 "stepNo": "130105", 125 "stepNo": "130105",
126 "stepName": "资料审核", 126 "stepName": "资料审核",
127 "pageUrl": "/index.html", 127 "pageUrl": "/index.html",
128 "stepType": "audit",//环节类型 128 "stepType": "audit",//环节类型
129 "stepState": 1,//0：未办理 1：已办理 2：正在办理 129 "stepState": 1,//0：未办理 1：正在办理 2：已办理
130 }, 130 },
131 { 131 {
132 "stepNo": "130106", 132 "stepNo": "130106",
133 "stepName": "线上缴费", 133 "stepName": "线上缴费",
134 "pageUrl": "/index.html", 134 "pageUrl": "/index.html",
135 "stepType": "pay",//环节类型 135 "stepType": "pay",//环节类型
136 "stepState": 1,//0：未办理 1：已办理 2：正在办理 136 "stepState": 1,//0：未办理 1：正在办理 2：已办理
137 }, 137 },
138 { 138 {
139 "stepNo": "130107", 139 "stepNo": "130107",
140 "stepName": "生成电子证书", 140 "stepName": "生成电子证书",
141 "pageUrl": "/index.html", 141 "pageUrl": "/index.html",
142 "stepType": "certificate",//环节类型 142 "stepType": "certificate",//环节类型
143 "stepState": 1,//0：未办理 1：已办理 2：正在办理 143 "stepState": 1,//0：未办理 1：正在办理 2：已办理
144 } 144 }
145 ] 145 ]
146 } 146 }
......
1 $(function () { 1 $(function () {
2 layui.use('element', function () { 2 layui.use('element', function () {
3 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块 3 let element = layui.element;
4 }); 4 });
5 addTabs('#wssq') 5 addTabs('#wssq')
6 // 业务 6 // 业务
7 var data = {
8 'progressList': [
9 {
10 stepName: "信息效验",
11 stepState: 2 //0：未办理 1：正在办理 2：已办理
12 },
13 {
14 stepName: "填报信息",
15 stepState: 2
16 },
17 {
18 stepName: "完税核税",
19 stepState: 2
20 },
21 {
22 stepName: "身份认证",
23 stepState: 2
24 },
25 {
26 stepName: "资料审核",
27 stepState: 2
28 },
29 {
30 stepName: "线上缴费",
31 stepState: 2
32 },
33 {
34 stepName: "生成电子证书",
35 stepState: 1
36 }
37 ],
38 }
39
40 layui.use('laytpl', function () {
41 laytpl = layui.laytpl;
42 var getTpl = document.getElementById('progress').innerHTML
43 , view = document.getElementById('app_progress');
44 laytpl(getTpl).render(data, function (html) {
45 view.innerHTML = html;
46 });
47
48 layui.use(['element'], function () {
49 var element = layui.element;
50 //初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
51 element.init();
52 });
53 });
7 }) 54 })
......
...@@ -8,35 +8,52 @@ $(function () { ...@@ -8,35 +8,52 @@ $(function () {
8 }); 8 });
9 addTabs('#wssq') 9 addTabs('#wssq')
10 // 业务 10 // 业务
11 $('.feachBtn').click(function () { 11 // 业务
12 var tel = $("#tel").val(); 12 var data = {
13 //正则表达式 13 'progressList': [
14 var reg = /(1[3-9]\d{9}$)/; 14 {
15 if (!reg.test(tel)) { 15 stepName: "信息效验",
16 layui.use('layer', function(){ 16 stepState: 2 //0：未办理 1：正在办理 2：已办理
17 var layer = layui.layer; 17 },
18 layer.msg("请输入正确格式的手机号码", { 18 {
19 icon: 5 19 stepName: "填报信息",
20 stepState: 2
21 },
22 {
23 stepName: "完税核税",
24 stepState: 2
25 },
26 {
27 stepName: "身份认证",
28 stepState: 1
29 },
30 {
31 stepName: "资料审核",
32 stepState: 0
33 },
34 {
35 stepName: "线上缴费",
36 stepState: 0
37 },
38 {
39 stepName: "生成电子证书",
40 stepState: 0
41 }
42 ],
43 }
44
45 layui.use('laytpl', function () {
46 laytpl = layui.laytpl;
47 var getTpl = document.getElementById('progress').innerHTML
48 , view = document.getElementById('app_progress');
49 laytpl(getTpl).render(data, function (html) {
50 view.innerHTML = html;
20 }); 51 });
52
53 layui.use(['element'], function () {
54 var element = layui.element;
55 //初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
56 element.init();
21 }); 57 });
22 return false;
23 } else {
24 let count = 5;
25 $('.feachBtn').attr('disabled', true);
26 $('.feachBtn').css({
27 background: '#eee',
28 color: '#707070',
29 }); 58 });
30 count--;
31 countDown = setInterval(() => {
32 count--;
33 $('.feachBtn').text(count + '秒后可重新获取');
34 if (count === 0) {
35 $('.feachBtn').text('重新发送').removeAttr('disabled');
36 clearInterval(countDown);
37 }
38 }, 1000);
39 $('.feachBtn').text(count + '秒后可重新获取');
40 }
41 })
42 }) 59 })
......
...@@ -4,4 +4,51 @@ $(function () { ...@@ -4,4 +4,51 @@ $(function () {
4 }); 4 });
5 addTabs('#wssq') 5 addTabs('#wssq')
6 // 业务 6 // 业务
7 var data = {
8 'progressList': [
9 {
10 stepName: "信息效验",
11 stepState: 2 //0：未办理 1：正在办理 2：已办理
12 },
13 {
14 stepName: "填报信息",
15 stepState: 2
16 },
17 {
18 stepName: "完税核税",
19 stepState: 2
20 },
21 {
22 stepName: "身份认证",
23 stepState: 2
24 },
25 {
26 stepName: "资料审核",
27 stepState: 2
28 },
29 {
30 stepName: "线上缴费",
31 stepState: 1
32 },
33 {
34 stepName: "生成电子证书",
35 stepState: 0
36 }
37 ],
38 }
39
40 layui.use('laytpl', function () {
41 laytpl = layui.laytpl;
42 var getTpl = document.getElementById('progress').innerHTML
43 , view = document.getElementById('app_progress');
44 laytpl(getTpl).render(data, function (html) {
45 view.innerHTML = html;
46 });
47
48 layui.use(['element'], function () {
49 var element = layui.element;
50 //初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
51 element.init();
52 });
53 });
7 }) 54 })
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -8,4 +8,51 @@ $(function () { ...@@ -8,4 +8,51 @@ $(function () {
8 }); 8 });
9 addTabs('#wssq') 9 addTabs('#wssq')
10 // 业务 10 // 业务
11 var data = {
12 'progressList': [
13 {
14 stepName: "信息效验",
15 stepState: 2 //0：未办理 1：正在办理 2：已办理
16 },
17 {
18 stepName: "填报信息",
19 stepState: 2
20 },
21 {
22 stepName: "完税核税",
23 stepState: 2
24 },
25 {
26 stepName: "身份认证",
27 stepState: 2
28 },
29 {
30 stepName: "资料审核",
31 stepState: 1
32 },
33 {
34 stepName: "线上缴费",
35 stepState: 0
36 },
37 {
38 stepName: "生成电子证书",
39 stepState: 0
40 }
41 ],
42 }
43
44 layui.use('laytpl', function () {
45 laytpl = layui.laytpl;
46 var getTpl = document.getElementById('progress').innerHTML
47 , view = document.getElementById('app_progress');
48 laytpl(getTpl).render(data, function (html) {
49 view.innerHTML = html;
50 });
51
52 layui.use(['element'], function () {
53 var element = layui.element;
54 //初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
55 element.init();
56 });
57 });
11 }) 58 })
......
...@@ -27,47 +27,96 @@ ...@@ -27,47 +27,96 @@
27 <h2>转移类</h2> 27 <h2>转移类</h2>
28 <p>商品房转移买卖转移登记</p> 28 <p>商品房转移买卖转移登记</p>
29 </div> 29 </div>
30 <ul class="app_progress"> 30 <div class="progressBar">
31 <li class="selected"> 31 <ul class="app_progress" id="app_progress">
32 <span>1</span>
33 信息效验
34 </li>
35 <div class="line"></div>
36 <li class="selected">
37 <span>2</span>
38 填报信息
39 </li>
40 <div class="line"></div>
41 <li class="selected">
42 <span>3</span>
43 完税核税
44 </li>
45 <div class="line"></div>
46 <li class="selected">
47 <span>4</span>
48 身份认证
49 </li>
50 <div class="line"></div>
51 <li class="selected">
52 <span>5</span>
53 资料审核
54 </li>
55 <div class="line"></div>
56 <li class="selected">
57 <span>6</span>
58 线上缴费
59 </li>
60 <div class="line"></div>
61 <li class="active">
62 <span>7</span>
63 生成电子证书
64 </li>
65 </ul> 32 </ul>
66 <!-- --------------------------------- --> 33 </div>
67 <div class="certificate_list"> 34 <div class="certificate_list">
68 <ul> 35 <ul>
69 <li> 36 <li>
70 37 <p>该不动产业务已办结，相应的不动产电子证照已生成，请尽快前往办事大厅领取纸质证书</p>
38 <p>
39 <span>电子证照下载</span>
40 <a href="">陕（2019）XXXXXX</a>
41 </p>
42 </li>
43 <li>
44 <p>该不动产业务已办结，相应的不动产电子证照已生成，纸质证书已邮寄</p>
45 <p>
46 <a href="">物流信息</a>
47 <span>电子证照下载</span>
48 <a href="">陕（2019）XXXXXX</a>
49 </p>
50 </li>
51 </ul>
52 </div>
53 <!-- ------------受理信息-------------- -->
54 <div class="acceptance_information">
55 <h3>受理信息</h3>
56 <ul>
57 <li>
58 <span>权利类型：</span>
59 <p>房屋等建筑物、构筑物所有权</p>
60 </li>
61 <li>
62 <span>业务类型：</span>
63 <p>商品房买卖转移登记（个人）</p>
64 </li>
65 <li>
66 <span>受理编号：</span>
67 <p>201022221345</p>
68 </li>
69 <li>
70 <span>受理日期：</span>
71 <p>77987989</p>
72 </li>
73 </ul>
74 </div>
75 <!-- ------------房屋信息-------------- -->
76 <div class="acceptance_information">
77 <h3>屋信息</h3>
78 <ul>
79 <li>
80 <span>不动产单元号：</span>
81 <p>450101 450002 GB 00740W00000000</p>
82 </li>
83 <li>
84 <span>产权证号：</span>
85 <p>370205004005GB10030</p>
86 </li>
87 <li>
88 <span>坐落：</span>
89 <p>XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室</p>
90 </li>
91 <li>
92 <span>面积（㎡）：</span>
93 <p>568</p>
94 </li>
95 <li>
96 <span>合同备案号：</span>
97 <p>YS000000000001</p>
98 </li>
99 </ul>
100 </div>
101 <!-- ------------买方信息-------------- -->
102 <div class="acceptance_information">
103 <h3>买方信息</h3>
104 <ul>
105 <li>
106 <span>姓名：</span>
107 <p>任超1111</p>
108 </li>
109 <li>
110 <span>证件类型：</span>
111 <p>8998798798798</p>
112 </li>
113 <li>
114 <span>证件号码：</span>
115 <p>89798798</p>
116 </li>
117 <li>
118 <span>联系电话：</span>
119 <p>15877343636</p>
71 </li> 120 </li>
72 </ul> 121 </ul>
73 </div> 122 </div>
...@@ -76,4 +125,39 @@ ...@@ -76,4 +125,39 @@
76 <script type="text/javascript" src="../staticJs/common.js"></script> 125 <script type="text/javascript" src="../staticJs/common.js"></script>
77 <script type="text/javascript" src="../staticJs/down.js"></script> 126 <script type="text/javascript" src="../staticJs/down.js"></script>
78 <script type="text/javascript" src="../staticJs/dzzs.js"></script> 127 <script type="text/javascript" src="../staticJs/dzzs.js"></script>
128 <script id="progress" type="text/html">
129 {{# layui.each(d.progressList, function(index, item){ }}
130 {{# if(item.stepState==2){ }}
131 <li class="item_proress">
132 <p class="active"></p>
133 <h5>{{item.stepName}}</h5>
134 </li>
135 <li class="layui-progress">
136 <div class="layui-progress-bar" lay-percent="100%"></div>
137 </li>
138 {{# } }}
139 {{# if(item.stepState==1){ }}
140 <li class="item_proress">
141 <p class="active"></p>
142 <h5>{{item.stepName}}</h5>
143 </li>
144 {{# if(index!=(d.progressList.length-1)){ }}
145 <li class="layui-progress">
146 <div class="layui-progress-bar" lay-percent="50%"></div>
147 </li>
148 {{# } }}
149 {{# } }}
150 {{# if(item.stepState==0){ }}
151 <li class="item_proress">
152 <p></p>
153 <h5>{{item.stepName}}</h5>
154 </li>
155 {{# if(index!=(d.progressList.length-1)){ }}
156 <li class="layui-progress">
157 <div class="layui-progress-bar" lay-percent="0%"></div>
158 </li>
159 {{# } }}
160 {{# } }}
161 {{# }); }}
162 </script>
79 </html> 163 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -27,43 +27,10 @@ ...@@ -27,43 +27,10 @@
27 <h2>转移类</h2> 27 <h2>转移类</h2>
28 <p>商品房转移买卖转移登记</p> 28 <p>商品房转移买卖转移登记</p>
29 </div> 29 </div>
30 <ul class="app_progress"> 30 <div class="progressBar">
31 <li class="selected"> 31 <ul class="app_progress" id="app_progress">
32 <span>1</span>
33 信息效验
34 </li>
35 <div class="line"></div>
36 <li class="selected">
37 <span>2</span>
38 填报信息
39 </li>
40 <div class="line"></div>
41 <li class="selected">
42 <span>3</span>
43 完税核税
44 </li>
45 <div class="line"></div>
46 <li class="active">
47 <span>4</span>
48 身份认证
49 </li>
50 <div class="line"></div>
51 <li>
52 <span>5</span>
53 资料审核
54 </li>
55 <div class="line"></div>
56 <li>
57 <span>6</span>
58 线上缴费
59 </li>
60 <div class="line"></div>
61 <li>
62 <span>7</span>
63 生成电子证书
64 </li>
65 </ul> 32 </ul>
66 33 </div>
67 <div class="info_query"> 34 <div class="info_query">
68 <div class="nav_title"> 35 <div class="nav_title">
69 <h2>买方</h2> 36 <h2>买方</h2>
...@@ -82,4 +49,39 @@ ...@@ -82,4 +49,39 @@
82 <script type="text/javascript" src="../staticJs/common.js"></script> 49 <script type="text/javascript" src="../staticJs/common.js"></script>
83 <script type="text/javascript" src="../staticJs/down.js"></script> 50 <script type="text/javascript" src="../staticJs/down.js"></script>
84 <script type="text/javascript" src="../staticJs/sfrz.js"></script> 51 <script type="text/javascript" src="../staticJs/sfrz.js"></script>
52 <script id="progress" type="text/html">
53 {{# layui.each(d.progressList, function(index, item){ }}
54 {{# if(item.stepState==2){ }}
55 <li class="item_proress">
56 <p class="active"></p>
57 <h5>{{item.stepName}}</h5>
58 </li>
59 <li class="layui-progress">
60 <div class="layui-progress-bar" lay-percent="100%"></div>
61 </li>
62 {{# } }}
63 {{# if(item.stepState==1){ }}
64 <li class="item_proress">
65 <p class="active"></p>
66 <h5>{{item.stepName}}</h5>
67 </li>
68 {{# if(index!=(d.progressList.length-1)){ }}
69 <li class="layui-progress">
70 <div class="layui-progress-bar" lay-percent="50%"></div>
71 </li>
72 {{# } }}
73 {{# } }}
74 {{# if(item.stepState==0){ }}
75 <li class="item_proress">
76 <p></p>
77 <h5>{{item.stepName}}</h5>
78 </li>
79 {{# if(index!=(d.progressList.length-1)){ }}
80 <li class="layui-progress">
81 <div class="layui-progress-bar" lay-percent="0%"></div>
82 </li>
83 {{# } }}
84 {{# } }}
85 {{# }); }}
86 </script>
85 </html> 87 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
100 <p>预售商品房抵押登记</p> 100 <p>预售商品房抵押登记</p>
101 <div class="button"> 101 <div class="button">
102 <button type="button" class="layui-btn layui-btn-normal layui-btn-sm"> 102 <button type="button" class="layui-btn layui-btn-normal layui-btn-sm">
103 <a href='./bljy.html?title=预告类&bus=预售商品房抵押登记'>立即办理</a> 103 <a href='./xxjy.html?title=预告类&bus=预售商品房抵押登记'>立即办理</a>
104 </button> 104 </button>
105 <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button> 105 <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button>
106 </div> 106 </div>
......
...@@ -27,42 +27,10 @@ ...@@ -27,42 +27,10 @@
27 <h2>转移类</h2> 27 <h2>转移类</h2>
28 <p>商品房转移买卖转移登记</p> 28 <p>商品房转移买卖转移登记</p>
29 </div> 29 </div>
30 <ul class="app_progress"> 30 <div class="progressBar">
31 <li class="selected"> 31 <ul class="app_progress" id="app_progress">
32 <span>1</span>
33 信息效验
34 </li>
35 <div class="line"></div>
36 <li class="selected">
37 <span>2</span>
38 填报信息
39 </li>
40 <div class="line"></div>
41 <li class="selected">
42 <span>3</span>
43 完税核税
44 </li>
45 <div class="line"></div>
46 <li class="selected">
47 <span>4</span>
48 身份认证
49 </li>
50 <div class="line"></div>
51 <li class="selected">
52 <span>5</span>
53 资料审核
54 </li>
55 <div class="line"></div>
56 <li class="active">
57 <span>6</span>
58 线上缴费
59 </li>
60 <div class="line"></div>
61 <li>
62 <span>7</span>
63 生成电子证书
64 </li>
65 </ul> 32 </ul>
33 </div>
66 <!-- ------------------开始支付----------------- --> 34 <!-- ------------------开始支付----------------- -->
67 <div class="audit_progress"> 35 <div class="audit_progress">
68 <h2>您的申请已提交,工作人员会在15个工作日内完成审核！</h2> 36 <h2>您的申请已提交,工作人员会在15个工作日内完成审核！</h2>
...@@ -137,7 +105,7 @@ ...@@ -137,7 +105,7 @@
137 </ul> 105 </ul>
138 <div class="next_button"> 106 <div class="next_button">
139 <button type="button" class="layui-btn layui-btn-normal"> 107 <button type="button" class="layui-btn layui-btn-normal">
140 <a href="">下一步</a> 108 <a href="./dzzs.html">下一步</a>
141 </button> 109 </button>
142 </div> 110 </div>
143 </div> 111 </div>
...@@ -146,4 +114,39 @@ ...@@ -146,4 +114,39 @@
146 <script type="text/javascript" src="../staticJs/common.js"></script> 114 <script type="text/javascript" src="../staticJs/common.js"></script>
147 <script type="text/javascript" src="../staticJs/down.js"></script> 115 <script type="text/javascript" src="../staticJs/down.js"></script>
148 <script type="text/javascript" src="../staticJs/xsjf.js"></script> 116 <script type="text/javascript" src="../staticJs/xsjf.js"></script>
117 <script id="progress" type="text/html">
118 {{# layui.each(d.progressList, function(index, item){ }}
119 {{# if(item.stepState==2){ }}
120 <li class="item_proress">
121 <p class="active"></p>
122 <h5>{{item.stepName}}</h5>
123 </li>
124 <li class="layui-progress">
125 <div class="layui-progress-bar" lay-percent="100%"></div>
126 </li>
127 {{# } }}
128 {{# if(item.stepState==1){ }}
129 <li class="item_proress">
130 <p class="active"></p>
131 <h5>{{item.stepName}}</h5>
132 </li>
133 {{# if(index!=(d.progressList.length-1)){ }}
134 <li class="layui-progress">
135 <div class="layui-progress-bar" lay-percent="50%"></div>
136 </li>
137 {{# } }}
138 {{# } }}
139 {{# if(item.stepState==0){ }}
140 <li class="item_proress">
141 <p></p>
142 <h5>{{item.stepName}}</h5>
143 </li>
144 {{# if(index!=(d.progressList.length-1)){ }}
145 <li class="layui-progress">
146 <div class="layui-progress-bar" lay-percent="0%"></div>
147 </li>
148 {{# } }}
149 {{# } }}
150 {{# }); }}
151 </script>
149 </html> 152 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -27,42 +27,10 @@ ...@@ -27,42 +27,10 @@
27 <h2>转移类</h2> 27 <h2>转移类</h2>
28 <p>商品房转移买卖转移登记</p> 28 <p>商品房转移买卖转移登记</p>
29 </div> 29 </div>
30 <ul class="app_progress"> 30 <div class="progressBar">
31 <li class="selected"> 31 <ul class="app_progress" id="app_progress">
32 <span>1</span>
33 信息效验
34 </li>
35 <div class="line"></div>
36 <li class="selected">
37 <span>2</span>
38 填报信息
39 </li>
40 <div class="line"></div>
41 <li class="selected">
42 <span>3</span>
43 完税核税
44 </li>
45 <div class="line"></div>
46 <li class="selected">
47 <span>4</span>
48 身份认证
49 </li>
50 <div class="line"></div>
51 <li class="active">
52 <span>5</span>
53 资料审核
54 </li>
55 <div class="line"></div>
56 <li>
57 <span>6</span>
58 线上缴费
59 </li>
60 <div class="line"></div>
61 <li>
62 <span>7</span>
63 生成电子证书
64 </li>
65 </ul> 32 </ul>
33 </div>
66 <div class="audit_progress"> 34 <div class="audit_progress">
67 <h2>您的申请已提交,工作人员会在15个工作日内完成审核！</h2> 35 <h2>您的申请已提交,工作人员会在15个工作日内完成审核！</h2>
68 <p> 36 <p>
...@@ -158,4 +126,39 @@ ...@@ -158,4 +126,39 @@
158 <script type="text/javascript" src="../staticJs/common.js"></script> 126 <script type="text/javascript" src="../staticJs/common.js"></script>
159 <script type="text/javascript" src="../staticJs/down.js"></script> 127 <script type="text/javascript" src="../staticJs/down.js"></script>
160 <script type="text/javascript" src="../staticJs/zlsh.js"></script> 128 <script type="text/javascript" src="../staticJs/zlsh.js"></script>
129 <script id="progress" type="text/html">
130 {{# layui.each(d.progressList, function(index, item){ }}
131 {{# if(item.stepState==2){ }}
132 <li class="item_proress">
133 <p class="active"></p>
134 <h5>{{item.stepName}}</h5>
135 </li>
136 <li class="layui-progress">
137 <div class="layui-progress-bar" lay-percent="100%"></div>
138 </li>
139 {{# } }}
140 {{# if(item.stepState==1){ }}
141 <li class="item_proress">
142 <p class="active"></p>
143 <h5>{{item.stepName}}</h5>
144 </li>
145 {{# if(index!=(d.progressList.length-1)){ }}
146 <li class="layui-progress">
147 <div class="layui-progress-bar" lay-percent="50%"></div>
148 </li>
149 {{# } }}
150 {{# } }}
151 {{# if(item.stepState==0){ }}
152 <li class="item_proress">
153 <p></p>
154 <h5>{{item.stepName}}</h5>
155 </li>
156 {{# if(index!=(d.progressList.length-1)){ }}
157 <li class="layui-progress">
158 <div class="layui-progress-bar" lay-percent="0%"></div>
159 </li>
160 {{# } }}
161 {{# } }}
162 {{# }); }}
163 </script>
161 </html> 164 </html>
...\ No newline at end of file ...\ No newline at end of file
......