Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
d8fd47d6 by 任超
Options

feat:完税

1 parent 48fc1e41
Inline Side-by-side
Showing 8 changed files with 300 additions and 163 deletions
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
44 border-left-color: #009688; 44 border-left-color: #009688;
45 } 45 }
46 .line { 46 .line {
47 width: 62px; 47 width: 25px;
48 height: 0; 48 height: 0;
49 display: inline-block; 49 display: inline-block;
50 border-bottom: 2px dotted#dddddd; 50 border-bottom: 2px dotted#dddddd;
......
...@@ -28,11 +28,25 @@ ...@@ -28,11 +28,25 @@
28 .layui-icon { 28 .layui-icon {
29 cursor: pointer; 29 cursor: pointer;
30 } 30 }
31 .tabs_title {
32 margin-bottom: 10px;
33 }
34 .tabs_title p {
35 display: inline-block;
36 margin-right: 10px;
37 position: relative;
38 top: -2px;
39 }
40 .tabs_title input {
41 width: 16px;
42 height: 16px;
43 }
44
31 .tabs_title i{ 45 .tabs_title i{
32 font-size: 24px; 46 font-size: 24px;
33 position: relative; 47 position: relative;
34 top: -10px;
35 color: #0091FF; 48 color: #0091FF;
49 top: 3px;
36 } 50 }
37 .layui-tab { 51 .layui-tab {
38 width: 23%; 52 width: 23%;
......
1 .content_box { 1 .content_box {
2 width: 1200px; 2 width: 1200px;
3 margin: 0 auto; 3 margin: 0 auto;
4 color: #4a4a4a;
4 } 5 }
5 .name_title { 6 .name_title {
6 padding: 10px; 7 padding: 10px;
...@@ -26,17 +27,69 @@ ...@@ -26,17 +27,69 @@
26 .next_button a { 27 .next_button a {
27 color: #ffffff; 28 color: #ffffff;
28 } 29 }
29 .form_title h2 { 30 .no_info {
31 text-align: center;
32 color: #FF5722;
33 margin: 30px 0;
34 }
35 .no_info, .success_info h2 {
30 font-weight: 600; 36 font-weight: 600;
31 border-left: 3px solid #0091FF; 37 }
32 height: 16px; 38 .success_info {
33 line-height: 16px; 39 text-align: center;
40 color: #5FB878;
41 margin: 30px 0;
42 }
43 .nav_title {
44 padding: 10px 0 10px 10px;
45 margin-bottom: 20px;
46 }
47 .nav_title h2 {
34 padding-left: 5px; 48 padding-left: 5px;
49 border-left: 3px solid #1E9FFF;
50 height: 14px;
51 line-height: 14px;
52 font-weight: 600;
53 }
54 .tax_information li {
55 display: inline-block;
56 width: 31%;
57 margin-right: 15px;
58 line-height: 36px;
59 }
60 .tax_information li span {
61 width: 90px;
62 display: inline-block;
63 text-align-last: justify;
64 }
65 .tax_information li p {
66 display: inline-block;
67 margin-left: 10px;
68 }
69 .buyer_information h2{
70 padding: 10px;
71 background-color: #1E9FFF;
72 color: #ffffff;
73 width: 68px;
35 margin: 15px 0; 74 margin: 15px 0;
75 border-radius: 2px;
36 } 76 }
37 .layui-form-item .layui-inline { 77 .buyer_information ul {
38 width: 48%; 78 margin-left: -10px;
79 margin-right: -10px;
80 font-size: 0;
81 }
82 .buyer_information ul li {
83 width: 25%;
84 height: 260px;
85 box-sizing: border-box;
86 display: inline-block;
87 font-size: 14px;
39 } 88 }
40 .layui-layer-dialog .layui-layer-content { 89 .buyer_information ul li div{
41 line-height: 24px; 90 border: 1px solid #01AAED;
91 line-height: 50px;
92 box-sizing: border-box;
93 margin: 0 10px;
94 padding: 15px;
42 } 95 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -8,14 +8,4 @@ $(function () { ...@@ -8,14 +8,4 @@ $(function () {
8 }); 8 });
9 addTabs('#wssq') 9 addTabs('#wssq')
10 // 业务 10 // 业务
11 layui.use(['form'], function () {
12 var form = layui.form
13 //监听提交
14 form.on('submit(demo1)', function (data) {
15 layer.alert(JSON.stringify(data.field), {
16 title: '最终的提交信息'
17 })
18 return false;
19 });
20 });
21 }) 11 })
......
...@@ -30,37 +30,37 @@ ...@@ -30,37 +30,37 @@
30 <ul class="app_progress"> 30 <ul class="app_progress">
31 <li class="active"> 31 <li class="active">
32 <span>1</span> 32 <span>1</span>
33 效验 33 信息效验
34 </li> 34 </li>
35 <div class="line"></div> 35 <div class="line"></div>
36 <li> 36 <li>
37 <span>2</span> 37 <span>2</span>
38 申请 38 填报信息
39 </li> 39 </li>
40 <div class="line"></div> 40 <div class="line"></div>
41 <li> 41 <li>
42 <span>3</span> 42 <span>3</span>
43 完税 43 完税核税
44 </li> 44 </li>
45 <div class="line"></div> 45 <div class="line"></div>
46 <li> 46 <li>
47 <span>4</span> 47 <span>4</span>
48 认证 48 身份认证
49 </li> 49 </li>
50 <div class="line"></div> 50 <div class="line"></div>
51 <li> 51 <li>
52 <span>5</span> 52 <span>5</span>
53 领证方式 53 资料审核
54 </li> 54 </li>
55 <div class="line"></div> 55 <div class="line"></div>
56 <li> 56 <li>
57 <span>6</span> 57 <span>6</span>
58 缴费 58 线上缴费
59 </li> 59 </li>
60 <div class="line"></div> 60 <div class="line"></div>
61 <li> 61 <li>
62 <span>7</span> 62 <span>7</span>
63 公示 63 生成电子证书
64 </li> 64 </li>
65 </ul> 65 </ul>
66 <div class="input_search"> 66 <div class="input_search">
...@@ -220,7 +220,7 @@ ...@@ -220,7 +220,7 @@
220 </ul> 220 </ul>
221 <div class="next_button"> 221 <div class="next_button">
222 <button type="button" class="layui-btn layui-btn-normal"> 222 <button type="button" class="layui-btn layui-btn-normal">
223 <a href="./yysq.html">下一步</a> 223 <a href="./tbxx.html">下一步</a>
224 </button> 224 </button>
225 </div> 225 </div>
226 </div> 226 </div>
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 <style> 6 <style>
7 </style> 7 </style>
8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9 <title>立即办理-申请</title> 9 <title>立即办理-填报信息</title>
10 <script type="text/javascript" src="../staticJs/head.js"></script> 10 <script type="text/javascript" src="../staticJs/head.js"></script>
11 <link rel="stylesheet" type="text/css" href="../staticCss/yysq.css"> 11 <link rel="stylesheet" type="text/css" href="../staticCss/yysq.css">
12 <link rel="stylesheet" type="text/css" href="../staticCss/progress.css"> 12 <link rel="stylesheet" type="text/css" href="../staticCss/progress.css">
...@@ -30,51 +30,49 @@ ...@@ -30,51 +30,49 @@
30 <ul class="app_progress"> 30 <ul class="app_progress">
31 <li class="selected"> 31 <li class="selected">
32 <span>1</span> 32 <span>1</span>
33 效验 33 信息效验
34 </li> 34 </li>
35 <div class="line"></div> 35 <div class="line"></div>
36 <li class="active"> 36 <li class="active">
37 <span>2</span> 37 <span>2</span>
38 申请 38 填报信息
39 </li> 39 </li>
40 <div class="line"></div> 40 <div class="line"></div>
41 <li> 41 <li>
42 <span>3</span> 42 <span>3</span>
43 完税 43 完税核税
44 </li> 44 </li>
45 <div class="line"></div> 45 <div class="line"></div>
46 <li> 46 <li>
47 <span>4</span> 47 <span>4</span>
48 认证 48 身份认证
49 </li> 49 </li>
50 <div class="line"></div> 50 <div class="line"></div>
51 <li> 51 <li>
52 <span>5</span> 52 <span>5</span>
53 领证方式 53 资料审核
54 </li> 54 </li>
55 <div class="line"></div> 55 <div class="line"></div>
56 <li> 56 <li>
57 <span>6</span> 57 <span>6</span>
58 缴费 58 线上缴费
59 </li> 59 </li>
60 <div class="line"></div> 60 <div class="line"></div>
61 <li> 61 <li>
62 <span>7</span> 62 <span>7</span>
63 公示 63 生成电子证书
64 </li> 64 </li>
65 </ul> 65 </ul>
66 <div class="title layui-bg-green"> 66 <div class="title layui-bg-green">
67 <h2>买方信息/共有情况</h2> 67 <h2>买方信息/共有情况</h2>
68 </div> 68 </div>
69 <div class="tabs_title"> 69 <div class="tabs_title">
70 <div class="layui-tab layui-tab-brief" lay-filter="status"> 70 <input type="radio" name="1" value="单独所有" checked>
71 <ul class="layui-tab-title"> 71 <p>单独所有</p>
72 <li class="layui-this" lay-id="1">单独所有</li> 72 <input type="radio" name="1" value="共同共有">
73 <li lay-id="2">共同共有</li> 73 <p>共同共有</p>
74 <li lay-id="3">按份共有</li> 74 <input type="radio" name="1" value="按份共有">
75 </ul> 75 <p>按份共有</p>
76 <div class="layui-tab-content"></div>
77 </div>
78 <i class="layui-icon layui-icon-add-circle tableAdd"></i> 76 <i class="layui-icon layui-icon-add-circle tableAdd"></i>
79 </div> 77 </div>
80 <table id="buyInfo" lay-filter="buyInfo"></table> 78 <table id="buyInfo" lay-filter="buyInfo"></table>
...@@ -104,7 +102,7 @@ ...@@ -104,7 +102,7 @@
104 102
105 <div class="next_button"> 103 <div class="next_button">
106 <button type="button" class="layui-btn layui-btn-normal"> 104 <button type="button" class="layui-btn layui-btn-normal">
107 <a href="./yyws.html"> 105 <a href="./wshs.html">
108 下一步 106 下一步
109 </a> 107 </a>
110 </button> 108 </button>
......
1 <!DOCTYPE html
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">
4
5 <head>
6 <style>
7 </style>
8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9 <title>立即办理-完税核税</title>
10 <script type="text/javascript" src="../staticJs/head.js"></script>
11 <link rel="stylesheet" type="text/css" href="../staticCss/progress.css">
12 <link rel="stylesheet" type="text/css" href="../staticCss/yyws.css">
13 </head>
14
15 <body>
16 <div class="navigation_crumbs">
17 <div class="contentBox">
18 <span class="layui-breadcrumb">
19 <a href="../../index.html">首页</a>
20 <a href="./wssq.html">网上申请</a>
21 <a><cite>在线申请</cite></a>
22 </span>
23 </div>
24 </div>
25 <div class="content_box">
26 <div class="name_title layui-bg-gray">
27 <h2>转移类</h2>
28 <p>商品房转移买卖转移登记</p>
29 </div>
30 <ul class="app_progress">
31 <li class="selected">
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="active">
42 <span>3</span>
43 完税核税
44 </li>
45 <div class="line"></div>
46 <li>
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>
66 <div class="query_results">
67 <!-- <div class="no_info">
68 <h2>温馨提示：未检测到完税信息！</h2>
69 <p>您可以到税务局办事大厅现场完税</p>
70 </div> -->
71 <div class="success_info">
72 <h2>温馨提示：完税校验通过！</h2>
73 <p>您可以继续进行业务申请！</p>
74 </div>
75
76 <div class="nav_title layui-bg-gray">
77 <h2>税费信息</h2>
78 </div>
79 <ul class="tax_information">
80 <li>
81 <span>税费项目</span>:
82 <p>二手房过户</p>
83 </li>
84 <li>
85 <span>税费</span>:
86 <p>20000元</p>
87 </li>
88 <li>
89 <span>缴费时间</span>:
90 <p>2020-1231</p>
91 </li>
92 <li>
93 <span>受理单位</span>:
94 <p>xxx税务局</p>
95 </li>
96 <li>
97 <span>税费流水号</span>:
98 <p>610234199612126622</p>
99 </li>
100 <li>
101 <span>完税证明号</span>:
102 <p>610234199612126622</p>
103 </li>
104 </ul>
105 <div class="buyer_information">
106 <h2>买方信息</h2>
107 <ul>
108 <li>
109 <div>
110 <p>
111 <span>姓名</span>：
112 任超
113 </p>
114 <p>
115 <span>证件类型</span>：
116 身份证
117 </p>
118 <p>
119 <span>证件号码</span>：
120 6101241933091679
121 </p>
122 <p>
123 <span>联系电话</span>：
124 1874064565
125 </p>
126 </div>
127 </li>
128 <li>
129 <div>
130 <p>
131 <span>姓名</span>：
132 任超
133 </p>
134 <p>
135 <span>证件类型</span>：
136 身份证
137 </p>
138 <p>
139 <span>证件号码</span>：
140 6101241933091679
141 </p>
142 <p>
143 <span>联系电话</span>：
144 1874064565
145 </p>
146 </div>
147 </li>
148 <li>
149 <div>
150 <p>
151 <span>姓名</span>：
152 任超
153 </p>
154 <p>
155 <span>证件类型</span>：
156 身份证
157 </p>
158 <p>
159 <span>证件号码</span>：
160 6101241933091679
161 </p>
162 <p>
163 <span>联系电话</span>：
164 1874064565
165 </p>
166 </div>
167 </li>
168 <li>
169 <div>
170 <p>
171 <span>姓名</span>：
172 任超
173 </p>
174 <p>
175 <span>证件类型</span>：
176 身份证
177 </p>
178 <p>
179 <span>证件号码</span>：
180 6101241933091679
181 </p>
182 <p>
183 <span>联系电话</span>：
184 1874064565
185 </p>
186 </div>
187 </li>
188 </ul>
189 </div>
190 </div>
191 <div class="next_button">
192 <button type="button" class="layui-btn layui-btn-normal">下一步</button>
193 </div>
194 </div>
195 </body>
196 <script type="text/javascript" src="../staticJs/common.js"></script>
197 <script type="text/javascript" src="../staticJs/down.js"></script>
198 <script type="text/javascript" src="../staticJs/yyws.js"></script>
199
200 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html
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">
4
5 <head>
6 <style>
7 </style>
8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9 <title>立即办理-完税</title>
10 <script type="text/javascript" src="../staticJs/head.js"></script>
11 <link rel="stylesheet" type="text/css" href="../staticCss/progress.css">
12 <link rel="stylesheet" type="text/css" href="../staticCss/yyws.css">
13 </head>
14
15 <body>
16 <div class="navigation_crumbs">
17 <div class="contentBox">
18 <span class="layui-breadcrumb">
19 <a href="../../index.html">首页</a>
20 <a href="./wssq.html">网上申请</a>
21 <a><cite>在线申请</cite></a>
22 </span>
23 </div>
24 </div>
25 <div class="content_box">
26 <div class="name_title layui-bg-gray">
27 <h2>转移类</h2>
28 <p>商品房转移买卖转移登记</p>
29 </div>
30 <ul class="app_progress">
31 <li class="selected">
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="active">
42 <span>3</span>
43 完税
44 </li>
45 <div class="line"></div>
46 <li>
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>
66 <div class="input_search">
67 <div class="form_title">
68 <h2>信息校验</h2>
69 </div>
70 <form class="layui-form" action="">
71 <div class="layui-form-item">
72 <div class="layui-inline">
73 <label class="layui-form-label">完税证明号</label>
74 <div class="layui-input-block">
75 <input type="text" name="title" required lay-verify="required" placeholder="请输完税证明号"
76 class="layui-input">
77 </div>
78 </div>
79 <div class="layui-inline">
80 <label class="layui-form-label">发票代码</label>
81 <div class="layui-input-block">
82 <input type="text" name="idcard" required lay-verify="required" placeholder="请输发票代码"
83 class="layui-input">
84 </div>
85 </div>
86 </div>
87
88 <div class="layui-form-item">
89 <div class="layui-inline">
90 <label class="layui-form-label">发票号码</label>
91 <div class="layui-input-block">
92 <input type="tel" name="code" required lay-verify="required" maxlength="18" placeholder="请输发票号码"
93 class="layui-input">
94 </div>
95 </div>
96 <div class="layui-inline" style="padding-left: 30px;box-sizing: border-box;">
97 <button type="reset" class="layui-btn layui-btn-primary">重 置</button>
98 <button type="submit" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="demo1">
99 查 询
100 </button>
101 </div>
102 </div>
103 </form>
104
105 <div class="query_results">
106
107 </div>
108 </div>
109 <div class="next_button">
110 <button type="button" class="layui-btn layui-btn-normal">下一步</button>
111 </div>
112 </div>
113 </body>
114 <script type="text/javascript" src="../staticJs/common.js"></script>
115 <script type="text/javascript" src="../staticJs/down.js"></script>
116 <script type="text/javascript" src="../staticJs/yyws.js"></script>
117
118 </html>
...\ No newline at end of file ...\ No newline at end of file