useRoleSelectedCity.ts 1.14 KB
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,
  }
}