互联网设计师,网站排名优化方法,网站开发答辩知识点,seo诊断对活动地区限制分为两步#xff1a;一是管理端配置#xff0c;而是移动端限制 移动端限制 使用高德获取经纬度#xff08;需要引入高德库#xff1a;https://webapi.amap.com/maps#xff09;#xff0c;如果是app也可以调用jsapi获取经纬度 export const checkAppPermis… 对活动地区限制分为两步一是管理端配置而是移动端限制 移动端限制 使用高德获取经纬度需要引入高德库https://webapi.amap.com/maps如果是app也可以调用jsapi获取经纬度 export const checkAppPermissionHandler (params {}, callback) {// 非郑好办使用高德定位const map new AMap.Map(container, { zoom: 16 })AMap.plugin(AMap.Geolocation, function() {const geolocation new AMap.Geolocation({enableHighAccuracy: true,timeout: 10000,zoomToAccuracy: true})map.addControl(geolocation)geolocation.getCurrentPosition(function(status, result) {if (status complete) {callback callback({status: 0, // 0有定位权限 返回经纬度location: {latitude: result?.position?.lat,longitude: result?.position?.lng}})return} else {// 没有定位权限callback callback({status: 2 // 2不使用定位权限})}})})
}判断当前位置是否在限制位置中函数 export const getLocation arr {return new Promise((resolve, reject) {if (!arr.length) {resolve(true)}// 获取经纬度checkAppPermissionHandler({ allowLocation: must }, ({ status, location }) {if (status 0) {const lat location.latitude // 纬度const lng location.longitude // 经度window.AMap.plugin(AMap.Geocoder, () {const geocoder new window.AMap.Geocoder({timeout: 5000})geocoder.getAddress([lng, lat], (status, result) {if (status complete result.info OK) {const address result?.regeocode?.formattedAddress // 当前所在位置的详细地址包含省市区街道等河南省郑州市管城回族区商都路XXX// 判断是否包含若包含则标识在获取范围内if (arr?.findIndex(it address.includes(it)) ! -1) {resolve(true)} else {reject(抱歉您不在活动地区范围内)}} else {reject(获取位置信息失败请先打手机开定位)}})})} else {reject(获取位置信息失败请先打手机开定位)}})})
}拿到管理端配置的数据并进行格式化得到数据为[‘河南省洛阳市’, ‘北京市’, ‘河南省郑州市’] const area this.details?.area?.map(it it?.map(item item?.split(,)?.[1]))?.map(it it?.join()) || []调用getLocation 函数 getLocation(area || [])管理端配置 表单配置配置后得到的数据为[[‘410000,河南省’, ‘410300,洛阳市’], [‘110000,北京市’], [‘410000,河南省’, ‘410100,郑州市’]] {title: 参与地区限制,dataIndex: joinArea,valueType: radio,valueEnum: {0: 不限制,1: 指定地区可参加},formItemProps: () ({rules: [{ required: true, message: 此项为必填项 }]})
},
{valueType: dependency,name: [joinArea],columns: ({ joinArea }) {return Number(joinArea) 1? [{title: 选择地区,dataIndex: area,renderFormItem: () SelectArea /,formItemProps: () ({rules: [{validator: (_, v) {return new Promise((res, rej) {if (v v?.length ! 0) res()rej()})},message: 请进行参与地区配置}]}),colProps: {offset: 6,xs: 12}}]: []}
},选择地区的组件 import React, { useEffect, useState } from react
import { Modal, Cascader, Button, Space } from antd
import { ArrayUtils } from great-jsutils
// eslint-disable-next-line import/extensions
const areasJson require(./area.json)
// 地区限制
export default ({ value, onChange }) {const [visible, setVisible] useState(false)const [areaList, setAreaList] useState([]) // 地理位置下拉菜单const [selectAreas, setSelectAreas] useState([])const [sureAreas, setSureAreas] useState()const onCancel () setVisible(false)// 将选中的地区变为平铺字符串 市(县)const flatAreas areas {let names // eslint-disable-next-line no-unused-expressions, array-callback-returnareas?.map(it {let name if (it?.length 1) {name it?.[0]?.split(,)?.[1]} else {// eslint-disable-next-line no-unused-expressions, array-callback-returnit?.map((area, i) {if (i 0) {name area?.split(,)?.[1]} else {name ${name}(${area?.split(,)?.[1]})}})}names ${names}${names ,}${name}})setSureAreas(names)}useEffect(() {const areas ArrayUtils.updateKey(areasJson, {}, item ({value: [item.code, item.name].join(),label: item.name}))setAreaList(areas)}, [])useEffect(() {if (value) {setSelectAreas(value)flatAreas(value)}}, [value])const filter (inputValue, path) path.some(option option.label.toLowerCase().indexOf(inputValue.toLowerCase()) -1)return (Spacediv{sureAreas ! ? sureAreas : -}/divButton typeprimary ghost onClick{() setVisible(true)}选择地区/Button/SpaceModaltitle选择地区width{700}onClose{onCancel}visible{visible}onOk{() {flatAreas(selectAreas)onChange(selectAreas)onCancel()}}onCancel{onCancel}forceRenderstyle{{ textAlign: center }}Cascadervalue{selectAreas}options{areaList}onChange{v setSelectAreas(v)}showSearch{{filter}}multiplemaxTagCountresponsivestyle{{ margin: 20px, width: 500px }}//Modal/)
}前端维护的省市区 [{name: 北京市,code: 110000,children: [{name: 东城区,code: 110101},{name: 西城区,code: 110102},{name: 朝阳区,code: 110105},{name: 丰台区,code: 110106},{name: 石景山区,code: 110107},{name: 海淀区,code: 110108},{name: 门头沟区,code: 110109},{name: 房山区,code: 110111},{name: 通州区,code: 110112},{name: 顺义区,code: 110113},{name: 昌平区,code: 110114},{name: 大兴区,code: 110115},{name: 怀柔区,code: 110116},{name: 平谷区,code: 110117},{name: 密云区,code: 110118},{name: 延庆区,code: 110119}]},{name: 天津市,code: 120000,children: [{name: 和平区,code: 120101},{name: 河东区,code: 120102},{name: 河西区,code: 120103},{name: 南开区,code: 120104},{name: 河北区,code: 120105},{name: 红桥区,code: 120106},{name: 东丽区,code: 120110},{name: 西青区,code: 120111},{name: 津南区,code: 120112},{name: 北辰区,code: 120113},{name: 武清区,code: 120114},{name: 宝坻区,code: 120115},{name: 滨海新区,code: 120116},{name: 宁河区,code: 120117},{name: 静海区,code: 120118},{name: 蓟州区,code: 120119}]},{name: 河北省,code: 130000,children: [{name: 石家庄市,code: 130100},{name: 唐山市,code: 130200},{name: 秦皇岛市,code: 130300},{name: 邯郸市,code: 130400},{name: 邢台市,code: 130500},{name: 保定市,code: 130600},{name: 张家口市,code: 130700},{name: 承德市,code: 130800},{name: 沧州市,code: 130900},{name: 廊坊市,code: 131000},{name: 衡水市,code: 131100}]},{name: 山西省,code: 140000,children: [{name: 太原市,code: 140100},{name: 大同市,code: 140200},{name: 阳泉市,code: 140300},{name: 长治市,code: 140400},{name: 晋城市,code: 140500},{name: 朔州市,code: 140600},{name: 晋中市,code: 140700},{name: 运城市,code: 140800},{name: 忻州市,code: 140900},{name: 临汾市,code: 141000},{name: 吕梁市,code: 141100}]},{name: 内蒙古自治区,code: 150000,children: [{name: 呼和浩特市,code: 150100},{name: 包头市,code: 150200},{name: 乌海市,code: 150300},{name: 赤峰市,code: 150400},{name: 通辽市,code: 150500},{name: 鄂尔多斯市,code: 150600},{name: 呼伦贝尔市,code: 150700},{name: 巴彦淖尔市,code: 150800},{name: 乌兰察布市,code: 150900},{name: 兴安盟,code: 152200},{name: 锡林郭勒盟,code: 152500},{name: 阿拉善盟,code: 152900}]},{name: 辽宁省,code: 210000,children: [{name: 沈阳市,code: 210100},{name: 大连市,code: 210200},{name: 鞍山市,code: 210300},{name: 抚顺市,code: 210400},{name: 本溪市,code: 210500},{name: 丹东市,code: 210600},{name: 锦州市,code: 210700},{name: 营口市,code: 210800},{name: 阜新市,code: 210900},{name: 辽阳市,code: 211000},{name: 盘锦市,code: 211100},{name: 铁岭市,code: 211200},{name: 朝阳市,code: 211300},{name: 葫芦岛市,code: 211400}]},{name: 吉林省,code: 220000,children: [{name: 长春市,code: 220100},{name: 吉林市,code: 220200},{name: 四平市,code: 220300},{name: 辽源市,code: 220400},{name: 通化市,code: 220500},{name: 白山市,code: 220600},{name: 松原市,code: 220700},{name: 白城市,code: 220800},{name: 延边朝鲜族自治州,code: 222400}]},{name: 黑龙江省,code: 230000,children: [{name: 哈尔滨市,code: 230100},{name: 齐齐哈尔市,code: 230200},{name: 鸡西市,code: 230300},{name: 鹤岗市,code: 230400},{name: 双鸭山市,code: 230500},{name: 大庆市,code: 230600},{name: 伊春市,code: 230700},{name: 佳木斯市,code: 230800},{name: 七台河市,code: 230900},{name: 牡丹江市,code: 231000},{name: 黑河市,code: 231100},{name: 绥化市,code: 231200},{name: 大兴安岭地区,code: 232700}]},{name: 上海市,code: 310000,children: [{name: 黄浦区,code: 310101},{name: 徐汇区,code: 310104},{name: 长宁区,code: 310105},{name: 静安区,code: 310106},{name: 普陀区,code: 310107},{name: 虹口区,code: 310109},{name: 杨浦区,code: 310110},{name: 闵行区,code: 310112},{name: 宝山区,code: 310113},{name: 嘉定区,code: 310114},{name: 浦东新区,code: 310115},{name: 金山区,code: 310116},{name: 松江区,code: 310117},{name: 青浦区,code: 310118},{name: 奉贤区,code: 310120},{name: 崇明区,code: 310151}]},{name: 江苏省,code: 320000,children: [{name: 南京市,code: 320100},{name: 无锡市,code: 320200},{name: 徐州市,code: 320300},{name: 常州市,code: 320400},{name: 苏州市,code: 320500},{name: 南通市,code: 320600},{name: 连云港市,code: 320700},{name: 淮安市,code: 320800},{name: 盐城市,code: 320900},{name: 扬州市,code: 321000},{name: 镇江市,code: 321100},{name: 泰州市,code: 321200},{name: 宿迁市,code: 321300}]},{name: 浙江省,code: 330000,children: [{name: 杭州市,code: 330100},{name: 宁波市,code: 330200},{name: 温州市,code: 330300},{name: 嘉兴市,code: 330400},{name: 湖州市,code: 330500},{name: 绍兴市,code: 330600},{name: 金华市,code: 330700},{name: 衢州市,code: 330800},{name: 舟山市,code: 330900},{name: 台州市,code: 331000},{name: 丽水市,code: 331100}]},{name: 安徽省,code: 340000,children: [{name: 合肥市,code: 340100},{name: 芜湖市,code: 340200},{name: 蚌埠市,code: 340300},{name: 淮南市,code: 340400},{name: 马鞍山市,code: 340500},{name: 淮北市,code: 340600},{name: 铜陵市,code: 340700},{name: 安庆市,code: 340800},{name: 黄山市,code: 341000},{name: 滁州市,code: 341100},{name: 阜阳市,code: 341200},{name: 宿州市,code: 341300},{name: 六安市,code: 341500},{name: 亳州市,code: 341600},{name: 池州市,code: 341700},{name: 宣城市,code: 341800}]},{name: 福建省,code: 350000,children: [{name: 福州市,code: 350100},{name: 厦门市,code: 350200},{name: 莆田市,code: 350300},{name: 三明市,code: 350400},{name: 泉州市,code: 350500},{name: 漳州市,code: 350600},{name: 南平市,code: 350700},{name: 龙岩市,code: 350800},{name: 宁德市,code: 350900}]},{name: 江西省,code: 360000,children: [{name: 南昌市,code: 360100},{name: 景德镇市,code: 360200},{name: 萍乡市,code: 360300},{name: 九江市,code: 360400},{name: 新余市,code: 360500},{name: 鹰潭市,code: 360600},{name: 赣州市,code: 360700},{name: 吉安市,code: 360800},{name: 宜春市,code: 360900},{name: 抚州市,code: 361000},{name: 上饶市,code: 361100}]},{name: 山东省,code: 370000,children: [{name: 济南市,code: 370100},{name: 青岛市,code: 370200},{name: 淄博市,code: 370300},{name: 枣庄市,code: 370400},{name: 东营市,code: 370500},{name: 烟台市,code: 370600},{name: 潍坊市,code: 370700},{name: 济宁市,code: 370800},{name: 泰安市,code: 370900},{name: 威海市,code: 371000},{name: 日照市,code: 371100},{name: 临沂市,code: 371300},{name: 德州市,code: 371400},{name: 聊城市,code: 371500},{name: 滨州市,code: 371600},{name: 菏泽市,code: 371700}]},{name: 河南省,code: 410000,children: [{name: 郑州市,code: 410100},{name: 开封市,code: 410200},{name: 洛阳市,code: 410300},{name: 平顶山市,code: 410400},{name: 安阳市,code: 410500},{name: 鹤壁市,code: 410600},{name: 新乡市,code: 410700},{name: 焦作市,code: 410800},{name: 濮阳市,code: 410900},{name: 许昌市,code: 411000},{name: 漯河市,code: 411100},{name: 三门峡市,code: 411200},{name: 南阳市,code: 411300},{name: 商丘市,code: 411400},{name: 信阳市,code: 411500},{name: 周口市,code: 411600},{name: 驻马店市,code: 411700}]},{name: 湖北省,code: 420000,children: [{name: 武汉市,code: 420100},{name: 黄石市,code: 420200},{name: 十堰市,code: 420300},{name: 宜昌市,code: 420500},{name: 襄阳市,code: 420600},{name: 鄂州市,code: 420700},{name: 荆门市,code: 420800},{name: 孝感市,code: 420900},{name: 荆州市,code: 421000},{name: 黄冈市,code: 421100},{name: 咸宁市,code: 421200},{name: 随州市,code: 421300},{name: 恩施土家族苗族自治州,code: 422800}]},{name: 湖南省,code: 430000,children: [{name: 长沙市,code: 430100},{name: 株洲市,code: 430200},{name: 湘潭市,code: 430300},{name: 衡阳市,code: 430400},{name: 邵阳市,code: 430500},{name: 岳阳市,code: 430600},{name: 常德市,code: 430700},{name: 张家界市,code: 430800},{name: 益阳市,code: 430900},{name: 郴州市,code: 431000},{name: 永州市,code: 431100},{name: 怀化市,code: 431200},{name: 娄底市,code: 431300},{name: 湘西土家族苗族自治州,code: 433100}]},{name: 广东省,code: 440000,children: [{name: 广州市,code: 440100},{name: 韶关市,code: 440200},{name: 深圳市,code: 440300},{name: 珠海市,code: 440400},{name: 汕头市,code: 440500},{name: 佛山市,code: 440600},{name: 江门市,code: 440700},{name: 湛江市,code: 440800},{name: 茂名市,code: 440900},{name: 肇庆市,code: 441200},{name: 惠州市,code: 441300},{name: 梅州市,code: 441400},{name: 汕尾市,code: 441500},{name: 河源市,code: 441600},{name: 阳江市,code: 441700},{name: 清远市,code: 441800},{name: 东莞市,code: 441900},{name: 中山市,code: 442000},{name: 潮州市,code: 445100},{name: 揭阳市,code: 445200},{name: 云浮市,code: 445300}]},{name: 广西壮族自治区,code: 450000,children: [{name: 南宁市,code: 450100},{name: 柳州市,code: 450200},{name: 桂林市,code: 450300},{name: 梧州市,code: 450400},{name: 北海市,code: 450500},{name: 防城港市,code: 450600},{name: 钦州市,code: 450700},{name: 贵港市,code: 450800},{name: 玉林市,code: 450900},{name: 百色市,code: 451000},{name: 贺州市,code: 451100},{name: 河池市,code: 451200},{name: 来宾市,code: 451300},{name: 崇左市,code: 451400}]},{name: 海南省,code: 460000,children: [{name: 海口市,code: 460100},{name: 三亚市,code: 460200},{name: 三沙市,code: 460300},{name: 儋州市,code: 460400}]},{name: 重庆市,code: 500000,children: [{name: 万州区,code: 500101},{name: 涪陵区,code: 500102},{name: 渝中区,code: 500103},{name: 大渡口区,code: 500104},{name: 江北区,code: 500105},{name: 沙坪坝区,code: 500106},{name: 九龙坡区,code: 500107},{name: 南岸区,code: 500108},{name: 北碚区,code: 500109},{name: 綦江区,code: 500110},{name: 大足区,code: 500111},{name: 渝北区,code: 500112},{name: 巴南区,code: 500113},{name: 黔江区,code: 500114},{name: 长寿区,code: 500115},{name: 江津区,code: 500116},{name: 合川区,code: 500117},{name: 永川区,code: 500118},{name: 南川区,code: 500119},{name: 璧山区,code: 500120},{name: 铜梁区,code: 500151},{name: 潼南区,code: 500152},{name: 荣昌区,code: 500153},{name: 开州区,code: 500154},{name: 梁平区,code: 500155},{name: 武隆区,code: 500156},{name: 城口县,code: 500229},{name: 丰都县,code: 500230},{name: 垫江县,code: 500231},{name: 忠县,code: 500233},{name: 云阳县,code: 500235},{name: 奉节县,code: 500236},{name: 巫山县,code: 500237},{name: 巫溪县,code: 500238},{name: 石柱土家族自治县,code: 500240},{name: 秀山土家族苗族自治县,code: 500241},{name: 酉阳土家族苗族自治县,code: 500242},{name: 彭水苗族土家族自治县,code: 500243}]},{name: 四川省,code: 510000,children: [{name: 成都市,code: 510100},{name: 自贡市,code: 510300},{name: 攀枝花市,code: 510400},{name: 泸州市,code: 510500},{name: 德阳市,code: 510600},{name: 绵阳市,code: 510700},{name: 广元市,code: 510800},{name: 遂宁市,code: 510900},{name: 内江市,code: 511000},{name: 乐山市,code: 511100},{name: 南充市,code: 511300},{name: 眉山市,code: 511400},{name: 宜宾市,code: 511500},{name: 广安市,code: 511600},{name: 达州市,code: 511700},{name: 雅安市,code: 511800},{name: 巴中市,code: 511900},{name: 资阳市,code: 512000},{name: 阿坝藏族羌族自治州,code: 513200},{name: 甘孜藏族自治州,code: 513300},{name: 凉山彝族自治州,code: 513400}]},{name: 贵州省,code: 520000,children: [{name: 贵阳市,code: 520100},{name: 六盘水市,code: 520200},{name: 遵义市,code: 520300},{name: 安顺市,code: 520400},{name: 毕节市,code: 520500},{name: 铜仁市,code: 520600},{name: 黔西南布依族苗族自治州,code: 522300},{name: 黔东南苗族侗族自治州,code: 522600},{name: 黔南布依族苗族自治州,code: 522700}]},{name: 云南省,code: 530000,children: [{name: 昆明市,code: 530100},{name: 曲靖市,code: 530300},{name: 玉溪市,code: 530400},{name: 保山市,code: 530500},{name: 昭通市,code: 530600},{name: 丽江市,code: 530700},{name: 普洱市,code: 530800},{name: 临沧市,code: 530900},{name: 楚雄彝族自治州,code: 532300},{name: 红河哈尼族彝族自治州,code: 532500},{name: 文山壮族苗族自治州,code: 532600},{name: 西双版纳傣族自治州,code: 532800},{name: 大理白族自治州,code: 532900},{name: 德宏傣族景颇族自治州,code: 533100},{name: 怒江傈僳族自治州,code: 533300},{name: 迪庆藏族自治州,code: 533400}]},{name: 西藏自治区,code: 540000,children: [{name: 拉萨市,code: 540100},{name: 日喀则市,code: 540200},{name: 昌都市,code: 540300},{name: 林芝市,code: 540400},{name: 山南市,code: 540500},{name: 那曲市,code: 540600},{name: 阿里地区,code: 542500}]},{name: 陕西省,code: 610000,children: [{name: 西安市,code: 610100},{name: 铜川市,code: 610200},{name: 宝鸡市,code: 610300},{name: 咸阳市,code: 610400},{name: 渭南市,code: 610500},{name: 延安市,code: 610600},{name: 汉中市,code: 610700},{name: 榆林市,code: 610800},{name: 安康市,code: 610900},{name: 商洛市,code: 611000}]},{name: 甘肃省,code: 620000,children: [{name: 兰州市,code: 620100},{name: 嘉峪关市,code: 620200},{name: 金昌市,code: 620300},{name: 白银市,code: 620400},{name: 天水市,code: 620500},{name: 武威市,code: 620600},{name: 张掖市,code: 620700},{name: 平凉市,code: 620800},{name: 酒泉市,code: 620900},{name: 庆阳市,code: 621000},{name: 定西市,code: 621100},{name: 陇南市,code: 621200},{name: 临夏回族自治州,code: 622900},{name: 甘南藏族自治州,code: 623000}]},{name: 青海省,code: 630000,children: [{name: 西宁市,code: 630100},{name: 海东市,code: 630200},{name: 海北藏族自治州,code: 632200},{name: 黄南藏族自治州,code: 632300},{name: 海南藏族自治州,code: 632500},{name: 果洛藏族自治州,code: 632600},{name: 玉树藏族自治州,code: 632700},{name: 海西蒙古族藏族自治州,code: 632800}]},{name: 宁夏回族自治区,code: 640000,children: [{name: 银川市,code: 640100},{name: 石嘴山市,code: 640200},{name: 吴忠市,code: 640300},{name: 固原市,code: 640400},{name: 中卫市,code: 640500}]},{name: 新疆维吾尔自治区,code: 650000,children: [{name: 乌鲁木齐市,code: 650100},{name: 克拉玛依市,code: 650200},{name: 吐鲁番市,code: 650400},{name: 哈密市,code: 650500},{name: 昌吉回族自治州,code: 652300},{name: 博尔塔拉蒙古自治州,code: 652700},{name: 巴音郭楞蒙古自治州,code: 652800},{name: 阿克苏地区,code: 652900},{name: 克孜勒苏柯尔克孜自治州,code: 653000},{name: 喀什地区,code: 653100},{name: 和田地区,code: 653200},{name: 伊犁哈萨克自治州,code: 654000},{name: 塔城地区,code: 654200},{name: 阿勒泰地区,code: 654300}]},{name: 台湾省,code: 710000,children: [{name: 新北市,code: },{name: 高雄市,code: },{name: 台中市,code: },{name: 台北市,code: },{name: 桃园市,code: },{name: 台南市,code: },{name: 基隆市,code: },{name: 新竹市,code: },{name: 嘉义市,code: },{name: 新竹县,code: },{name: 苗栗县,code: },{name: 彰化县,code: },{name: 南投县,code: },{name: 云林县,code: },{name: 嘉义县,code: },{name: 屏东县,code: },{name: 宜兰县,code: },{name: 花莲县,code: },{name: 台东县,code: },{name: 澎湖县,code: }]},{name: 香港特别行政区,code: 810000,children: [{name: 香港岛,code: },{name: 九龙,code: },{name: 新界,code: }]},{name: 澳门特别行政区,code: 820000,children: [{name: 澳门半岛,code: },{name: 澳门离岛,code: }]}
]
