Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
6e82bd0d by 任超
Options

chore:文件夹结构

1 parent b61edce7
Expand all
Inline Side-by-side
Showing 19 changed files with 484 additions and 922 deletions
......@@ -239,3 +239,8 @@ div.footer .system_service ul li a:hover {
color: #CBCBCB;
margin-top: 5px;
}
/* 修改公共样式 */
.appoint_time .active{
background-color: #1E9FFF!important;
color: #fff!important;
}
\ No newline at end of file
......
......@@ -2,8 +2,8 @@
height: 45px;
}
.appointment_notice {
margin-top: 30px;
margin-bottom: 30px;
padding-top: 25px;
margin-bottom: 25px;
}
.app_progress li {
padding: 0 30px;
......
......@@ -6,8 +6,8 @@
}
.appointment_notice {
margin-top: 30px;
margin-bottom: 30px;
padding-top: 25px;
margin-bottom: 25
}
.app_progress li {
padding: 0 30px;
......
......@@ -7,8 +7,8 @@
}
.appointment_notice {
margin-top: 30px;
margin-bottom: 30px;
padding-top: 25px;
margin-bottom: 25px;
}
.app_progress li {
padding: 0 30px;
......
......@@ -2,8 +2,8 @@
height: 45px;
}
.appointment_notice {
margin-top: 30px;
margin-bottom: 30px;
padding-top: 25px;
margin-bottom: 20px;
}
.app_progress li {
padding: 0 30px;
......
......@@ -29,9 +29,9 @@ $(function () {
});
//config的设置是全局的
layui.config({
base: './js/'
base: '../staticJs/'
}).extend({ //设定模块别名
common: 'common'
common: 'cityCommon'
});
layui.use(['form', 'common'], function () {
......@@ -143,6 +143,6 @@ $(function () {
// 下一步
$('.nextButton').click(function(){
window.open("../yysj/index.html?halloffice="+halloffice+"","_self")
window.open("./yysj.html?halloffice="+halloffice+"","_self")
})
})
\ No newline at end of file
......
......@@ -152,7 +152,7 @@ $(function () {
layer.closeAll()
})
$(document).on('click', '.confim', function () {
window.location.href = "../yyjg/index.html"
window.location.href = "./yyjg.html"
})
});
function GetRequest() {
......
......@@ -25,7 +25,7 @@ $('.next_button button').click(function () {
}, function () {
layer.closeAll();
}, function () {
window.location.href = "../xzqy/index.html";
window.location.href = "./xzqy.html";
});
});
}
......
......@@ -36,7 +36,7 @@
</li>
</ul>
</div>
<a class="my_appointment" title="在线预约" href="../yyxz/index.html">在线预约</a>
<a class="my_appointment" title="在线预约" href="./yyxz.html">在线预约</a>
<div class="time">
登录时间：2088-20-88
</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/xzqy.css">
</head>
<body>
<div class="main">
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../staticIndex.html" title="首页">首页</a>
<a href="../grzx/index.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
</span>
</div>
</div>
<!-- ----------------------------------内容模块的开始----------------------------------------------- -->
<div class="appointment_notice contentBox">
<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>
</ul>
</div>
<!-- ---------------------------------------省市办事大厅选择------------------------------------------- -->
<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>
<!-- ----------------------------------地图api--------------------------------------------------- -->
<div class="map_content contentBox">
<ul class="office_halls">
<h2>请选择办事大厅</h2>
<li>大唐不夜城</li>
<li>南门永宁门</li>
</ul>
<div id="container" style="width: 80%;height: 500px;"></div>
</div>
<div class="footer_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="../yyxz/index.html" title="上一步">
上一步
</a>
</button>
<button type="button" class="layui-btn nextButton layui-btn-normal">
<a title="下一步">
下一步
</a>
</button>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0NWXXsCSawnWID4UYI7Uhrl9WgtI2IGs"></script>
<script type="text/javascript" src="../staticJs/city-picker.js"></script>
<script type="text/javascript" src="../staticJs/xzqy.js"></script>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<title>我的预约-选择区域</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="../../staticImages/logo-realestate.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0NWXXsCSawnWID4UYI7Uhrl9WgtI2IGs"></script>
<link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="../../staticCss/common.css" />
<link rel="stylesheet" type="text/css" href="./css/index.css">
</head>
<body>
<div class="main">
<div class="subject top-logo">
<div class="top_logo_content">
<h1><a href="index.html" title="西安市不动产登记平台"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
<div class="top_logo_search">
<input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
autocomplete="off" class="layui-input">
<i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
</div>
<ul class="login">
<li>
<a href="" title="登录">
登录
</a>
</li>
<li>
<a href="" title="注册">
注册
</a>
</li>
</ul>
</div>
</div>
<div class="navigation">
<ul class="layui-nav layui-bg-blue" lay-filter="">
<li class="layui-nav-item"><a href="./../../staticIndex.html">首页</a></li>
<li class="layui-nav-item"><a href="./../../staticViews/xwdt/index.html">新闻动态</a></li>
<li class="layui-nav-item"><a href="">业务办理</a></li>
<li class="layui-nav-item"><a href="">法律法规</a></li>
<li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li>
<li class="layui-nav-item">
<a href="javascript:;">查验中心</a>
<dl class="layui-nav-child">
<dd><a href="">移动模块</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="">在线缴费</a></li>
<li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
</ul>
</div>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../staticIndex.html" title="首页">首页</a>
<a href="../grzx/index.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
</span>
</div>
</div>
<!-- ----------------------------------内容模块的开始----------------------------------------------- -->
<div class="appointment_notice contentBox">
<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>
</ul>
</div>
<!-- ---------------------------------------省市办事大厅选择------------------------------------------- -->
<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>
<!-- ----------------------------------地图api--------------------------------------------------- -->
<div class="map_content contentBox">
<ul class="office_halls">
<h2>请选择办事大厅</h2>
<li>大唐不夜城</li>
<li>南门永宁门</li>
</ul>
<div id="container" style="width: 80%;height: 500px;"></div>
</div>
<div class="footer_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="../yyxz/index.html" title="上一步">
上一步
</a>
</button>
<button type="button" class="layui-btn nextButton layui-btn-normal">
<a title="下一步">
下一步
</a>
</button>
</div>
<!-- ----------------------------------内容模块end-------------------------------------------------- -->
<div class="footer">
<div class="system_service">
<ul class="">
<li>
<a href="" title="公示公告">
<span>公示公告</span>
</a>
</li>
<li>
<a href="" title="法律法规">
<span>法律法规</span>
</a>
</li>
<li>
<a href="" title="相应政策">
<span>相应政策</span>
</a>
</li>
<li>
<a href="" title="下载服务">
<span>下载服务</span>
</a>
</li>
<li>
<a href="" title="关于我们">
<span>关于我们</span>
</a>
</li>
</ul>
</div>
<div class="subject">
<div class="footer_logo">
<a href="" title="党政机关">
<img src="./../../staticImages/jiguan.png" alt="党政机关" />
</a>
</div>
<ul>
<li>
西安市自然资源和规划局
</li>
<li>
电话：028-456465
</li>
<li>
地址：西安市丰城8路
</li>
<li>
网站标识吗：87987987
</li>
<li>
备案：陕IPC456465465
</li>
<li>
陕公网备案：456465465
</li>
</ul>
<ol>
<li>
<img src="./../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
<li>
<img src="./../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
</ol>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
<script type="text/javascript" src="./js/city-picker.js"></script>
<script type="text/javascript" src="../../staticJs/xzqy.js"></script>
\ 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);
});
<!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/yyjg.css">
</head>
<body>
<div class="yysj_main">
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../index.html" title="首页">首页</a>
<a href="./grzx.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
</span>
</div>
</div>
<!-- ----------------------------------内容模块的开始----------------------------------------------- -->
<div class="central_area">
<div class="appointment_notice contentBox">
<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>
</ul>
</div>
<!-- ---------------------预约状态------------------------- -->
<div class="appointment_status layui-bg-gray contentBox">
<div class="status_info">
<div class="title">
<h3>
预约成功！您的预约号：
<span>952567654</span>
</h3>
<p>请记录下您的预约号，以便后续的预约服务。</p>
</div>
<ul>
<li>1.您曾经失约（0）次，请留意您本次的预约时间和业务类型，切勿迟到或失约。</li>
<li>2.如确需取消预约，请提前1天登陆系统办理</li>
<li>3.请凭预约号及相关证件，按预约时间提前10分钟到选定的不动产登记中心办理业务</li>
</ul>
</div>
<div class="code">
<img src="../staticImages/code.png">
</div>
</div>
<div class="appointment_info_content contentBox">
<div class="appointment_info layui-bg-gray">
<h3>预约信息</h3>
<ul>
<li>
<span>姓名：</span>
<p>任超</p>
</li>
<li>
<span>身份证号：</span>
<p>6101245646546</p>
</li>
<li>
<span>办事大厅：</span>
<p>碑林区办事大厅</p>
</li>
<li>
<span>办理业务类型：</span>
<p>二手房过户</p>
</li>
<li>
<span>预约时间：</span>
<p>2020年10月16日上午 11:00</p>
</li>
</ul>
</div>
<div id="container" style="width: 74%;height: 500px;"></div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0NWXXsCSawnWID4UYI7Uhrl9WgtI2IGs"></script>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script src="../staticJs/swiper-bundle.min.js"></script>
<script type="text/javascript" src="../staticJs/yyjg.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<title>我的预约-预约结果</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="../../staticImages/logo-realestate.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="../../staticCss/swiper-bundle.min.css">
<link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="../../staticCss/common.css" />
<link rel="stylesheet" type="text/css" href="./css/index.css">
</head>
<body>
<div class="yysj_main">
<div class="subject top-logo">
<div class="top_logo_content">
<h1><a href="index.html" title="西安市不动产登记平台"><img src="./../../staticImages/logo.jpg"
alt="西安市不动产登记平台" /></a></h1>
<div class="top_logo_search">
<input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
autocomplete="off" class="layui-input">
<i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
</div>
<ul class="login">
<li>
<a href="" title="登录">
登录
</a>
</li>
<li>
<a href="" title="注册">
注册
</a>
</li>
</ul>
</div>
</div>
<div class="navigation">
<ul class="layui-nav layui-bg-blue" lay-filter="">
<li class="layui-nav-item"><a href="./../../staticIndex.html">首页</a></li>
<li class="layui-nav-item"><a href="./../../staticViews/xwdt/index.html">新闻动态</a></li>
<li class="layui-nav-item"><a href="">业务办理</a></li>
<li class="layui-nav-item"><a href="">法律法规</a></li>
<li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li>
<li class="layui-nav-item">
<a href="javascript:;">查验中心</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd><a href="">移动模块</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="">在线缴费</a></li>
<li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
</ul>
</div>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../staticIndex.html" title="首页">首页</a>
<a href="../grzx/index.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
</span>
</div>
</div>
<!-- ----------------------------------内容模块的开始----------------------------------------------- -->
<div class="central_area">
<div class="appointment_notice contentBox">
<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>
</ul>
</div>
<!-- ---------------------预约状态------------------------- -->
<div class="appointment_status layui-bg-gray contentBox">
<div class="status_info">
<div class="title">
<h3>
预约成功！您的预约号：
<span>952567654</span>
</h3>
<p>请记录下您的预约号，以便后续的预约服务。</p>
</div>
<ul>
<li>1.您曾经失约（0）次，请留意您本次的预约时间和业务类型，切勿迟到或失约。</li>
<li>2.如确需取消预约，请提前1天登陆系统办理</li>
<li>3.请凭预约号及相关证件，按预约时间提前10分钟到选定的不动产登记中心办理业务</li>
</ul>
</div>
<div class="code">
<img src="../../staticImages/code.png">
</div>
</div>
<div class="appointment_info_content contentBox">
<div class="appointment_info layui-bg-gray">
<h3>预约信息</h3>
<ul>
<li>
<span>姓名：</span>
<p>任超</p>
</li>
<li>
<span>身份证号：</span>
<p>6101245646546</p>
</li>
<li>
<span>办事大厅：</span>
<p>碑林区办事大厅</p>
</li>
<li>
<span>办理业务类型：</span>
<p>二手房过户</p>
</li>
<li>
<span>预约时间：</span>
<p>2020年10月16日上午 11:00</p>
</li>
</ul>
</div>
<div id="container" style="width: 74%;height: 500px;"></div>
</div>
</div>
<!-- ----------------------------------内容模块的end----------------------------------------------- -->
<div class="footer">
<div class="system_service">
<ul class="">
<li>
<a href="" title="公示公告">
<span>公示公告</span>
</a>
</li>
<li>
<a href="" title="法律法规">
<span>法律法规</span>
</a>
</li>
<li>
<a href="" title="相应政策">
<span>相应政策</span>
</a>
</li>
<li>
<a href="" title="下载服务">
<span>下载服务</span>
</a>
</li>
<li>
<a href="" title="关于我们">
<span>关于我们</span>
</a>
</li>
</ul>
</div>
<div class="subject">
<div class="footer_logo">
<a href="" title="党政机关">
<img src="./../../staticImages/jiguan.png" alt="党政机关" />
</a>
</div>
<ul>
<li>
西安市自然资源和规划局
</li>
<li>
电话：028-456465
</li>
<li>
地址：西安市丰城8路
</li>
<li>
网站标识吗：87987987
</li>
<li>
备案：陕IPC456465465
</li>
<li>
陕公网备案：456465465
</li>
</ul>
<ol>
<li>
<img src="./../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
<li>
<img src="./../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
</ol>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0NWXXsCSawnWID4UYI7Uhrl9WgtI2IGs"></script>
<script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
<script src="../../staticJs/swiper-bundle.min.js"></script>
<script type="text/javascript" src="../../staticJs/yyjg.js"></script>
<!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" href="../staticCss/swiper-bundle.min.css">
<link rel="stylesheet" type="text/css" href="../staticCss/yysj.css">
</head>
<body>
<div class="yysj_main">
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../index.html" title="首页">首页</a>
<a href="./grzx.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
</span>
</div>
</div>
<!-- ----------------------------------内容模块的开始----------------------------------------------- -->
<div class="central_area">
<div class="appointment_notice contentBox">
<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>
</ul>
</div>
<div class="appoint_time">
<div class="swiper-container">
<div class="swiper-wrapper" id="swiperDate"></div>
</div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<!-- ----------------------------------业务选择start----------------------------------------------- -->
<div class="business_choice contentBox">
<div class="site-title">
<fieldset>
<legend>
<a href="" name="fieldset">
业务预约
</a>
</legend>
</fieldset>
</div>
<div id="business_list">
</div>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./yyxz.html" title="上一步">
上一步
</a>
</button>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script src="../staticJs/swiper-bundle.min.js"></script>
<script type="text/javascript" src="../staticJs/yysj.js"></script>
<script id="date" type="text/html">
{{# layui.each(d.dateList, function(index, item){ }}
{{# if(item.isSelect){ }}
<ul class="swiper-slide layui-bg-gray active">
<li>{{item.week}}</li>
<li>{{item.date}}</li>
</ul>
{{# } }}
{{# if(!item.isSelect){ }}
<ul class="swiper-slide layui-bg-gray">
<li>{{item.week}}</li>
<li>{{item.date}}</li>
</ul>
{{# } }}
{{# }); }}
</script>
<script id="business_item" type="text/html">
{{# layui.each(d.busList, function(index, item){ }}
<div class="business_item">
<div class="item_time">
<span>上午</span>
<span>{{item.startTime}}</span>
<span>-</span>
<span>{{item.endTime}}</span>
</div>
<ul>
{{# layui.each(item.orgBusinessList, function(index1, item1){ }}
{{# if(item1.isyy==0){ }}
<li class="item_appoint">
<h3>
{{item1.shortName}}
</h3>
{{# if(item1.isyy==1){ }}
<p style="color:#FF5722">({{item1.residueNumber}})</p>
{{# } }}
{{# if(item1.isyy==0){ }}
<p style="color:#5FB878">({{item1.residueNumber}})</p>
{{# } }}
</li>
{{# } }}
{{# if(item1.isyy==1){ }}
<li class="isAppoint">
<h3>
{{item1.shortName}}
</h3>
{{# if(item1.isyy==1){ }}
<p style="color:#FF5722">({{item1.residueNumber}})</p>
{{# } }}
{{# if(item1.isyy==0){ }}
<p style="color:#5FB878">({{item1.residueNumber}})</p>
{{# } }}
</li>
{{# } }}
{{# }); }}
</ul>
</div>
{{# }); }}
</script>
\ 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/yyxz.css">
</head>
<body>
<div class="main">
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../index.html" title="首页">首页</a>
<a href="./grzx.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
</span>
</div>
</div>
<!-- ----------------------------------内容模块的开始----------------------------------------------- -->
<div class="appointment_notice contentBox">
<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>
</ul>
</div>
<div class="clause contentBox">
<p>一、预约方式</p>
<p>1.预约采用实名制。预约申请人为不动产权利人，有共有人的，由其中一名权利人预约，其他共有权人不能重复预约。</p>
<p>2.每个预约号只能预约一种业务，且只能办理与预约对应的不动产登记业务，如需办理其他业务，则须另外再提交预约申请。</p>
<p>
二、预约业务范围
</p>
<p>
现暂时开通转移登记、抵押登记（含部分抵押注销登记）、抵押注销登记预约
</p>
<p>
三、预约业务办理
</p>
<p>
预约成功后不能在预约时间内前来办理业务的，须于预约办理日期的前一天18:00前取消预约，否则将视为失约并承担相应的责任
</p>
<p>
五、注意事项
</p>
<p>
1.请勿随意预约、取消或失约。为加强网上预约管理，取消预约的权证一个月内不能再次申请预约，同一权证累计取消预约两次的，从第二次取消预约起半年内不能再次申请预约；失约一次的权证两个月内不能再次申请预约，同一权证累计失约两次的将纳入失信黑名单，从第二次失约起一年内不能再次申请预约。
</p>
<p>
2.请认真阅读网上预约的操作说明。预约申请人须按照网上预约操作说明的要求，提前准备好预约办理业务的要件材料。具体业务办理详情请查看办事指南。
</p>
<p>
3.本须知自公布之日起执行。
</p>
<div class="date">
<ul>
<li>XX市不动产登记中心</li>
<li>2020年11月27日</li>
</ul>
</div>
<div class="confim_input">
<input type="checkbox" name="" class="accept" title="接受" checked>&nbsp;接受
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">下一步</button>
</div>
</div>
<!-- ----------------------------------内容模块end-------------------------------------------------- -->
</div>
</body>
</html>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/yyxz.js"></script>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<title>个人中心-预约须知</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="../../staticImages/logo-realestate.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="../../staticCss/common.css" />
<link rel="stylesheet" type="text/css" href="./css/index.css">
</head>
<body>
<div class="main">
<div class="subject top-logo">
<div class="top_logo_content">
<h1><a href="index.html" title="西安市不动产登记平台"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
<div class="top_logo_search">
<input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
autocomplete="off" class="layui-input">
<i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
</div>
<ul class="login">
<li>
<a href="" title="登录">
登录
</a>
</li>
<li>
<a href="" title="注册">
注册
</a>
</li>
</ul>
</div>
</div>
<div class="navigation">
<ul class="layui-nav layui-bg-blue" lay-filter="">
<li class="layui-nav-item"><a href="./../../staticIndex.html">首页</a></li>
<li class="layui-nav-item"><a href="./../../staticViews/xwdt/index.html">新闻动态</a></li>
<li class="layui-nav-item"><a href="">业务办理</a></li>
<li class="layui-nav-item"><a href="">法律法规</a></li>
<li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li>
<li class="layui-nav-item">
<a href="javascript:;">查验中心</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd><a href="">移动模块</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="">在线缴费</a></li>
<li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
</ul>
</div>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../staticIndex.html" title="首页">首页</a>
<a href="../grzx/index.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
</span>
</div>
</div>
<!-- ----------------------------------内容模块的开始----------------------------------------------- -->
<div class="appointment_notice contentBox">
<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>
</ul>
</div>
<div class="clause contentBox">
<p>一、预约方式</p>
<p>1.预约采用实名制。预约申请人为不动产权利人，有共有人的，由其中一名权利人预约，其他共有权人不能重复预约。</p>
<p>2.每个预约号只能预约一种业务，且只能办理与预约对应的不动产登记业务，如需办理其他业务，则须另外再提交预约申请。</p>
<p>
二、预约业务范围
</p>
<p>
现暂时开通转移登记、抵押登记（含部分抵押注销登记）、抵押注销登记预约
</p>
<p>
三、预约业务办理
</p>
<p>
预约成功后不能在预约时间内前来办理业务的，须于预约办理日期的前一天18:00前取消预约，否则将视为失约并承担相应的责任
</p>
<p>
五、注意事项
</p>
<p>
1.请勿随意预约、取消或失约。为加强网上预约管理，取消预约的权证一个月内不能再次申请预约，同一权证累计取消预约两次的，从第二次取消预约起半年内不能再次申请预约；失约一次的权证两个月内不能再次申请预约，同一权证累计失约两次的将纳入失信黑名单，从第二次失约起一年内不能再次申请预约。
</p>
<p>
2.请认真阅读网上预约的操作说明。预约申请人须按照网上预约操作说明的要求，提前准备好预约办理业务的要件材料。具体业务办理详情请查看办事指南。
</p>
<p>
3.本须知自公布之日起执行。
</p>
<div class="date">
<ul>
<li>XX市不动产登记中心</li>
<li>2020年11月27日</li>
</ul>
</div>
<div class="confim_input">
<input type="checkbox" name="" class="accept" title="接受" checked>&nbsp;接受
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">下一步</button>
</div>
</div>
<!-- ----------------------------------内容模块end-------------------------------------------------- -->
<div class="footer">
<div class="system_service">
<ul class="">
<li>
<a href="" title="公示公告">
<span>公示公告</span>
</a>
</li>
<li>
<a href="" title="法律法规">
<span>法律法规</span>
</a>
</li>
<li>
<a href="" title="相应政策">
<span>相应政策</span>
</a>
</li>
<li>
<a href="" title="下载服务">
<span>下载服务</span>
</a>
</li>
<li>
<a href="" title="关于我们">
<span>关于我们</span>
</a>
</li>
</ul>
</div>
<div class="subject">
<div class="footer_logo">
<a href="" title="党政机关">
<img src="./../../staticImages/jiguan.png" alt="党政机关" />
</a>
</div>
<ul>
<li>
西安市自然资源和规划局
</li>
<li>
电话：028-456465
</li>
<li>
地址：西安市丰城8路
</li>
<li>
网站标识吗：87987987
</li>
<li>
备案：陕IPC456465465
</li>
<li>
陕公网备案：456465465
</li>
</ul>
<ol>
<li>
<img src="./../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
<li>
<img src="./../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
</ol>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
<script type="text/javascript" src="../../staticJs/yyxz.js"></script>
\ No newline at end of file