Skip to content

任超 / js.portalStaticPage

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

chore:文件夹结构的变化

1 parent 67dacb75
Inline Side-by-side
Showing 15 changed files with 1579 additions and 33 deletions
.content_box {
width: 1200px;
margin: 0 auto;
}
\ No newline at end of file
/* ----------------------公共样式-------------------------- */
.contentBox {
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.business_guide {
overflow-x: hidden;
}
.titleActive {
color: #006CFF;
font-weight: 600;
}
/* ------------------------------end--------------------------------------- */
.navigation_crumbs {
width: 100%;
height: 45px;
padding: 10px 0;
background: #FAFAFA;
border: 1px solid #E6E6E6;
}
.navigation_crumbs .layui-breadcrumb a:hover {
color: #0091FF!important;
}
/* --------------------导航tab------------------------- */
.one_content {
border: 1px solid #DEDEDE;;
margin-top: 20px!important;
}
.one_content .layui-tab {
margin: -1px;
}
.one_content .layui-tab-title li {
width: 150px;
font-weight: 600;
color: #6D7278;
}
.one_content .layui-tab-title .layui-this {
color: #4A4A4A;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
border-color: #006CFF;
}
.layui-tab .layui-tab-brief .layui-this {
color: #006CFF;
}
.layui-tab .layui-tab-brief li {
width: 90px;
}
.online_business {
margin-top: 20px;
}
.online_business h2 {
width: 100%;
height: 43px;
line-height: 43px;
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #DEDEDE;
padding-left: 15px;
box-sizing: border-box;
}
.online_list {
padding-bottom: 20px;
overflow: hidden;
}
.online_list li{
width: 45%!important;
float: left;
height: 60px;
line-height: 60px;
border-bottom: 1px dotted #DEDEDE;
}
.online_list li:nth-child(even) {
margin-left: 10%;
}
.online_list li a{
display: block;
width: 100%;
}
.online_list li a:hover span{
color: #0091FF;
}
.online_list li a button {
float: right;
margin-top: 15px;
}
\ No newline at end of file
div.subject h2 a:hover {
color: #0091FF;
}
div.subject {
margin: 0 auto;
float: none;
clear: both;
position: relative;
min-width: 1200px;
}
.contentBox {
width: 1200px;
margin: 0 auto;
overflow: hidden;
padding-bottom: 0!important;
}
.one_content {
border: 1px solid #DEDEDE;;
margin-top: 30px;
}
.one_content .layui-tab {
margin: 0;
}
.one_content .layui-tab-title li {
width: 100px;
font-weight: 600;
color: #6D7278;
}
.one_content .layui-tab-title .layui-this {
color: #4A4A4A;
}
.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
border-color: #006CFF;
}
.layui-tab .layui-tab-brief .layui-this {
color: #006CFF;
}
.layui-tab .layui-tab-brief li {
width: 90px;
}
.online_business {
margin-top: 20px;
}
.online_business h2 {
width: 100%;
height: 43px;
line-height: 43px;
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #DEDEDE;
padding-left: 15px;
box-sizing: border-box;
}
.online_list {
padding-bottom: 20px;
overflow: hidden;
}
.online_list li {
width: 45% !important;
float: left;
height: 60px;
line-height: 60px;
border-bottom: 1px dotted #DEDEDE;
}
.online_list li:nth-child(even) {
margin-left: 10%;
}
.online_list li a {
display: block;
width: 100%;
}
.online_list li a:hover span {
color: #0091FF;
}
.online_list li a button {
float: right;
margin-top: 15px;
}
/* ---------------------------------------------------- */
.leftandright {
width: 1200px;
margin: 0 auto;
overflow: hidden;
min-height:calc(100vh - 207px);
}
.right {
width: 400px;
}
.left, .right {
float: left;
}
.xw {
display: block;
padding-top: 10px;
height: 150px;
cursor: pointer;
}
.xw-left {
margin-right: 20px;
}
.xw-left img {
width: 200px;
height: 125px;
background: #D8D8D8;
}
.xw-left, .xw-right {
float: left;
}
.xw-right {
padding-right: 10px;
}
.leftContainer{
border-right: 1px solid #DEDEDE;
margin-top: 41px;
}
.leftContainer li:last-child{
border-bottom: 1px solid #DEDEDE;
}
.left-top {
width: 408px;
height: 18px;
font-size: 18px;
font-weight: bold;
color: #4A4A4A;
line-height: 18px;
cursor: pointer;
}
.left-top:hover {
color: #4A4A4A;
}
.left-body {
width: 687px;
height: 60px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6D7278;
line-height: 21px;
}
.left-buttom {
overflow: hidden;
color: #9B9B9B;
padding-top: 20px;
}
.left-buttom .icon{
width: 36px;
height: 24px;
position: relative;
top: 6px;
}
.left-buttom div:nth-child(2) {
margin-left: 60px;
}
.left-buttom div {
float: left;
line-height: 57px
}
.left-buttom-date {
line-height: 57px;
float: right !important;
margin-right: 20px;
}
#page {
margin-top: 20px;
text-align: center;
}
.right {
width: 200px;
margin-top: 36px;
margin-left: 15px;
}
.right-top {
height: 18px;
font-size: 18px;
font-weight: 500;
color: #4A4A4A;
line-height: 18px;
}
.right-top h2 {
font-weight: 600;
cursor: pointer;
}
.right-body {
display: inline-block;
margin-bottom: 20px;
}
.tj img {
width: 200px;
height: 125px;
margin-top: 20px;
}
.tj img, .tj span {
float: left;
}
.tj-title {
width: 203px;
font-size: 14px;
font-weight: bold;
color: #4A4A4A;
line-height: 21px;
}
.tj-date {
width: 90px;
height: 12px;
font-size: 12px;
font-weight: 400;
color: #9B9B9B;
line-height: 12px;
}
.right-bottom {
border-top: 1px solid #DEDEDE;
}
.right-bottom-top {
width: 108px;
height: 18px;
font-size: 18px;
margin-top: 20px;
font-weight: bold;
color: #4A4A4A;
line-height: 18px;
}
.zcfg {
margin-top: 20px;
display: inline-block;
}
.zcfg div {
float: left;
}
.zcfg-top {
width: 200px;
height: 14px;
font-size: 14px;
font-weight: bold;
color: #4A4A4A;
line-height: 14px;
}
.zcfg-body {
width: 200px;
font-size: 14px;
display: inline-block;
font-weight: 400;
color: #6D7278;
line-height: 21px;
}
.zcfg-bottom {
width: 90px;
height: 12px;
font-size: 12px;
font-weight: 400;
color: #9B9B9B;
line-height: 12px;
}
* {
margin: 0;
padding: 0;
}
.main {
/* padding: 20px;
margin-left: 200px;
width: 1200px;
overflow: hidden;
margin: 0 auto;*/
overflow: hidden;
}
/*================首页 start=====================*/
div a {
color: #4A4A4A;
text-decoration: none;
}
div.subject h2 a:hover {
color: #0091FF;
}
......@@ -120,6 +104,9 @@ div.subject {
overflow: hidden;
min-height:calc(100vh - 207px);
}
.leftandright .left {
width: 80%;
}
.right {
width: 400px;
}
......@@ -154,7 +141,7 @@ div.subject {
}
.leftContainer{
border-right: 1px solid #DEDEDE;
margin-top: 41px;
margin-top: 28px;
}
.leftContainer li:last-child{
border-bottom: 1px solid #DEDEDE;
......@@ -173,19 +160,16 @@ div.subject {
}
.left-body {
width: 687px;
height: 60px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6D7278;
line-height: 21px;
line-height: 25px;
}
.left-buttom {
overflow: hidden;
color: #9B9B9B;
padding-top: 20px;
}
.left-buttom .icon{
width: 36px;
......@@ -223,7 +207,7 @@ div.subject {
font-size: 18px;
font-weight: 500;
color: #4A4A4A;
line-height: 18px;
line-height: 0;
}
.right-top h2 {
font-weight: 600;
......
$(function () {
var title = undefined
var bus = undefined
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
layer.msg(elem.text());
});
});
addTabs('#wssq')
title = GetQueryString('title')
bus = GetQueryString('bus')
console.log(title, bus)
$('.name_title h2').text(title)
$('.name_title p').text(bus)
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return decodeURIComponent(r[2]);
return null;
}
})
\ No newline at end of file
......@@ -41,10 +41,10 @@ document.writeln(" </div>");
document.writeln(" <div class=\'navigation\'>");
document.writeln(" <ul class=\'layui-nav layui-bg-blue\' lay-filter=\'\'>");
document.writeln(" <li id='index' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/index.html\' title=\'首页\'>首页</a></li>");
document.writeln(" <li id='news' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/xwdt/index.html\' title=\'新闻动态\'>新闻动态</a></li> ");
document.writeln(" <li id='zcfg' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/zcfg/index.html\' title=\'政策法规\'>政策法规</a></li>");
document.writeln(" <li id='bszn' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/bszn/index.html\'>办事指南</a></li>");
document.writeln(" <li id='business' class=\'layui-nav-item\'><a href=\'\'>网上申请</a></li>");
document.writeln(" <li id='news' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/xwdt.html\' title=\'新闻动态\'>新闻动态</a></li> ");
document.writeln(" <li id='zcfg' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/zcfg.html\' title=\'政策法规\'>政策法规</a></li>");
document.writeln(" <li id='bszn' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/bszn.html\' title=\'办事指南\'>办事指南</a></li>");
document.writeln(" <li id='wssq' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/wssq/index.html\' title=\'网上申请\'>网上申请</a></li>");
document.writeln(" <li class=\'layui-nav-item\'>");
document.writeln(" <a href=\'javascript:;\'>查验中心</a>");
document.writeln(" <dl class=\'layui-nav-child\'>");
......
$(function () {
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
layer.msg(elem.text());
});
});
addTabs('#wssq')
// 业务
//config的设置是全局的
layui.config({
base: './js/'
}).extend({ //设定模块别名
common: 'common'
});
layui.use(['form', 'common'], function () {
var common = layui.common,
form = layui.form;
//三级地址联动
common.showCity('province', 'city');
//区域选择
form.on('select(selectCity)', function (data) {
return false;
});
});
})
\ 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/bljy.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="../wssq/index.html">网上申请</a>
<a><cite>在线申请</cite></a>
</span>
</div>
<div class="content_box">
<div class="name_title">
<h2></h2>
<p></p>
</div>
</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/bljy.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/bszn.css">
</head>
<body>
<div class="business_guide">
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../index.html" title="首页">首页</a>
<a href="#" title="办事指南">办事指南</a>
<a title="业务指南"><cite>业务指南</cite></a>
</span>
</div>
</div>
<div class="one_content contentBox">
<div class="layui-tab">
<ul class="layui-tab-title">
<li class="layui-this">网上申请</li>
<li>在线预约</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-tab layui-tab-brief" lay-filter="navtab">
<ul class="layui-tab-title">
<li class="layui-this" lay-id="0">全部</li>
<li lay-id="1">土地</li>
<li lay-id="2">房屋等建筑</li>
<li lay-id="3">构筑物</li>
<li lay-id="4">森林，林木</li>
</ul>
<div class="layui-tab-content tudi" style="padding:0">
<div class="online_business">
<h2>土地</h2>
</div>
<ul class="online_list">
<li>
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
</ul>
</div>
<div class="layui-tab-content jianzhu" style="padding:0">
<div class="online_business">
<h2>房屋等建筑</h2>
</div>
<ul class="online_list">
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
</ul>
</div>
<div class="layui-tab-content linmu" style="padding:0">
<div class="online_business">
<h2>构筑物</h2>
</div>
<ul class="online_list">
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
</ul>
</div>
<div class="layui-tab-content qita" style="padding:0">
<div class="online_business">
<h2>森马林木</h2>
</div>
<ul class="online_list">
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-tab layui-tab-brief" lay-filter="navtab1">
<ul class="layui-tab-title">
<li class="layui-this" lay-id="0">全部</li>
<li lay-id="1">土地1</li>
<li lay-id="2">房屋等建筑1</li>
<li lay-id="3">构筑物1</li>
</ul>
<div class="layui-tab-content tudi1" style="padding:0">
<div class="online_business navtab1">
<h2>土地</h2>
</div>
<ul class="online_list">
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
</ul>
</div>
<div class="layui-tab-content jianzhu1" style="padding:0">
<div class="online_business navtab1">
<h2>房屋等建筑</h2>
</div>
<ul class="online_list">
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
</ul>
</div>
<div class="layui-tab-content linmu1" style="padding:0">
<div class="online_business navtab1">
<h2>构筑物</h2>
</div>
<ul class="online_list">
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/bszn.js"></script>
</html>
\ No newline at end of file
.online_application {
min-height:calc(100vh - 196px);
width: 1200px;
margin: 0 auto;
padding: 20px 0;
}
.selectCity {
width: 1200px;
margin: 0 auto;
}
.selectCity h2 {
display: inline-block;
margin-right: 9px;
}
.area_list_content {
overflow: hidden;
margin-top: 20px;
width: 100%;
}
.area_list_content h2 {
display: inline-block;
float: left;
margin-right: 12px;
}
.selectCity .area_list {
width: 95%;
float: left;
}
.selectCity .area_list li {
display: inline-block;
width: 100px;
height: 32px;
border-radius: 3px;
background-color: #01AAED;
margin-right: 10px;
color: #fff;
text-align: center;
line-height: 32px;
margin-bottom: 10px;
cursor: pointer;
}
.selectCity .area_list li:hover {
background-color: #5FB878;
}
.active1 {
background-color: #5FB878!important;
}
.business {
padding: 15px;
box-sizing: border-box;
overflow: hidden;
margin-top: 10px;
}
.online_processing , .online_examination{
width: 49%;
background-color: #fff;
border-radius: 10px;
height: 300px;
box-sizing: border-box;
padding: 15px;
}
.list_title{
height: 36px;
line-height: 36px;
border-radius: 5px;
}
.list_title h2 {
margin-left: 10px;
}
.online_processing {
float: left;
}
.online_examination {
float: right;
}
.item_list li{
margin: 25px 0;
cursor: pointer;
}
.item_list li p{
display: inline-block;
}
.item_list li p:hover {
color: #0091FF;
}
.item_list .button{
float: right;
}
\ 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="css/index.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a><cite>网上申请</cite></a>
</span>
</div>
</div>
<div class="online_application">
<div class="selectCity">
<form class="layui-form">
<h2 class="title">省</h2>
<div class="layui-inline layui-select-default" style="margin-right: 10px;">
<select name="province" class="Pselected" data-area="浙江省"" lay-filter=" province">
<option value="">选择省</option>
</select>
</div>
<h2>市</h2>
<div class="layui-inline selected layui-select-default">
<select name="city" class="Cselected" data-area="杭州市" lay-filter="selectCity">
<option value="">选择市</option>
</select>
</div>
</form>
<div class="area_list_content">
<h2>区</h2>
<ul class="area_list">
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
</ul>
</div>
</div>
<!-- ------------业务办理--------------- -->
<div class="business layui-bg-gray">
<div class="online_processing">
<div class="list_title layui-bg-gray">
<h2>预告类</h2>
</div>
<ul class="item_list">
<li>
<p>预售商品房抵押登记</p>
<div class="button">
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm">立即办理</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button>
</div>
</li>
<li>
<p>商品房抵押登记</p>
<div class="button">
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm">立即办理</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button>
</div>
</li>
</ul>
<div class="list_title layui-bg-gray">
<h2>转移类</h2>
</div>
<ul class="item_list">
<li>
<p>商品房转移登记</p>
<div class="button">
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm">立即办理</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button>
</div>
</li>
</ul>
</div>
<div class="online_examination">
<div class="list_title layui-bg-gray">
<h2>预告类</h2>
</div>
<ul class="item_list">
<li>
<p>预售商品房抵押登记</p>
<div class="button">
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm">
<a href='../bljy/index.html?title=预告类&bus=预售商品房抵押登记'>立即办理</a>
</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button>
</div>
</li>
<li>
<p>商品房抵押登记</p>
<div class="button">
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm">立即办理</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button>
</div>
</li>
</ul>
<div class="list_title layui-bg-gray">
<h2>转移类</h2>
</div>
<ul class="item_list">
<li>
<p>商品房转移登记</p>
<div class="button">
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm">立即办理</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button>
</div>
</li>
</ul>
</div>
</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="./js/city-picker.js"></script>
<script type="text/javascript" src="../../staticJs/bljy.js"></script>
</html>
\ No newline at end of file
This diff could not be displayed because it is too large.
/**
* @authors Mzong(mzong121491@gmail.com)
* @date 2019-01-18 11:15
* @requires layui
* @version $1.1.0$
*/
layui.define("layer", function(exports){
//提示：模块也可以依赖其它模块，如：layui.define('layer', callback);
var $ = layui.jquery,
form = layui.form;
// 返回的对象
var returnObj = {
/**
* 省市县三级联动
*
* @param { string } [form] [form是layui.form对象]
* @param {string} [province] [省容器的name名字 ]
* eg:<select name="province">
* @param {string} [city] [省容器的name名字]
* @param {string} [district] [县容器的name名字]
* @return {undefined} [无返回值]
*/
showCity: function(province, city, district) {
//AreaData是地址传过来的json对象
var AreaData = $.rawCitiesData;
// console.log(999, AreaData) // 接口请求数据
if("undefined" == typeof AreaData) {
layer.open({
title: '系统提示'
,content: '调用showCity之前请引入地址数据'
});
return;
}
var htmlProvince = '',
htmlCity = '',
htmlDistrict = '',
cityData = '',
districtData = '',
$province = $('select[name='+province+']'),
$city = $('select[name='+city+']'),
$district = $('select[name='+district+']'),
provVal = $province.attr('data-area') || '', // 省默认值
cityVal = $city.attr('data-area') || '', // 市默认值
distVal = $district.attr('data-area') || ''; // 县默认值
$province.find('option').not(':first').remove();
$city.find('option').not(':first').remove();
$district.find('option').not(':first').remove();
form.render('select');
// 加载省数据
loadProvince();
function loadProvince() {
AreaData.forEach(function(v, i) {
htmlProvince += '<option value='+v.code+'>'+v.name+'</option>';
});
$province.append(htmlProvince);
// 默认选中省
defaultSelect($province, provVal, function(code) {
cityData = findPlace(AreaData, code);
loadCity(cityData, true);
});
form.render('select');
}
// 加载城市数据
function loadCity(city, hasDefault) {
$city.find('option').not(':first').remove();
htmlCity = '';
var city = city || [];
city.forEach(function(v, i) {
htmlCity += '<option value='+v.code+'>'+v.name+'</option>';
});
$city.append(htmlCity);
// 默认加载才执行，手动选中不执行
if (hasDefault) {
// 默认选中城市
defaultSelect($city, cityVal, function(code) {
// console.log(code)
// 加载默认城市数据
districtData = findPlace(cityData, code);
loadDistrict(districtData, true);
});
}
form.render('select');
}
// 加载县数据
function loadDistrict(districtData, hasDefault) {
$district.find('option').not(':first').remove();
htmlDistrict = '';
var districtData = districtData || [];
districtData.forEach(function(v, i) {
htmlDistrict += '<option value='+v.code+'>'+v.name+'</option>';
});
$district.append(htmlDistrict);
if (hasDefault) {
// 默认选中县
defaultSelect($district, distVal);
}
form.render('select');
}
// 查找地点数据
function findPlace(data, code) {
var resData = [];
data.forEach(function(v, i) {
if (v.code === code) {
resData = v.sub
}
});
return resData;
}
/*
* 查找默认选中项
* @param {object} jq元素
* @param {string} 默认值
* @param {function} 回调函数
*/
function defaultSelect($el, SelectVal, callback) {
$('option', $el).each(function(i, el) {
var $this = $(this);
var optVal = $this.html();
var code;
if (optVal == SelectVal) {
$this.attr("selected", true);
code = $this.val();
// 加载默认城市数据
callback && callback(code);
}
});
}
// 省选择
form.on('select('+province+')', function(data) {
var code = data.value;
// console.log(data.elem); //得到select原始DOM对象
// console.log(code); //得到被选中的值
if (code != '') {
cityData = findPlace(AreaData, code);
loadCity(cityData);
loadDistrict();
} else {
loadCity();
loadDistrict();
}
// console.log(data.othis); //得到美化后的DOM对象
});
// 市选择
form.on('select('+city+')', function(data){
var code = data.value;
if (code != '') {
districtData = findPlace(cityData, code);
loadDistrict(districtData);
// console.log(data.elem); //得到select原始DOM对象
} else {
loadDistrict();
}
// console.log(data.othis); //得到美化后的DOM对象
});
form.on('select('+district+')', function(data){
// console.log(data.elem); //得到select原始DOM对象
// console.log(data.value); //得到被选中的值
// console.log(data.othis); //得到美化后的DOM对象
});
},
/**
* 获取省市县数据
*
* @param { object } [address] [address eg:广东省广州市天河区]
* @return {object} [address][根据code码返回地址名称]
*/
getCity: function(address) {
//AreaData是地址传过来的json对象
var AreaData = $.rawCitiesData;
if("undefined" == typeof AreaData) {
layer.open({
title: '系统提示'
,content: '调用getCity之前请引入地址数据'
});
return;
}
var province = address.province,
city = address.city,
district = address.district,
provinceName = '',
cityName = '',
districtName = '';
function findIndex(arr, target) {
return arr.findIndex(function(v, i) {
return target == v.code;
})
}
if (province) {
var findProvinceIndex = findIndex(AreaData, province);
provinceName = AreaData[findProvinceIndex].name;
}
if (province && city) {
var findCityIndex = findIndex(AreaData[findProvinceIndex].sub, city);
cityName = AreaData[findProvinceIndex].sub[findCityIndex].name;
}
if (province && city && district) {
var findDistrictIndex = findIndex(AreaData[findProvinceIndex].sub[findCityIndex].sub, district);
districtName = AreaData[findProvinceIndex].sub[findCityIndex].sub[findDistrictIndex].name;
}
return {
provinceName: provinceName,
cityName: cityName,
districtName: districtName
}
}
}
// exports module
exports('common', returnObj);
});
......@@ -6,14 +6,14 @@
</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="css/index.css">
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/xwdt.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="../index.html">首页</a>
<a><cite>新闻动态</cite></a>
</span>
</div>
......@@ -127,7 +127,7 @@
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
前三季度主要指标由负转正 中国经济持续稳定恢复
</a>
<a class="xw" href="./../xwxq/index.html" target="_blank">
<a class="xw" href="./xwxq/index.html" target="_blank">
<div class="xw-left">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
......@@ -216,7 +216,7 @@
</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/xwdt.js"></script>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/xwdt.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/zcfg.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../index.html">首页</a>
<a><cite>政策法规</cite></a>
</span>
</div>
</div>
<div class="leftandright">
<div class="left">
<ul class="leftContainer">
<li>
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
前三季度主要指标由负转正 中国经济持续稳定恢复
</a>
<a class="xw" href="./../xwxq/index.html" target="_blank">
<div class="xw-right">
<div class="left-body">
10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展
划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平
</div>
<div class="left-buttom">
<div>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconchakan"></use>
</svg>
<span>123</span>
</div>
<div>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconpinglun"></use>
</svg>
<span>456</span>
</div>
<div class="left-buttom-date">
2020-12-27
</div>
</div>
</div>
</a>
</li>
<li>
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
前三季度主要指标由负转正 中国经济持续稳定恢复
</a>
<a class="xw" href="./../xwxq/index.html" target="_blank">
<div class="xw-right">
<div class="left-body">
10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展
划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平
</div>
<div class="left-buttom">
<div>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconchakan"></use>
</svg>
<span>123</span>
</div>
<div>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconpinglun"></use>
</svg>
<span>456</span>
</div>
<div class="left-buttom-date">
2020-12-27
</div>
</div>
</div>
</a>
</li>
</ul>
<div id="page"></div>
</div>
<div class="right">
<div class="right-top">
<h2>政策法规推荐</h2>
</div>
<ul class="right-bottom">
<li class="zcfg">
<div class="zcfg-top">
<span>爬山虎国土空间规划信息化解决</span>
</div>
<div class="zcfg-body">
<span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
</div>
<div class="zcfg-bottom">
<span>2020-10-28</span>
</div>
</li>
<li class="zcfg">
<div class="zcfg-top">
<span>爬山虎国土空间规划信息化解决</span>
</div>
<div class="zcfg-body">
<span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
</div>
<div class="zcfg-bottom">
<span>2020-10-28</span>
</div>
</li>
</ul>
</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/zcfg.js"></script>
</html>
\ No newline at end of file