Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
3df7d82f by 田浩浩
Options

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

2 parents 9a8cd042 f154c914
Inline Side-by-side
Showing 23 changed files with 833 additions and 183 deletions
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网上“一窗办事”登记系统</title>
<link type="text/css" rel="stylesheet" href="./staticCss/global.css" />
<script type="text/javascript" src="./staticJs/head.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网上“一窗办事”登记系统</title>
<link type="text/css" rel="stylesheet" href="./staticCss/global.css" />
<script type="text/javascript" src="./staticJs/head.js"></script>
</head>
<body>
<div>
<div class="banner">
......@@ -61,12 +63,72 @@
<a class="news-img" href="" title="图片新闻地信中心开展外业安全生产监控系统培训工作"><img src="staticImages/news_demo.jpg"
alt="图片新闻地信中心开展外业安全生产监控系统培训工作" /></a>
<ul id='ulNews'>
<li><a href="" title="创新技术体系 引领事业发展"><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>
<li><a href="" title="创新技术体系 引领事业发展"><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>
<li><a href="" title="创新技术体系 引领事业发展">创新技术体系 引领事业发展<span>2020-06-19</span></a></li>
<li><a href="" title="创新技术体系 引领事业发展">创新技术体系 引领事业发展<span>2020-06-19</span></a></li>
<li><a href="" title="创新技术体系 引领事业发展">创新技术体系 引领事业发展<span>2020-06-19</span></a></li>
<li><a href="" title="地信中心开展外业安全生产监控系统培训工作">地信中心开展外业安全生产监控系统… …<span>2020-08-19</span></a></li>
<li>
<a href="" title="创新技术体系 引领事业发展">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzuixin"></use>
</svg>
<p>
创新技术体系 引领事业发展引领事业发展引领事业发展引领事业发展
</p>
<span>2020-06-19</span>
</a>
</li>
<li>
<a href="" title="创新技术体系 引领事业发展">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzuixin"></use>
</svg>
<p>
创新技术体系 引领事业发展
</p>
<span>2020-06-19</span>
</a>
</li>
<li>
<a href="" title="创新技术体系 引领事业发展">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzuixin"></use>
</svg>
<p>
创新技术体系 引领事业发展
</p>
<span>2020-06-19</span>
</a>
</li>
<li>
<a href="" title="创新技术体系 引领事业发展">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzuixin"></use>
</svg>
<p>
创新技术体系 引领事业发展
</p>
<span>2020-06-19</span>
</a>
</li>
<li>
<a href="" title="创新技术体系 引领事业发展">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzuixin"></use>
</svg>
<p>
创新技术体系 引领事业发展
</p>
<span>2020-06-19</span>
</a>
</li>
<li>
<a href="" title="创新技术体系 引领事业发展">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzuixin"></use>
</svg>
<p>
创新技术体系 引领事业发展
</p>
<span>2020-06-19</span>
</a>
</li>
</ul>
</div>
<div class="notice">
......
......@@ -107,7 +107,15 @@ div.top-logo .top_logo_search {
}
div.top-logo .top_logo_search input {
border-radius: 50px;
border: 2px solid #CBCBCB;
border: 1.5px solid #CBCBCB;
padding-left: 15px;
}
.search_img {
width: 13px;
height: 13px;
position: absolute;
top: 11px;
right: 19px;
}
div.top-logo .login {
float: right;
......@@ -165,10 +173,10 @@ div.navigation {
background-color: #006CFF!important;
}
.layui-nav-item a{
font-size: 20px;
font-size: 19px;
}
.layui-nav .layui-nav-more {
right: 24px;
right: 16px;
}
/* -----------------底部start----------------------------- */
......
......@@ -95,7 +95,7 @@ div.banner ul li a {
padding: 20px;
height: 60px;
box-sizing: border-box;
border-bottom: 2px solid #E6E6E6;
border-bottom: 1px solid #DEDEDE;
width: 100%;
}
.laws_regulations .title h2 a p{
......@@ -147,7 +147,7 @@ div.banner ul li a {
color: #0091FF;
}
.laws_regulations .laws_list li:not(:last-child) {
border-bottom: 2px dotted #DEDEDE;
border-bottom: 1px dashed #DEDEDE;
}
/* ---------------end----------------------- */
......@@ -165,7 +165,7 @@ div.banner ul li a {
/* -------------常见问题start--------------------- */
.common_question {
padding: 40px;
background-color: #fcf8f8;
background: #F6F9FB;
}
.common_question .subject_con {
width: 1200px;
......@@ -175,7 +175,7 @@ div.banner ul li a {
.common_question .subject, .interact{
border-radius: 2px;
width: 49%;
border: 1px solid #DEDEDE;
border: 1px solid #E7ECEF;
background-color: #ffffff;
}
.common_question .list_content , .list_content_right{
......@@ -191,7 +191,7 @@ div.banner ul li a {
width: 40%;
height: 50px;
line-height: 50px;
border-bottom: 2px dotted #DEDEDE;
border-bottom: 1px dashed #DEDEDE;
}
.common_question .list_content dd a .icon {
width: 20px;
......@@ -225,7 +225,7 @@ div.banner ul li a {
box-sizing: border-box;
height: 60px;
box-sizing: border-box;
border-bottom: 2px solid #E6E6E6;
border-bottom: 1px solid #E6E6E6;
width: 100%;
}
.common_question .title h2 a p{
......@@ -272,8 +272,8 @@ div.banner ul li a {
text-align: center;
}
.common_question .list_content_right dd {
border-right: 2px dotted #DEDEDE;
border-bottom: 2px dotted #DEDEDE;
border-right: 1px dashed #DEDEDE;
border-bottom: 1px dashed #DEDEDE;
}
.common_question .list_content_right dd:nth-of-type(n+3) {
border-bottom: none;
......@@ -312,8 +312,8 @@ div.banner ul li a {
div.c_one div:first-child .news, div.c_one div:first-child .notice {
margin-top: 40px;
height: 340px;
border: #f3f3f3 2px solid;
height: 330px;
border: #DEDEDE 1px solid;
padding: 0 15px 0 15px;
}
......@@ -338,7 +338,7 @@ div.c_one h2 {
float: left;
width: 100%;
padding: 20px 0 0 0;
border-bottom: 2px solid #efefef;
border-bottom: 1px solid #DEDEDE;
}
div.c_one h2 a {
......@@ -362,12 +362,18 @@ div.c_one h2 a:hover i {
div.c_one .news .news-img {
margin-top: 20px;
float: left;
width: 350px;
height: 234px;
}
div.c_one .news .news-img img {
height: 100%;
width: 100%;
}
div.c_one ul {
width: 100%;
float: left;
margin-top: 20px;
margin-top: 10px;
list-style: none;
font-size: 14px;
letter-spacing: 1px;
......@@ -375,10 +381,10 @@ div.c_one ul {
/*<li><a href=""><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>*/
div.c_one ul li {
line-height: 276%;
line-height: 42px;
}
div.c_one ul li:not(:last-child) {
border-bottom: 2px dashed #DEDEDE;
border-bottom: 1px dashed #DEDEDE;
}
div.c_one ul li a {
......@@ -391,9 +397,23 @@ div.c_one ul li a {
-o-text-overflow:ellipsis;
overflow: hidden;
}
div.c_one ul li a .icon {
float: left;
height: 25px;
width: 11%;
margin-top: 8.5px;
margin-right: 7px;
}
div.c_one ul li a:hover {
color: #0091FF;
}
div.c_one ul li a p {
display: inline-block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width: 60%;
}
div.c_one ul li span {
float: right;
......@@ -447,7 +467,7 @@ div.c_one .news ul {
div.c_two {
background: #fcf8f8;
background: #F6F9FB;
}
......@@ -485,7 +505,7 @@ div.c_two ul li a {
background: #ffffff;
padding: 50px 36px;
box-sizing: border-box;
border: 1px solid #E6E6E6;
border: 1px solid #E7ECEF;
margin: 0 10px;
}
div.c_two ul li img {
......
......@@ -44,7 +44,7 @@
border-left-color: #009688;
}
.line {
width: 62px;
width: 25px;
height: 0;
display: inline-block;
border-bottom: 2px dotted#dddddd;
......
.content_box {
width: 1200px;
margin: 0 auto;
min-height:calc(100vh - 207px);
color: #4a4a4a;
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
}
.next_button {
text-align: center;
margin: 10px 0;
}
.next_button a {
color: #ffffff;
}
.nav_title {
padding: 10px 0 10px 10px;
margin:25px 0;
background-color: #eeeeee;
}
.nav_title h2 {
padding-left: 5px;
border-left: 3px solid #1E9FFF;
height: 14px;
line-height: 14px;
font-weight: 600;
}
.info_query ul li {
width: 31%;
margin-right: 20px;
display: inline-block;
margin-bottom: 15px;
}
.info_query ul li:last-child {
margin-right: 0;
}
.info_query ul li p {
display: inline-block;
}
.info_query ul li input {
display: inline-block;
width: 300px;
}
\ No newline at end of file
.central_area {
min-height:calc(100vh - 190px);
margin-top: 20px;
color: #4A4A4A;
}
.navigation_crumbs {
height: 45px;
}
.perinfo {
height: 100px;
padding: 20px;
height: 140px;
padding: 30px;
box-sizing: border-box;
margin-top: 10px;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #DEDEDE;
}
.perinfo_left{
float: left;
}
.perinfo_left ul li {
font-size: 16px;
color: #6D7278;
}
.perinfo_left ul li:first-child{
margin-top: 7px;
color: #4A4A4A;
}
.perinfo_left ul li:first-child span{
font-size: 18px;
}
.perinfo_left ul li:first-child p {
font-size: 18px;
}
.perinfo_left img {
width: 60px;
height: 60px;
width: 80px;
height: 80px;
float: left;
}
.perinfo_left ul {
......@@ -30,6 +48,28 @@
.perinfo_left ul li p{
display: inline-block;
}
.perinfo button {
float: right;
margin-right: 70px;
margin-top: 10px;
width: 140px;
height: 42px;
position: relative;
}
.perinfo button a {
color: #FFFFFF;
display: block;
width: 140px;
height: 42px;
text-align: center;
line-height: 42px;
position: absolute;
left: 0;
top: 0;
}
.perinfo button a:hover {
color: #FFFFFF;
}
.my_appointment {
color: #5FB878;
border: 2px solid#5FB878;
......@@ -51,4 +91,43 @@
/* ----------------预约列表-------------------- */
.appointment_list {
margin-top: 10px;
font-size: 0;
margin-left: -10px;
margin-right: -10px;
}
.appointment_list li {
width: 33.333%;
display: inline-block;
padding: 0 10px;
box-sizing: border-box;
}
.appointment_list li .item_content {
border: 1px solid #CBCBCB;
border-radius: 4px;
border: 1px solid #CBCBCB;
font-size: 16px;
}
.item_title {
height: 48px;
line-height: 48px;
color: #FFFFFF;
padding: 0 20px;
box-sizing: border-box;
}
.item_title h3 {
display: inline-block;
float: left;
}
.item_title p {
display: inline-block;
float: right;
}
.success {
background-color: #44D7B6;
}
.overdue {
background-color: #F26363;
}
.cancel {
background-color: #F26363;
}
\ No newline at end of file
......
......@@ -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
......
.content_box {
width: 1200px;
margin: 0 auto;
min-height:calc(100vh - 207px);
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
}
.next_button {
text-align: center;
margin: 10px 0;
}
.next_button a {
color: #ffffff;
}
\ No newline at end of file
......@@ -26,7 +26,7 @@ document.writeln("");
document.writeln(" <div class=\'top_logo_search\'>");
document.writeln(" <input type=\'text\' name=\'title\' required lay-verify=\'required\' placeholder=\'请输入关键字搜索\' autocomplete=\'off\'");
document.writeln(" class=\'layui-input\'>");
document.writeln(" <i class=\'layui-icon layui-icon-search\' style=\'font-size: 14px;\'></i>");
document.writeln(" <img class=\'search_img\' src=\'"+localhostPaht+"/staticImages/search.png\'>");
document.writeln(" </div>");
document.writeln("");
document.writeln(" <ul class=\'login\'>");
......
......@@ -12,7 +12,6 @@ layui.use('carousel', function () {
//注意：导航 依赖 element 模块，否则无法进行功能性操作
layui.use('element', function () {
var element = layui.element;
//…
});
layui.use('util', function () {
......@@ -23,7 +22,6 @@ layui.use('util', function () {
bar2: true,
top: true
, click: function (type) {
console.log(type);
if (type === 'bar1') {
alert('点击了bar1')
}
......@@ -34,7 +32,6 @@ layui.use('util', function () {
//初始化方法
$(function () {
NewsData();
addTabs('#index')
});
......@@ -52,8 +49,8 @@ function NewsData() {
if (result.code == 200 && result.data != null) {
for (var i = 0; i < result.data.length; i++) {
if (i == 6) return;
str = '<li><a href="#" title="' + result.data[i].headline + '"' + result.data[i].headline + '</a>';
str+='<span>' + CutDate(result.data[i].publishTime) + '</span>></li>';
str = '<li><a href="#" title="' + result.data[i].headline + '">' + result.data[i].headline + '</a>';
str+='<span>' + CutDate(result.data[i].publishTime) + '</span></li>';
ulNews.append(str);
}
......
$(function () {
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
layer.msg(elem.text());
});
});
addTabs('#wssq')
// 业务
$('.feachBtn').click(function () {
var tel = $("#tel").val();
//正则表达式
var reg = /(1[3-9]\d{9}$)/;
if (!reg.test(tel)) {
layui.use('layer', function(){
var layer = layui.layer;
layer.msg("请输入正确格式的手机号码", {
icon: 5
});
});
return false;
} else {
let count = 5;
$('.feachBtn').attr('disabled', true);
$('.feachBtn').css({
background: '#eee',
color: '#707070',
});
count--;
countDown = setInterval(() => {
count--;
$('.feachBtn').text(count + '秒后可重新获取');
if (count === 0) {
$('.feachBtn').text('重新发送').removeAttr('disabled');
clearInterval(countDown);
}
}, 1000);
$('.feachBtn').text(count + '秒后可重新获取');
}
})
})
......@@ -6,36 +6,3 @@ layui.use('element', function () {
layer.msg(elem.text());
});
});
\ No newline at end of file
layui.use('table', function () {
var table = layui.table;
table.render({
elem: '#test'
, url: '../staticLib/wdyy/index.json'
, cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
, cols: [[
{ field: 'zizeng', title: '序号', templet: '#zizeng', align: 'center' }
, { field: 'username', title: '预约号', align: 'center' } //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增
, { field: 'sex', title: ' 预约人', align: 'center' }
, { field: 'city', title: '办事大厅', align: 'center' }
, { field: 'sign', title: ' 预约业务', align: 'center' }
, { field: 'classify', title: '预约时间', align: 'center' }
, { field: 'state', title: '状态', align: 'center', templet: '#state' }
, { fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150, align: 'center' }
]]
, parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
return {
"code": res.code, //解析接口状态
"data": res.data //解析数据列表
};
}
});
//监听行工具事件
table.on('tool(test)', function (obj) {
var data = obj.data;
console.log(data)
if (obj.event === 'del') {
} else if (obj.event === 'edit') {
}
});
});
\ 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;
});
});
})
......
$(function () {
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
layer.msg(elem.text());
});
});
addTabs('#wssq')
// 业务
})
......@@ -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>
......
<!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/sfrz.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="selected">
<span>3</span>
完税核税
</li>
<div class="line"></div>
<li class="active">
<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="info_query">
<div class="nav_title">
<h2>买方</h2>
</div>
<ul>
<li>
<span>权利人</span>：
<p>任超</p>
</li>
<li>
<span>证件类型</span>：
<p>身份证</p>
</li>
<li>
<span>证件号</span>：
<p>78979798798798</p>
</li>
<li>
<span>联系方式</span>：
<p>156587979</p>
</li>
<li>
<span>验证码</span>：
<input type="tel" name="title" id="tel" maxlength="11" lay-verify="phone" placeholder="请输入手机号"class="layui-input">
</li>
<li>
<button type="button"
class="layui-btn layui-btn-radius layui-btn-primary feachBtn layui-btn-sm">获取验证码</button>
</li>
</ul>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./zlsh.html">下一步</a>
</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/sfrz.js"></script>
</html>
\ No newline at end of file
......@@ -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>
......
......@@ -22,9 +22,9 @@
</div>
<!-- -----------------个人信息------------------------ -->
<div class="central_area">
<div class="perinfo contentBox layui-bg-gray">
<div class="perinfo contentBox">
<div class="perinfo_left">
<img src="../../staticImages/logo-realestate.png" alt="">
<img src="../staticImages/person.png" alt="">
<ul>
<li>
<span>上午好：</span>
......@@ -36,14 +36,70 @@
</li>
</ul>
</div>
<a class="my_appointment" title="在线预约" href="./yyxz.html">在线预约</a>
<div class="time">
登录时间：2088-20-88
</div>
<button type="button" class="layui-btn layui-btn-normal">
<a href="./yyxz.html">在线预约</a>
</button>
</div>
<!-- -------------预约列表--------------- -->
<div class="appointment_list contentBox">
<table class="layui-hide" id="test" lay-filter="test"></table>
<div class="contentBox">
<ul class="appointment_list">
<li>
<div class="item_content">
<div class="item_title success">
<h3>正常</h3>
<p>
查看
<i class="layui-icon layui-icon-right"></i>
</p>
</div>
<ul>
<li>
<span>预约人：</span>
<p>任超</p>
</li>
<li>
<span>办事大厅：</span>
<p>米香园办事大厅</p>
</li>
<li>
<span>办理业务类型：</span>
<p>二手房交易</p>
<a href="">办事指南</a>
</li>
<li>
<span>预约日期：</span>
<p>2020-12-56 上午 16：13</p>
</li>
<li>
<span>预约流水号</span>
<p>897987987987</p>
</li>
</ul>
</div>
</li>
<li>
<div class="item_content">
<div class="item_title overdue">
<h3>正常</h3>
<p>
查看
<i class="layui-icon layui-icon-right"></i>
</p>
</div>
</div>
</li>
<li>
<div class="item_content cancel">
<div class="item_title">
<h3>正常</h3>
<p>
查看
<i class="layui-icon layui-icon-right"></i>
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
......
<!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">
<a href="./sfrz.html">下一步</a>
</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
......@@ -6,10 +6,10 @@
<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/progress.css">
<link rel="stylesheet" type="text/css" href="../staticCss/yyws.css">
<link rel="stylesheet" type="text/css" href="../staticCss/zlsh.css">
</head>
<body>
......@@ -30,82 +30,39 @@
<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">
<li class="selected">
<span>3</span>
完税
完税核税
</li>
<div class="line"></div>
<li>
<li class="selected">
<span>4</span>
认证
身份认证
</li>
<div class="line"></div>
<li>
<li class="active">
<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>
......@@ -113,6 +70,5 @@
</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>
<script type="text/javascript" src="../staticJs/zlsh.js"></script>
</html>
\ No newline at end of file
......