sr-publicServicePlatform/component/mine/select-address.js

(function() {
	Vue.component('selsect-address', {
		template: `<div class="bgc-fff dropdown-menu dropdown-menu-right" aria-labelledby="addressLabel" style="width:308px;">
						<ul class="nav nav-tabs" role="tablist" id="addresslist">
							<li role="presentation" class="active" style="width:102px;">
								<a href="#province" aria-controls="province" role="tab" data-toggle="tab" id="_province" data-stopPropagation="true">{{provincename}}</a>
							</li>
							<li role="presentation" style="width:102px;">
								<a href="#city" aria-controls="city" role="tab" data-toggle="tab" id="_city" data-stopPropagation="true">{{cityname}}</a>
							</li>
							<li role="presentation" style="width:102px;">
								<a href="#county" aria-controls="county" role="tab" data-toggle="tab" id="_county" data-stopPropagation="true">{{countyname}}</a>
							</li>
						</ul>
						<div class="tab-content industrybox" style="height: auto">
							<div role="tabpanel" class="tab-pane active industry c-t-left" id="province" data-stopPropagation="true">
								<div class="w3-row mt10">
									<div class="w3-col c-f16 pl10" style="width:50px;">A-G</div>
									<div class="w3-rest c-f14 c-666">
										<span :id="province[0]" v-for="province in province1" @click="selectP(province[0],province[2])">{{province[2]}}</span>
									</div>
								</div>
								<div class="w3-row mt10">
									<div class="w3-col c-f16 pl10" style="width:50px;">H-J</div>
									<div class="w3-rest c-f140 c-666">
										<span :id="province[0]" v-for="province in province2" @click="selectP(province[0],province[2])">{{province[2]}}</span>
									</div>
								</div>
								<div class="w3-row mt10">
									<div class="w3-col c-f16 pl10" style="width:50px;">L-S</div>
									<div class="w3-rest c-f14 c-666">
										<span :id="province[0]" v-for="province in province3" @click="selectP(province[0],province[2])">{{province[2]}}</span>
									</div>
								</div>
								<div class="w3-row mt10">
									<div class="w3-col c-f16 pl10" style="width:50px;">T-Z</div>
									<div class="w3-rest c-f14 c-666">
										<span :id="province[0]" v-for="province in province4" @click="selectP(province[0],province[2])">{{province[2]}}</span>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane w3-row-padding industry" id="city" data-stopPropagation="true">
								<div :id="city[0]" class="w3-third mb20" v-for="city in cities" @click="selectCi(city[0],city[2])">
									<div>{{city[2]}}</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane w3-row-padding industry" id="county" data-stopPropagation="true">
								<div :id="county[0]" class="w3-third mb20" v-for="county in counties" @click="selectCo(county[0],county[2])">
									<div>{{county[2]}}</div>
								</div>
							</div>
						</div>
					</div>`,
		props: [],
		data: function() {
			return {
				"province1": [
					["541", "489", "安徽", "a"],
					["562", "489", "澳门", "a"],
					["530", "489", "北京", "b"],
					["551", "489", "重庆", "c"],
					["542", "489", "福建", "f"],
					["549", "489", "广西", "g"],
					["553", "489", "贵州", "g"],
					["557", "489", "甘肃", "g"],
				],
				"province2": [
					["546", "489", "湖北", "h"],
					["537", "489", "黑龙江", "h"],
					["545", "489", "河南", "h"],
					["547", "489", "湖南", "h"],
					["550", "489", "海南", "h"],
					["532", "489", "河北", "h"],
					["536", "489", "吉林", "j"],
					["539", "489", "江苏", "j"],
					["543", "489", "江西", "j"],
				],
				"province3": [
					["535", "489", "辽宁", "l"],
					["534", "489", "内蒙古", "n"],
					["559", "489", "宁夏", "n"],
					["558", "489", "青海", "q"],
					["544", "489", "山东", "s"],
					["538", "489", "上海", "s"],
					["548", "489", "广东", "s"],
					["533", "489", "山西", "s"],
					["552", "489", "四川", "s"],
					["556", "489", "陕西", "s"],
				],
				"province4": [
					["531", "489", "天津", "t"],
					["563", "489", "台湾省", "t"],
					["555", "489", "西藏", "x"],
					["560", "489", "新疆", "x"],
					["561", "489", "香港", "x"],
					["554", "489", "云南", "y"],
					["540", "489", "浙江", "z"],
				],
				"cities": [],
				"counties": [],
				"city": [
					["489", "0", "全国"],
					["763", "548", "广州"],
					["764", "548", "韶关"],
					["765", "548", "深圳"],
					["766", "548", "珠海"],
					["767", "548", "汕头"],
					["768", "548", "佛山"],
					["769", "548", "江门"],
					["770", "548", "湛江"],
					["771", "548", "茂名"],
					["772", "548", "肇庆"],
					["773", "548", "惠州"],
					["774", "548", "梅州"],
					["775", "548", "汕尾"],
					["776", "548", "河源"],
					["777", "548", "阳江"],
					["778", "548", "清远"],
					["779", "548", "东莞"],
					["780", "548", "中山"],
					["781", "548", "潮州"],
					["782", "548", "揭阳"],
					["783", "548", "云浮"],
					["736", "546", "武汉"],
					["737", "546", "黄石"],
					["738", "546", "十堰"],
					["739", "546", "宜昌"],
					["740", "546", "襄阳"],
					["741", "546", "鄂州"],
					["742", "546", "荆门"],
					["743", "546", "孝感"],
					["744", "546", "荆州"],
					["745", "546", "黄冈"],
					["746", "546", "咸宁"],
					["747", "546", "随州"],
					["748", "546", "恩施"],
					["10057", "546", "公安"],
					["10139", "546", "武穴"],
					["10140", "546", "天门"],
					["10168", "546", "仙桃"],
					["10169", "546", "潜江"],
					["10171", "546", "宜城"],
					["10179", "546", "神农架"],
					["854", "556", "西安"],
					["855", "556", "铜川"],
					["856", "556", "宝鸡"],
					["857", "556", "咸阳"],
					["858", "556", "渭南"],
					["859", "556", "延安"],
					["860", "556", "汉中"],
					["861", "556", "榆林"],
					["862", "556", "安康"],
					["863", "556", "商洛"],
					["10058", "556", "兴平"],
					["10470", "556", "杨凌"],
					["933", "556", "西咸新区"],
					["801", "552", "成都"],
					["802", "552", "自贡"],
					["803", "552", "攀枝花"],
					["804", "552", "泸州"],
					["805", "552", "德阳"],
					["806", "552", "绵阳"],
					["807", "552", "广元"],
					["808", "552", "遂宁"],
					["809", "552", "内江"],
					["810", "552", "乐山"],
					["811", "552", "南充"],
					["812", "552", "眉山"],
					["813", "552", "宜宾"],
					["814", "552", "广安"],
					["815", "552", "达州"],
					["816", "552", "雅安"],
					["817", "552", "巴中"],
					["818", "552", "资阳"],
					["819", "552", "阿坝"],
					["820", "552", "甘孜"],
					["821", "552", "凉山"],
					["10065", "552", "峨眉"],
					["10104", "552", "西昌"],
					["10201", "552", "简阳"],
					["600", "535", "大连"],
					["599", "535", "沈阳"],
					["601", "535", "鞍山"],
					["602", "535", "抚顺"],
					["603", "535", "本溪"],
					["604", "535", "丹东"],
					["605", "535", "锦州"],
					["606", "535", "营口"],
					["607", "535", "阜新"],
					["608", "535", "辽阳"],
					["609", "535", "盘锦"],
					["610", "535", "铁岭"],
					["611", "535", "朝阳"],
					["612", "535", "葫芦岛"],
					["10023", "535", "兴城"],
					["10070", "535", "海城"],
					["10080", "535", "昌图"],
					["10144", "535", "开原"],
					["931", "535", "东港"],
					["613", "536", "长春"],
					["10198", "536", "珲春"],
					["614", "536", "吉林市"],
					["615", "536", "四平"],
					["616", "536", "辽源"],
					["617", "536", "通化"],
					["618", "536", "白山"],
					["619", "536", "松原"],
					["620", "536", "白城"],
					["621", "536", "延边"],
					["10122", "536", "公主岭"],
					["635", "539", "南京"],
					["639", "539", "苏州"],
					["640", "539", "昆山"],
					["650", "539", "常熟"],
					["652", "539", "张家港"],
					["636", "539", "无锡"],
					["637", "539", "徐州"],
					["638", "539", "常州"],
					["641", "539", "南通"],
					["642", "539", "连云港"],
					["643", "539", "淮安"],
					["644", "539", "盐城"],
					["645", "539", "扬州"],
					["646", "539", "镇江"],
					["647", "539", "泰州"],
					["648", "539", "宿迁"],
					["911", "539", "太仓市"],
					["702", "544", "济南"],
					["703", "544", "青岛"],
					["704", "544", "淄博"],
					["705", "544", "枣庄"],
					["706", "544", "东营"],
					["707", "544", "烟台"],
					["708", "544", "潍坊"],
					["709", "544", "济宁"],
					["710", "544", "泰安"],
					["711", "544", "威海"],
					["712", "544", "日照"],
					["713", "544", "莱芜"],
					["714", "544", "临沂"],
					["715", "544", "德州"],
					["716", "544", "聊城"],
					["717", "544", "滨州"],
					["718", "544", "菏泽"],
					["653", "540", "杭州"],
					["654", "540", "宁波"],
					["655", "540", "温州"],
					["656", "540", "嘉兴"],
					["657", "540", "湖州"],
					["658", "540", "绍兴"],
					["659", "540", "金华"],
					["660", "540", "衢州"],
					["661", "540", "舟山"],
					["662", "540", "台州"],
					["663", "540", "丽水"],
					["10158", "540", "方家山"],
					["785", "549", "南宁"],
					["786", "549", "柳州"],
					["787", "549", "桂林"],
					["788", "549", "梧州"],
					["789", "549", "北海"],
					["790", "549", "防城港"],
					["791", "549", "钦州"],
					["792", "549", "贵港"],
					["793", "549", "玉林"],
					["794", "549", "百色"],
					["795", "549", "贺州"],
					["796", "549", "河池"],
					["904", "549", "来宾"],
					["905", "549", "崇左"],
					["664", "541", "合肥"],
					["665", "541", "芜湖"],
					["666", "541", "蚌埠"],
					["667", "541", "淮南"],
					["668", "541", "马鞍山"],
					["669", "541", "淮北"],
					["670", "541", "铜陵"],
					["671", "541", "安庆"],
					["672", "541", "黄山"],
					["673", "541", "滁州"],
					["674", "541", "阜阳"],
					["675", "541", "宿州"],
					["677", "541", "六安"],
					["678", "541", "亳州"],
					["679", "541", "池州"],
					["680", "541", "宣城"],
					["10069", "541", "凤阳"],
					["10181", "541", "广德"],
					["10182", "541", "宿松"],
					["565", "532", "石家庄"],
					["566", "532", "唐山"],
					["567", "532", "秦皇岛"],
					["568", "532", "邯郸"],
					["569", "532", "邢台"],
					["570", "532", "保定"],
					["571", "532", "张家口"],
					["572", "532", "承德"],
					["573", "532", "沧州"],
					["574", "532", "廊坊"],
					["575", "532", "衡水"],
					["10143", "532", "遵化"],
					["576", "533", "太原"],
					["577", "533", "大同"],
					["578", "533", "阳泉"],
					["579", "533", "长治"],
					["580", "533", "晋城"],
					["581", "533", "朔州"],
					["582", "533", "晋中"],
					["583", "533", "运城"],
					["584", "533", "忻州"],
					["585", "533", "临汾"],
					["586", "533", "吕梁"],
					["910", "533", "永济市"],
					["587", "534", "呼和浩特"],
					["588", "534", "包头"],
					["589", "534", "乌海"],
					["590", "534", "赤峰"],
					["591", "534", "通辽"],
					["592", "534", "鄂尔多斯"],
					["593", "534", "呼伦贝尔"],
					["594", "534", "兴安盟"],
					["595", "534", "锡林郭勒盟"],
					["596", "534", "乌兰察布"],
					["597", "534", "巴彦淖尔"],
					["598", "534", "阿拉善盟"],
					["10031", "534", "乌审旗"],
					["10157", "534", "满洲里"],
					["622", "537", "哈尔滨"],
					["623", "537", "齐齐哈尔"],
					["624", "537", "鸡西"],
					["625", "537", "鹤岗"],
					["626", "537", "双鸭山"],
					["627", "537", "大庆"],
					["628", "537", "伊春"],
					["629", "537", "佳木斯"],
					["630", "537", "七台河"],
					["631", "537", "牡丹江"],
					["632", "537", "黑河"],
					["633", "537", "绥化"],
					["634", "537", "大兴安岭"],
					["10081", "537", "安达"],
					["10159", "537", "双城"],
					["10160", "537", "尚志"],
					["10161", "537", "绥芬河"],
					["10510", "537", "肇东市"],
					["681", "542", "福州"],
					["682", "542", "厦门"],
					["683", "542", "莆田"],
					["684", "542", "三明"],
					["685", "542", "泉州"],
					["687", "542", "漳州"],
					["688", "542", "南平"],
					["689", "542", "龙岩"],
					["690", "542", "宁德"],
					["691", "543", "南昌"],
					["692", "543", "景德镇"],
					["693", "543", "萍乡"],
					["694", "543", "九江"],
					["695", "543", "新余"],
					["696", "543", "鹰潭"],
					["697", "543", "赣州"],
					["698", "543", "吉安"],
					["699", "543", "宜春"],
					["700", "543", "抚州"],
					["701", "543", "上饶"],
					["719", "545", "郑州"],
					["720", "545", "开封"],
					["721", "545", "洛阳"],
					["722", "545", "平顶山"],
					["723", "545", "安阳"],
					["724", "545", "鹤壁"],
					["725", "545", "新乡"],
					["726", "545", "焦作"],
					["727", "545", "濮阳"],
					["728", "545", "许昌"],
					["729", "545", "漯河"],
					["730", "545", "三门峡"],
					["731", "545", "南阳"],
					["732", "545", "商丘"],
					["733", "545", "信阳"],
					["734", "545", "周口"],
					["735", "545", "驻马店"],
					["10044", "545", "济源"],
					["10059", "545", "西平"],
					["749", "547", "长沙"],
					["750", "547", "株洲"],
					["751", "547", "湘潭"],
					["752", "547", "衡阳"],
					["753", "547", "邵阳"],
					["754", "547", "岳阳"],
					["755", "547", "常德"],
					["756", "547", "张家界"],
					["757", "547", "益阳"],
					["758", "547", "郴州"],
					["759", "547", "永州"],
					["760", "547", "怀化"],
					["761", "547", "娄底"],
					["762", "547", "湘西"],
					["799", "550", "海口"],
					["800", "550", "三亚"],
					["907", "550", "洋浦市/洋浦经济开发区"],
					["10153", "550", "琼海"],
					["10183", "550", "儋州"],
					["10184", "550", "五指山"],
					["10185", "550", "文昌"],
					["10186", "550", "万宁"],
					["10187", "550", "东方"],
					["10188", "550", "定安"],
					["10189", "550", "屯昌"],
					["10190", "550", "澄迈"],
					["10191", "550", "临高"],
					["10192", "550", "琼中"],
					["10193", "550", "保亭"],
					["10194", "550", "白沙"],
					["10195", "550", "昌江"],
					["10196", "550", "乐东"],
					["10197", "550", "陵水"],
					["822", "553", "贵阳"],
					["823", "553", "六盘水"],
					["824", "553", "遵义"],
					["825", "553", "安顺"],
					["826", "553", "铜仁"],
					["827", "553", "黔西南"],
					["828", "553", "毕节"],
					["829", "553", "黔东南"],
					["830", "553", "黔南"],
					["831", "554", "昆明"],
					["832", "554", "曲靖"],
					["833", "554", "玉溪"],
					["834", "554", "保山"],
					["835", "554", "昭通"],
					["836", "554", "楚雄"],
					["837", "554", "红河"],
					["838", "554", "文山"],
					["840", "554", "西双版纳"],
					["841", "554", "大理"],
					["842", "554", "德宏"],
					["843", "554", "丽江"],
					["844", "554", "怒江"],
					["845", "554", "迪庆"],
					["846", "554", "临沧"],
					["10163", "554", "普洱"],
					["847", "555", "拉萨"],
					["848", "555", "昌都"],
					["849", "555", "山南"],
					["850", "555", "日喀则"],
					["851", "555", "那曲"],
					["852", "555", "阿里"],
					["853", "555", "林芝"],
					["864", "557", "兰州"],
					["865", "557", "嘉峪关"],
					["866", "557", "金昌"],
					["867", "557", "白银"],
					["868", "557", "天水"],
					["869", "557", "武威"],
					["870", "557", "张掖"],
					["871", "557", "平凉"],
					["872", "557", "酒泉"],
					["873", "557", "庆阳"],
					["874", "557", "定西"],
					["875", "557", "陇南"],
					["876", "557", "临夏"],
					["877", "557", "甘南"],
					["878", "558", "西宁"],
					["879", "558", "海东"],
					["880", "558", "海北"],
					["881", "558", "黄南"],
					["882", "558", "海南州"],
					["883", "558", "果洛"],
					["884", "558", "玉树"],
					["885", "558", "海西"],
					["886", "559", "银川"],
					["887", "559", "石嘴山"],
					["888", "559", "吴忠"],
					["889", "559", "固原"],
					["906", "559", "中卫"],
					["890", "560", "乌鲁木齐"],
					["891", "560", "克拉玛依"],
					["892", "560", "吐鲁番"],
					["893", "560", "哈密"],
					["894", "560", "昌吉"],
					["895", "560", "博尔塔拉"],
					["896", "560", "巴音郭楞"],
					["897", "560", "阿克苏"],
					["898", "560", "克孜勒苏"],
					["899", "560", "喀什"],
					["900", "560", "和田"],
					["901", "560", "伊犁"],
					["902", "560", "塔城"],
					["903", "560", "阿勒泰"],
					["10061", "560", "石河子"],
					["10164", "560", "奎屯市"],
					["10166", "560", "乌苏"],
					["10176", "560", "阿拉尔"],
					["10177", "560", "图木舒克"],
					["10178", "560", "五家渠"],
					["932", "560", "北屯市"],
				],
				"cityid": -1,
				"countyid": -1,
				"provinceid": -1,
				"cityname": "城市",
				"countyname": "县区",
				"provincename": "省份",
			}
		},
		mounted: function() {
			$(".dropdown-menu").on("click", "[data-stopPropagation]", function(e) {
				e.stopPropagation();
				var tabid = e.currentTarget.id //js控制标签页
				if(tabid.indexOf("_") > 0) {
					$('#' + tabid).tab('show')
				}
			});
		},
		methods: {
			selectP: function(id, name) {
				var vm = this
				$("#" + id).addClass("active")
				if(vm.provinceid != -1) {
					$("#" + vm.provinceid).removeClass("active")
				}
				vm.provinceid = id
				vm.provincename = name
				vm.getCities(id)
			},
			getCities: function(id) {
				var vm = this
				var cities = []
				for(var i in vm.city) {
					if(vm.city[i][1] == id) {
						cities.push(vm.city[i])
					}
				}
				vm.cities = cities
				$('#addresslist a[href="#city"]').tab('show')
			},
		},
	})

})()