Commit bc144521de400a28eb85ecbde53fe6b816cf172a
1 parent
ca773a06
feat(src/packages): 修改地图从中国地图,点击省会下钻,再点击市区,返回只能返回到省会,再返回到中国地图无效
Showing
2 changed files
with
67 additions
and
22 deletions
... | ... | @@ -74,10 +74,15 @@ props.chartConfig.option = { |
74 | 74 | //地图点击返回 |
75 | 75 | const watchAdcode = async () => { |
76 | 76 | if (props.chartConfig.option.drillingIn) { |
77 | - let saveAdcode: any = saveLevelStr.parentInfo.adcode | |
78 | - saveLevelStr.level = saveLevelStr.parentInfo.level | |
77 | + //如果是从右边配置里设置的,比如点击四川省,然后点击返回 | |
78 | + const savePopParent = saveHistoryParent.value.pop() | |
79 | + let saveAdcode: any = savePopParent?.adcode | |
80 | + saveLevelStr.level = savePopParent?.level as string | |
81 | + if (!savePopParent) { | |
82 | + saveAdcode = getParentAdcode(props.chartConfig.option.mapRegion.adcode) | |
83 | + saveLevelStr.level = (regionMapParentArea as any)[props.chartConfig.option.mapRegion.saveSelect.levelStr] | |
84 | + } | |
79 | 85 | if (saveAdcode === 0) { |
80 | - // | |
81 | 86 | saveAdcode = 'china' |
82 | 87 | saveLevelStr.level = 'COUNTRY' |
83 | 88 | } |
... | ... | @@ -110,9 +115,11 @@ const handleMap3DClick = async (params: any) => { |
110 | 115 | const adcode = item.properties.adcode |
111 | 116 | props.chartConfig.option.mapRegion.adcode = adcode |
112 | 117 | saveLevelStr.level = level |
113 | - saveLevelStr.parentInfo.adcode = item.properties.parent.adcode //保存上一级的地区编码 | |
114 | - saveLevelStr.parentInfo.level = (regionMapParentArea as any)[level] //保存上一级的行政级别 | |
115 | 118 | handleDataPoint(adcode) |
119 | + saveHistoryParent.value.push({ | |
120 | + adcode: item.properties.parent.adcode, | |
121 | + level: (regionMapParentArea as any)[level] | |
122 | + }) | |
116 | 123 | } |
117 | 124 | }) |
118 | 125 | } |
... | ... | @@ -123,14 +130,18 @@ const saveGeojson: any = ref({}) // 保存geojson |
123 | 130 | const chinaDefaultRegionId = ref(100000) //如果是china则adcode为100000 |
124 | 131 | |
125 | 132 | const saveLevelStr = reactive({ |
126 | - // 保存行政级别和上一级的adcode和level | |
127 | - level: '', | |
128 | - parentInfo: { | |
129 | - adcode: 0, | |
130 | - level: '' | |
131 | - } | |
133 | + // 地区级别 | |
134 | + level: '' | |
132 | 135 | }) |
133 | 136 | |
137 | +//父级地区编码和级别接口 | |
138 | +interface HistoryParentType { | |
139 | + adcode: number | |
140 | + level: string | |
141 | +} | |
142 | + | |
143 | +const saveHistoryParent = ref<HistoryParentType[]>([]) | |
144 | + | |
134 | 145 | //动态注册地图 |
135 | 146 | const getGeojson = (regionId: any) => { |
136 | 147 | try { |
... | ... | @@ -158,6 +169,18 @@ const getGeojson = (regionId: any) => { |
158 | 169 | } |
159 | 170 | } |
160 | 171 | |
172 | + | |
173 | +//传adcode 获取上级 | |
174 | +const getParentAdcode = (adcode: number) => { | |
175 | + let adcodeNum = 100000 | |
176 | + saveGeojson.value?.features.forEach((item: any) => { | |
177 | + if (item.properties.adcode === adcode) { | |
178 | + adcodeNum = item.properties.parent.adcode | |
179 | + } | |
180 | + }) | |
181 | + return adcodeNum | |
182 | +} | |
183 | + | |
161 | 184 | watch( |
162 | 185 | () => w.value, |
163 | 186 | (value: number) => { | ... | ... |
... | ... | @@ -107,10 +107,15 @@ props.chartConfig.option = { |
107 | 107 | //地图点击返回 adcode=100000,名字必须是china |
108 | 108 | const watchAdcode = async () => { |
109 | 109 | if (props.chartConfig.option.drillingIn) { |
110 | - let saveAdcode: any = saveLevelStr.parentInfo.adcode | |
111 | - saveLevelStr.level = saveLevelStr.parentInfo.level | |
110 | + //如果是从右边配置里设置的,比如点击四川省,然后点击返回 | |
111 | + const savePopParent = saveHistoryParent.value.pop() | |
112 | + let saveAdcode: any = savePopParent?.adcode | |
113 | + saveLevelStr.level = savePopParent?.level as string | |
114 | + if (!savePopParent) { | |
115 | + saveAdcode = getParentAdcode(props.chartConfig.option.mapRegion.adcode) | |
116 | + saveLevelStr.level = (regionMapParentArea as any)[props.chartConfig.option.mapRegion.saveSelect.levelStr] | |
117 | + } | |
112 | 118 | if (saveAdcode === 0) { |
113 | - // | |
114 | 119 | saveAdcode = 'china' |
115 | 120 | saveLevelStr.level = 'COUNTRY' |
116 | 121 | } |
... | ... | @@ -132,14 +137,18 @@ const saveGeojson: any = ref({}) // 保存geojson |
132 | 137 | const chinaDefaultRegionId = ref(100000) //如果是china则adcode为100000 |
133 | 138 | |
134 | 139 | const saveLevelStr = reactive({ |
135 | - // 保存行政级别和上一级的adcode和level | |
136 | - level: '', | |
137 | - parentInfo: { | |
138 | - adcode: 0, | |
139 | - level: '' | |
140 | - } | |
140 | + // 地区级别 | |
141 | + level: '' | |
141 | 142 | }) |
142 | 143 | |
144 | +//父级地区编码和级别接口 | |
145 | +interface HistoryParentType { | |
146 | + adcode: number | |
147 | + level: string | |
148 | +} | |
149 | + | |
150 | +const saveHistoryParent = ref<HistoryParentType[]>([]) | |
151 | + | |
143 | 152 | //动态注册地图 |
144 | 153 | const getGeojson = async (regionId: any) => { |
145 | 154 | try { |
... | ... | @@ -281,6 +290,17 @@ const regionMapParentArea = { |
281 | 290 | [areaEnum.TOWN]: areaEnum.COUNTY //镇的上一级 县或者区 |
282 | 291 | } |
283 | 292 | |
293 | +//传adcode 获取上级 | |
294 | +const getParentAdcode = (adcode: number) => { | |
295 | + let adcodeNum = 100000 | |
296 | + saveGeojson.value?.features.forEach((item: any) => { | |
297 | + if (item.properties.adcode === adcode) { | |
298 | + adcodeNum = item.properties.parent.adcode | |
299 | + } | |
300 | + }) | |
301 | + return adcodeNum | |
302 | +} | |
303 | + | |
284 | 304 | //地图点击下钻 |
285 | 305 | const handleVChartClick = async (params: any) => { |
286 | 306 | if (props.chartConfig.option.drillingIn) { |
... | ... | @@ -291,9 +311,11 @@ const handleVChartClick = async (params: any) => { |
291 | 311 | const adcode = item.properties.adcode |
292 | 312 | props.chartConfig.option.mapRegion.adcode = adcode |
293 | 313 | saveLevelStr.level = level |
294 | - saveLevelStr.parentInfo.adcode = item.properties.parent.adcode //保存上一级的地区编码 | |
295 | - saveLevelStr.parentInfo.level = (regionMapParentArea as any)[level] //保存上一级的行政级别 | |
296 | 314 | handleDataPoint(adcode) |
315 | + saveHistoryParent.value.push({ | |
316 | + adcode: item.properties.parent.adcode, | |
317 | + level: (regionMapParentArea as any)[level] | |
318 | + }) | |
297 | 319 | } |
298 | 320 | }) |
299 | 321 | } | ... | ... |