From e7f0a81e522574957b754623996553cb43ad58a5 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期一, 11 八月 2025 18:44:18 +0800 Subject: [PATCH] fix: 修改登录 --- packages/hooks/area.ts | 63 ++++++++++++++++++------------- 1 files changed, 37 insertions(+), 26 deletions(-) diff --git a/packages/hooks/area.ts b/packages/hooks/area.ts index 684ce2c..c8dd413 100644 --- a/packages/hooks/area.ts +++ b/packages/hooks/area.ts @@ -1,24 +1,18 @@ import { flattenAreaTree, formatAreaListToTree } from '@12333/utils'; import { useQuery, useQueryClient } from '@tanstack/vue-query'; -import { computed, onMounted, onUnmounted, ref } from 'vue'; +import { computed, MaybeRef, onMounted, onUnmounted, ref, unref } from 'vue'; import { AreaType, CategoryCode } from '@12333/constants'; import Taro, { EventChannel } from '@tarojs/taro'; import { useDictionaryDataSelect } from './dic'; import axios from 'axios'; +import * as dictionaryServices from '@12333/services/apiV2/dictionary'; export function useArea() { const queryClient = useQueryClient(); - const { dictionaryDataList } = useDictionaryDataSelect({ - categoryCode: CategoryCode.Area, - staleTime: Infinity, - all: true, - maxDeep: AreaType.Area, - }); + const { areaList } = useAllAreaList(); - const areaList = computed(() => dictionaryDataList.value.map(convertDictionaryToAreaTreeNode)); - - // const areaTree = computed(() => formatAreaListToTree(areaList.value)); + // const areaList = computed(() => dictionaryDataList.value.map(convertDictionaryToAreaTreeNode)); function getAreaFromCompleteAreaList(areaCode: string) { return areaList.value.find((x) => x.areaCode === areaCode); @@ -38,24 +32,29 @@ }; } -export function useAreaTree() { - axios.get('https://parkmanagement.oss-cn-hangzhou.aliyuncs.com/12333/area.txt').then((res) => { - console.log(res); - }); - const { data } = useQuery({ - queryKey: ['area.txt'], - queryFn() { - return axios - .get<API.AreaTreeNode[]>( - 'https://parkmanagement.oss-cn-hangzhou.aliyuncs.com/12333/area.txt' - ) - .then((res) => res.data); +type UseAreaTreeOptions = { + maxLayer?: MaybeRef<AreaType>; +}; + +export function useAreaTree(options = {} as UseAreaTreeOptions) { + const { maxLayer = AreaType.Area } = options; + + // const { areaList } = useAllAreaList(); + + const { data: areaTree } = useQuery({ + queryKey: ['dictionaryServices/getAreaSelect', maxLayer], + queryFn: () => { + return dictionaryServices.getAreaSelect( + { + maxDeep: unref(maxLayer), + }, + { showLoading: false } + ); }, - - placeholderData: () => [] as API.AreaTreeNode[], }); - const areaTree = computed(() => formatAreaListToTree(data.value)); + // const areaTree = computed(() => formatAreaListToTree(areaList.value, null, unref(maxLayer))); + console.log('areaTree: ', areaTree); return { areaTree: areaTree }; } @@ -75,7 +74,19 @@ } export function useAllAreaList() { - const { areaList } = useArea(); + const { data: areaList } = useQuery({ + queryKey: ['area.txt'], + queryFn() { + return axios + .get<API.AreaTreeNode[]>( + 'https://parkmanagement.oss-cn-hangzhou.aliyuncs.com/12333/area.txt' + ) + .then((res) => res.data); + }, + + placeholderData: () => [] as API.AreaTreeNode[], + staleTime: Infinity, + }); const findAreaCodeFromName = (areaName: string) => { const areaItem = areaList.value.find((x) => x.areaName === areaName); -- Gitblit v1.9.1