useRoleSelectedCity.ts
1.14 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
import { computed, ref } from 'vue'
import { useRoleCityList } from '@/composables/useRoleCityList'
export function useRoleSelectedCity() {
const {
isAdmin,
managedCityId,
managedCityName,
cityList,
loadCities: loadRoleCities,
getCityName,
} = useRoleCityList()
const selectedCityId = ref<number | undefined>()
function resolveSelectedCity(initialCityId?: number) {
if (!isAdmin.value) {
selectedCityId.value = managedCityId.value
return
}
if (initialCityId && cityList.value.some(item => item.id === initialCityId)) {
selectedCityId.value = initialCityId
return
}
if (selectedCityId.value && cityList.value.some(item => item.id === selectedCityId.value)) {
return
}
selectedCityId.value = cityList.value[0]?.id
}
async function loadCities(initialCityId?: number) {
await loadRoleCities()
resolveSelectedCity(initialCityId)
}
const currentCityName = computed(() =>
selectedCityId.value ? getCityName(selectedCityId.value) : managedCityName.value || ''
)
return {
isAdmin,
cityList,
selectedCityId,
currentCityName,
loadCities,
}
}