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 @@
border-left-color: #009688;
}
.line {
width: 62px;
width: 25px;
height: 0;
display: inline-block;
border-bottom: 2px dotted#dddddd;
......
......@@ -28,11 +28,25 @@
.layui-icon {
cursor: pointer;
}
.tabs_title {
margin-bottom: 10px;
}
.tabs_title p {
display: inline-block;
margin-right: 10px;
position: relative;
top: -2px;
}
.tabs_title input {
width: 16px;
height: 16px;
}
.tabs_title i{
font-size: 24px;
position: relative;
top: -10px;
color: #0091FF;
top: 3px;
}
.layui-tab {
width: 23%;
......
.content_box {
width: 1200px;
margin: 0 auto;
color: #4a4a4a;
}
.name_title {
padding: 10px;
......@@ -26,17 +27,69 @@
.next_button a {
color: #ffffff;
}
.form_title h2 {
.no_info {
text-align: center;
color: #FF5722;
margin: 30px 0;
}
.no_info, .success_info h2 {
font-weight: 600;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
}
.success_info {
text-align: center;
color: #5FB878;
margin: 30px 0;
}
.nav_title {
padding: 10px 0 10px 10px;
margin-bottom: 20px;
}
.nav_title h2 {
padding-left: 5px;
border-left: 3px solid #1E9FFF;
height: 14px;
line-height: 14px;
font-weight: 600;
}
.tax_information li {
display: inline-block;
width: 31%;
margin-right: 15px;
line-height: 36px;
}
.tax_information li span {
width: 90px;
display: inline-block;
text-align-last: justify;
}
.tax_information li p {
display: inline-block;
margin-left: 10px;
}
.buyer_information h2{
padding: 10px;
background-color: #1E9FFF;
color: #ffffff;
width: 68px;
margin: 15px 0;
border-radius: 2px;
}
.layui-form-item .layui-inline {
width: 48%;
.buyer_information ul {
margin-left: -10px;
margin-right: -10px;
font-size: 0;
}
.buyer_information ul li {
width: 25%;
height: 260px;
box-sizing: border-box;
display: inline-block;
font-size: 14px;
}
.layui-layer-dialog .layui-layer-content {
line-height: 24px;
.buyer_information ul li div{
border: 1px solid #01AAED;
line-height: 50px;
box-sizing: border-box;
margin: 0 10px;
padding: 15px;
}
\ No newline at end of file
......
......@@ -8,14 +8,4 @@ $(function () {
});
addTabs('#wssq')
// 业务
layui.use(['form'], function () {
var form = layui.form
//监听提交
form.on('submit(demo1)', function (data) {
layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
})
return false;
});
});
})
......
......@@ -30,37 +30,37 @@
<ul class="app_progress">
<li class="active">
<span>1</span>
效验
信息效验
</li>
<div class="line"></div>
<li>
<span>2</span>
申请
填报信息
</li>
<div class="line"></div>
<li>
<span>3</span>
完税
完税核税
</li>
<div class="line"></div>
<li>
<span>4</span>
认证
身份认证
</li>
<div class="line"></div>
<li>
<span>5</span>
领证方式
资料审核
</li>
<div class="line"></div>
<li>
<span>6</span>
缴费
线上缴费
</li>
<div class="line"></div>
<li>
<span>7</span>
公示
生成电子证书
</li>
</ul>
<div class="input_search">
......@@ -220,7 +220,7 @@
</ul>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./yysq.html">下一步</a>
<a href="./tbxx.html">下一步</a>
</button>
</div>
</div>
......
......@@ -6,7 +6,7 @@
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>立即办理-申请</title>
<title>立即办理-填报信息</title>
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/yysq.css">
<link rel="stylesheet" type="text/css" href="../staticCss/progress.css">
......@@ -30,51 +30,49 @@
<ul class="app_progress">
<li class="selected">
<span>1</span>
效验
信息效验
</li>
<div class="line"></div>
<li class="active">
<span>2</span>
申请
填报信息
</li>
<div class="line"></div>
<li>
<span>3</span>
完税
完税核税
</li>
<div class="line"></div>
<li>
<span>4</span>
认证
身份认证
</li>
<div class="line"></div>
<li>
<span>5</span>
领证方式
资料审核
</li>
<div class="line"></div>
<li>
<span>6</span>
缴费
线上缴费
</li>
<div class="line"></div>
<li>
<span>7</span>
公示
生成电子证书
</li>
</ul>
<div class="title layui-bg-green">
<h2>买方信息/共有情况</h2>
</div>
<div class="tabs_title">
<div class="layui-tab layui-tab-brief" lay-filter="status">
<ul class="layui-tab-title">
<li class="layui-this" lay-id="1">单独所有</li>
<li lay-id="2">共同共有</li>
<li lay-id="3">按份共有</li>
</ul>
<div class="layui-tab-content"></div>
</div>
<input type="radio" name="1" value="单独所有" checked>
<p>单独所有</p>
<input type="radio" name="1" value="共同共有">
<p>共同共有</p>
<input type="radio" name="1" value="按份共有">
<p>按份共有</p>
<i class="layui-icon layui-icon-add-circle tableAdd"></i>
</div>
<table id="buyInfo" lay-filter="buyInfo"></table>
......@@ -104,7 +102,7 @@
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./yyws.html">
<a href="./wshs.html">
下一步
</a>
</button>
......
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>立即办理-完税核税</title>
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/progress.css">
<link rel="stylesheet" type="text/css" href="../staticCss/yyws.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a><cite>在线申请</cite></a>
</span>
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<ul class="app_progress">
<li class="selected">
<span>1</span>
信息效验
</li>
<div class="line"></div>
<li class="selected">
<span>2</span>
填报信息
</li>
<div class="line"></div>
<li class="active">
<span>3</span>
完税核税
</li>
<div class="line"></div>
<li>
<span>4</span>
身份认证
</li>
<div class="line"></div>
<li>
<span>5</span>
资料审核
</li>
<div class="line"></div>
<li>
<span>6</span>
线上缴费
</li>
<div class="line"></div>
<li>
<span>7</span>
生成电子证书
</li>
</ul>
<div class="query_results">
<!-- <div class="no_info">
<h2>温馨提示：未检测到完税信息！</h2>
<p>您可以到税务局办事大厅现场完税</p>
</div> -->
<div class="success_info">
<h2>温馨提示：完税校验通过！</h2>
<p>您可以继续进行业务申请！</p>
</div>
<div class="nav_title layui-bg-gray">
<h2>税费信息</h2>
</div>
<ul class="tax_information">
<li>
<span>税费项目</span>:
<p>二手房过户</p>
</li>
<li>
<span>税费</span>:
<p>20000元</p>
</li>
<li>
<span>缴费时间</span>:
<p>2020-1231</p>
</li>
<li>
<span>受理单位</span>:
<p>xxx税务局</p>
</li>
<li>
<span>税费流水号</span>:
<p>610234199612126622</p>
</li>
<li>
<span>完税证明号</span>:
<p>610234199612126622</p>
</li>
</ul>
<div class="buyer_information">
<h2>买方信息</h2>
<ul>
<li>
<div>
<p>
<span>姓名</span>：
任超
</p>
<p>
<span>证件类型</span>：
身份证
</p>
<p>
<span>证件号码</span>：
6101241933091679
</p>
<p>
<span>联系电话</span>：
1874064565
</p>
</div>
</li>
<li>
<div>
<p>
<span>姓名</span>：
任超
</p>
<p>
<span>证件类型</span>：
身份证
</p>
<p>
<span>证件号码</span>：
6101241933091679
</p>
<p>
<span>联系电话</span>：
1874064565
</p>
</div>
</li>
<li>
<div>
<p>
<span>姓名</span>：
任超
</p>
<p>
<span>证件类型</span>：
身份证
</p>
<p>
<span>证件号码</span>：
6101241933091679
</p>
<p>
<span>联系电话</span>：
1874064565
</p>
</div>
</li>
<li>
<div>
<p>
<span>姓名</span>：
任超
</p>
<p>
<span>证件类型</span>：
身份证
</p>
<p>
<span>证件号码</span>：
6101241933091679
</p>
<p>
<span>联系电话</span>：
1874064565
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">下一步</button>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/yyws.js"></script>
</html>
\ No newline at end of file
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>立即办理-完税</title>
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/progress.css">
<link rel="stylesheet" type="text/css" href="../staticCss/yyws.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a><cite>在线申请</cite></a>
</span>
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<ul class="app_progress">
<li class="selected">
<span>1</span>
效验
</li>
<div class="line"></div>
<li class="selected">
<span>2</span>
申请
</li>
<div class="line"></div>
<li class="active">
<span>3</span>
完税
</li>
<div class="line"></div>
<li>
<span>4</span>
认证
</li>
<div class="line"></div>
<li>
<span>5</span>
领证方式
</li>
<div class="line"></div>
<li>
<span>6</span>
缴费
</li>
<div class="line"></div>
<li>
<span>7</span>
公示
</li>
</ul>
<div class="input_search">
<div class="form_title">
<h2>信息校验</h2>
</div>
<form class="layui-form" action="">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">完税证明号</label>
<div class="layui-input-block">
<input type="text" name="title" required lay-verify="required" placeholder="请输完税证明号"
class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">发票代码</label>
<div class="layui-input-block">
<input type="text" name="idcard" required lay-verify="required" placeholder="请输发票代码"
class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">发票号码</label>
<div class="layui-input-block">
<input type="tel" name="code" required lay-verify="required" maxlength="18" placeholder="请输发票号码"
class="layui-input">
</div>
</div>
<div class="layui-inline" style="padding-left: 30px;box-sizing: border-box;">
<button type="reset" class="layui-btn layui-btn-primary">重 置</button>
<button type="submit" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="demo1">
查 询
</button>
</div>
</div>
</form>
<div class="query_results">
</div>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">下一步</button>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/yyws.js"></script>
</html>
\ No newline at end of file