Skip to content

任超 / js.portalStaticPage

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

feat:预约设置选择区域模块的开发

1 parent 789d40ce
Expand all
Inline Side-by-side
Showing 37 changed files with 647 additions and 68 deletions
/* ------------------------公共头部和尾部css------------------------------------ */
/* layer confim */
.layui-layer-btn .layui-layer-btn0 {
background-color: #fff!important;
color: #333!important;
border: 1px solid #dedede!important;
}
.layui-layer-btn .layui-layer-btn1 {
border-color: #1E9FFF;
background-color: #1E9FFF;
color: #fff;
}
/* ----------------------公共样式-------------------------- */
.contentBox {
width: 1200px;
......
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
......@@ -68,7 +68,7 @@
<ul class="banner_title">
<li><a href="">查询档案</a></li>
<li><a href="">进度查询</a></li>
<li><a href="">在线预约</a></li>
<li><a href="./staticViews/yyxz/index.html">在线预约</a></li>
<li><a>网上预审</a></li>
</ul>
</div>
......
No preview for this file type
{"version":3,"sources":["main.js"],"names":["e","t","n","r","s","o","u","a","require","i","Error","f","exports","call","length","1","module","./global","2","global","$","window","this","self"],"mappings":"CAAA,QAAAA,GAAAC,EAAAC,EAAAC,GAAA,QAAAC,GAAAC,EAAAC,GAAA,IAAAJ,EAAAG,GAAA,CAAA,IAAAJ,EAAAI,GAAA,CAAA,GAAAE,GAAA,kBAAAC,UAAAA,OAAA,KAAAF,GAAAC,EAAA,MAAAA,GAAAF,GAAA,EAAA,IAAAI,EAAA,MAAAA,GAAAJ,GAAA,EAAA,MAAA,IAAAK,OAAA,uBAAAL,EAAA,KAAA,GAAAM,GAAAT,EAAAG,IAAAO,WAAAX,GAAAI,GAAA,GAAAQ,KAAAF,EAAAC,QAAA,SAAAZ,GAAA,GAAAE,GAAAD,EAAAI,GAAA,GAAAL,EAAA,OAAAI,GAAAF,EAAAA,EAAAF,IAAAW,EAAAA,EAAAC,QAAAZ,EAAAC,EAAAC,EAAAC,GAAA,MAAAD,GAAAG,GAAAO,QAAA,IAAA,GAAAH,GAAA,kBAAAD,UAAAA,QAAAH,EAAA,EAAAA,EAAAF,EAAAW,OAAAT,IAAAD,EAAAD,EAAAE,GAAA,OAAAD,KAAAW,GAAA,SAAAP,EAAAQ,EAAAJ,GACA,YACAJ,GAAA,cAGAS,WAAA,IAAAC,GAAA,SAAAV,EAAAQ,EAAAJ,IACA,SAAAO,GACA,YACA,IAAAC,GAAA,mBAAAC,QAAAA,OAAA,OAAA,mBAAAF,GAAAA,EAAA,OAAA,IACAC,GAAA,gBAGAP,KAAAS,KAAA,mBAAAC,MAAAA,KAAA,mBAAAF,QAAAA,qBACA","file":"main.min.js","sourcesContent":["'use strict';\nrequire('./global');\n\n"]}
\ No newline at end of file
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
//console.log(elem)
layer.msg(elem.text());
});
});
//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) {
console.log(data)
return false;
});
//办事大厅
form.on('select(officehall)', function (data) {
let latitude= undefined
let longitude= undefined
let title= ''
if(data.value==1) {
latitude = 116.397469
longitude = 39.908821
title = '北京'
}else if(data.value==2){
latitude = 121.491119
longitude = 31.235172
title = '上海'
}else {
latitude = 120.21201
longitude = 30.2084
title = '杭州'
}
var point = new BMapGL.Point(latitude, longitude);
var infoWindow = new BMapGL.InfoWindow(title, opts);
map.openInfoWindow(infoWindow, point);
return false;
});
});
var geolocation = new BMap.Geolocation();
var gc = new BMap.Geocoder();
geolocation.getCurrentPosition(function (r) {
if (this.getStatus() == BMAP_STATUS_SUCCESS) {
var pt = r.point;
gc.getLocation(pt, function (rs) {
var addComp = rs.addressComponents;
var province = addComp.province;
var city = addComp.city;
$('.Pselected').attr('data-area', province)
$('.Cselected').attr('data-area', city)
layui.use(['form', 'common'], function () {
var common = layui.common,
form = layui.form;
//三级地址联动
common.showCity('province', 'city');
})
})
}
else {
alert("定位失败");
}
}, { enableHighAccuracy: true });
var map = new BMapGL.Map('container');
var point = new BMapGL.Point(108.95309828, 34.2777999);
map.centerAndZoom(point, 15);
var opts = {
width: 100,
height: 60,
title: '办事大厅'
};
var infoWindow = new BMapGL.InfoWindow('雁塔区南二环西段', opts);
map.openInfoWindow(infoWindow, point);
\ No newline at end of file
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata>
<defs>
<font id="raty" horiz-adv-x="512">
<font-face units-per-em="512" ascent="480" descent="-32" />
<missing-glyph horiz-adv-x="512" />
<glyph unicode="&#x20;" d="" horiz-adv-x="256" />
<glyph unicode="&#xe600;" d="M256 16c-114.88 0-208 93.12-208 208s93.12 208 208 208 208-93.12 208-208-93.12-208-208-208zM351.376 284.656c3.904 3.904 3.904 10.256 0 14.16l-21.248 21.232c-3.904 3.904-10.256 3.904-14.16 0l-60.176-60.176-60.176 60.176c-3.904 3.904-10.256 3.904-14.16 0l-21.248-21.232c-3.904-3.904-3.904-10.256 0-14.16l60.192-60.192-60.192-60.16c-3.904-3.904-3.904-10.256 0-14.16l21.248-21.248c3.904-3.904 10.256-3.904 14.16 0l60.176 60.192 60.176-60.192c3.904-3.904 10.256-3.904 14.16 0l21.248 21.248c3.904 3.904 3.904 10.256 0 14.16l-60.192 60.16 60.192 60.192z" />
<glyph unicode="&#xe601;" d="M256 16c-114.88 0-208 93.12-208 208s93.12 208 208 208 208-93.12 208-208-93.12-208-208-208zM256 384c-88.352 0-160-71.648-160-160s71.648-160 160-160c88.368 0 160 71.648 160 160s-71.632 160-160 160zM328.592 167.44l-16.224-16.224c-2.976-2.976-7.808-2.976-10.8 0l-45.92 45.92-45.92-45.92c-2.992-2.976-7.808-2.976-10.8 0l-16.224 16.224c-2.976 2.976-2.976 7.808 0 10.8l45.936 45.904-45.936 45.92c-2.976 2.992-2.976 7.824 0 10.816l16.224 16.208c2.992 2.992 7.808 2.992 10.8 0l45.92-45.92 45.92 45.92c2.992 2.992 7.824 2.992 10.8 0l16.224-16.208c2.976-2.992 2.976-7.824 0-10.816l-45.936-45.92 45.936-45.904c2.976-2.992 2.976-7.84 0-10.8z" />
<glyph unicode="&#xf005;" d="M475.428 290.572q0-6.286-7.428-13.714l-103.714-101.143 24.572-142.857q0.286-2 0.286-5.714 0-6-3-10.143t-8.714-4.143q-5.428 0-11.428 3.428l-128.286 67.428-128.286-67.428q-6.285-3.428-11.428-3.428-6 0-9 4.143t-3 10.143q0 1.714 0.572 5.714l24.572 142.857-104 101.143q-7.143 7.714-7.143 13.714 0 10.572 16 13.143l143.428 20.857 64.286 130q5.428 11.714 14 11.714t14-11.714l64.286-130 143.429-20.857q16-2.572 16-13.143z" horiz-adv-x="476" />
<glyph unicode="&#xf006;" d="M324.857 188.572l87.428 84.857-120.572 17.715-54 109.143-54-109.143-120.572-17.714 87.428-84.857-20.857-120.286 108 56.857 107.714-56.857zM475.428 290.572q0-6.286-7.428-13.714l-103.714-101.143 24.572-142.857q0.286-2 0.286-5.714 0-14.286-11.714-14.286-5.428 0-11.428 3.428l-128.286 67.428-128.286-67.428q-6.285-3.428-11.428-3.428-6 0-9 4.143t-3 10.143q0 1.714 0.572 5.714l24.572 142.857-104 101.143q-7.143 7.714-7.143 13.714 0 10.572 16 13.143l143.428 20.857 64.286 130q5.428 11.714 14 11.714t14-11.714l64.286-130 143.429-20.857q16-2.572 16-13.143z" horiz-adv-x="476" />
<glyph unicode="&#xf123;" d="M338.857 202l73.428 71.428-120.572 17.714-8.572 17.143-45.428 92v-275.143l16.857-8.857 90.857-48-17.143 101.428-3.428 18.857zM468 276.857l-103.714-101.143 24.572-142.857q1.428-9.428-1.714-14.714t-9.714-5.286q-4.857 0-11.428 3.428l-128.286 67.428-128.286-67.428q-6.572-3.428-11.428-3.428-6.572 0-9.715 5.286t-1.715 14.714l24.572 142.857-104 101.143q-9.143 9.143-6.572 17t15.428 9.857l143.429 20.857 64.286 130q5.714 11.714 14 11.714 8 0 14-11.714l64.286-130 143.429-20.857q12.857-2 15.428-9.857t-6.857-17z" horiz-adv-x="476" />
</font></defs></svg>
\ No newline at end of file
No preview for this file type
No preview for this file type
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
font-size: 2em;
}
@font-face {
font-family: "raty";
font-style: normal;
font-weight: normal;
src: url("fonts/raty.eot");
src: url("fonts/raty.eot?#iefix") format("embedded-opentype");
src: url("fonts/raty.svg#raty") format("svg");
src: url("fonts/raty.ttf") format("truetype");
src: url("fonts/raty.woff") format("woff");
}
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: "raty";
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-transform: none;
}
.cancel-on-png:before {
content: "\e600";
}
.cancel-off-png:before {
content: "\e601";
}
.star-on-png:before {
content: "\f005";
}
.star-off-png:before {
content: "\f006";
}
.star-half-png:before {
content: "\f123";
}
......@@ -67,8 +67,8 @@
<div class="one_content contentBox">
<div class="layui-tab">
<ul class="layui-tab-title">
<li class="layui-this">线上办理</li>
<li>线下办理</li>
<li class="layui-this">网上申请</li>
<li>在线预约</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
......
.navigation_crumbs {
height: 45px;
}
.appointment_notice {
margin-top: 30px;
margin-bottom: 30px;
}
.app_progress li {
padding: 0 30px;
line-height: 40px;
background: #eee;
display: inline-block;
color: #fff;
position: relative;
color: black;
}
.app_progress li:after{
content: '';
display: block;
border-top: 20px solid #fff;
border-bottom: 20px solid #fff;
border-left: 12px solid #eee;
position: absolute;
right:0;
top: 0;
}
.active {
background-color: #1E9FFF!important;
color: #fff!important;
}
.app_progress li.active:after {
border-left-color: #1E9FFF;
}
.line {
width: 80px;
height: 0;
display: inline-block;
border-bottom: 2px dotted#dddddd;
margin-bottom: 4px;
}
.selectCity {
width: 1200px;
margin: 0 auto;
}
.selectCity h2 {
display: inline-block;
margin-right: 5px;
}
.area_list_content {
overflow: hidden;
margin-top: 20px;
width: 100%;
}
.area_list_content h2 {
display: inline-block;
float: left;
margin-right: 8px;
}
.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;
}
.select_officehall {
width: 1200px;
margin: 0 auto;
margin-top: 10px;
}
.select_officehall h2 {
display: inline-block;
margin-right: 8px;
}
/* -----------------------------地图--------------------------------------- */
.map_content {
margin-top: 20px;
}
<!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="//api.map.baidu.com/api?v=2.0&ak=0NWXXsCSawnWID4UYI7Uhrl9WgtI2IGs"></script>
<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=0NWXXsCSawnWID4UYI7Uhrl9WgtI2IGs"></script>
<link rel="stylesheet" type="text/css" href="../../staticCss/common.css" />
<link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.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"><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>登录</li>
<li>注册</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="./../../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">首页</a>
<a href="../grzx/index.html">个人中心</a>
<a><cite>我的预约</cite></a>
</span>
</div>
</div>
<!-- ----------------------------------内容模块的开始----------------------------------------------- -->
<div class="appointment_notice contentBox">
<ul class="app_progress">
<li>
<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>
<div class="select_officehall">
<form class="layui-form">
<h2>办事大厅</h2>
<div class="layui-inline">
<select name="officehall" lay-filter="officehall">
<option value="">选择办事大厅</option>
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">杭州</option>
</select>
</div>
</form>
</div>
<!-- ----------------------------------地图api--------------------------------------------------- -->
<div class="map_content contentBox">
<div id="container" style="width: 100%;height: 500px;"></div>
</div>
<!-- ----------------------------------内容模块end-------------------------------------------------- -->
<div class="footer">
<div class="system_service">
<ul class="">
<li>
<a href="">
<span>公示公告</span>
</a>
</li>
<li>
<a href="">
<span>法律法规</span>
</a>
</li>
<li>
<a href="">
<span>相应政策</span>
</a>
</li>
<li>
<a href="">
<span>下载服务</span>
</a>
</li>
<li>
<a href="">
<span>关于我们</span>
</a>
</li>
</ul>
</div>
<div class="subject">
<div class="footer_logo">
<a href="">
<img src="./../../staticImages/jiguan.png">
</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">
<p>扫描关注公众号</p>
</li>
<li>
<img src="./../../staticImages/code.png">
<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);
});
......@@ -2,7 +2,7 @@
<html lang="en">
<head>
<title>个人中心</title>
<title>预约须知</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
......@@ -235,9 +235,9 @@
title: '真实准确的承诺',
btn: ['不同意', '同意进入下一步'] //按钮
}, function () {
layer.closeAll();
}, function () {
window.location.href = "../xzqy/index.html";
});
});
}
......