From ebbe48d31cd0d5bfbf0ee3e0becaba6b2ec49312 Mon Sep 17 00:00:00 2001
From: kaeery <3491123437@qq.com>
Date: Wed, 26 Feb 2025 22:03:57 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=8B=9B=E7=94=9F=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E7=AB=AF=E3=80=91=20=E4=BC=98=E5=8C=96#=20=E5=AD=90=E8=B4=A6?=
 =?UTF-8?q?=E5=8F=B7=E7=AE=A1=E7=90=86=EF=BC=9A=E8=B4=A6=E5=8F=B7=E5=90=8D?=
 =?UTF-8?q?=E9=A2=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-list/account-dialog.vue           |  2 +-
 .../account_center/sub_account/index.vue      | 13 ++++++++++--
 .../sub_account/modules/account-number.vue    | 21 ++++++++++---------
 3 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/src/views/account_center/sub_account/components/account-list/account-dialog.vue b/src/views/account_center/sub_account/components/account-list/account-dialog.vue
index 6128ea0..9277ac2 100644
--- a/src/views/account_center/sub_account/components/account-list/account-dialog.vue
+++ b/src/views/account_center/sub_account/components/account-list/account-dialog.vue
@@ -116,7 +116,6 @@ const fetchPostionData = async () => {
         positionOptions.value = result.lists
     } catch (error) {}
 }
-fetchPostionData()
 const fetchOrganizationData = async () => {
     try {
         const result = await organzationLists()
@@ -136,6 +135,7 @@ const setDsiabled = (nodes: any[]) => {
     })
 }
 const openDialog = (params: IParams) => {
+    fetchPostionData()
     fetchOrganizationData()
     proDialogRef.value?.openDialog(params)
 }
diff --git a/src/views/account_center/sub_account/index.vue b/src/views/account_center/sub_account/index.vue
index d57e456..cfb8cb6 100644
--- a/src/views/account_center/sub_account/index.vue
+++ b/src/views/account_center/sub_account/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="flex flex-col h-full">
-        <account-number />
+        <account-number :accoutnInfo="accoutnInfo" />
         <div class="flex flex-1 bg-white overflow-x-auto">
             <organization @set-selected-node="setSelectedNode" :curSelectedNode="selectedNode" @fetch-table-list="fetchTableList" />
             <account-list ref="accountListRef" :curOrganization="selectedNode" />
@@ -9,10 +9,11 @@
 </template>
 
 <script setup lang="ts">
-import accountNumber from './modules/account-number.vue'
+import accountNumber, { type IAccountInfo } from './modules/account-number.vue'
 import organization from './modules/organization.vue'
 import accountList from './modules/account-list.vue'
 import type { Tree } from './components/organization/organization-tree.vue'
+import { subAccountNumber } from '@/api/account_center/sub_account'
 
 const selectedNode = ref()
 const setSelectedNode = (data: Tree) => {
@@ -30,5 +31,13 @@ const accountListRef = ref<InstanceType<typeof accountList>>()
 const fetchTableList = () => {
     accountListRef.value?.fetchTableList(selectedNode.value?.id)
 }
+const accoutnInfo = ref<IAccountInfo>()
+const fetchSubAccountNumber = async () => {
+    try {
+        const result = await subAccountNumber()
+        accoutnInfo.value = result
+    } catch (error) {}
+}
+fetchSubAccountNumber()
 </script>
 <style scoped></style>
diff --git a/src/views/account_center/sub_account/modules/account-number.vue b/src/views/account_center/sub_account/modules/account-number.vue
index 87d0bea..6a26cac 100644
--- a/src/views/account_center/sub_account/modules/account-number.vue
+++ b/src/views/account_center/sub_account/modules/account-number.vue
@@ -11,17 +11,18 @@
 </template>
 
 <script setup lang="ts">
-import { subAccountNumber } from '@/api/account_center/sub_account'
+import type { PropType } from 'vue'
 
-const accoutnInfo = ref()
-const parseUnuseNumber = computed(() => accoutnInfo.value?.quota - accoutnInfo.value?.quantity)
-
-const fetchSubAccountNumber = async () => {
-    try {
-        const result = await subAccountNumber()
-        accoutnInfo.value = result
-    } catch (error) {}
+export interface IAccountInfo {
+    quota: number
+    quantity: number
 }
-fetchSubAccountNumber()
+const props = defineProps({
+    accoutnInfo: {
+        type: Object as PropType<IAccountInfo>,
+        default: () => ({})
+    }
+})
+const parseUnuseNumber = computed(() => props.accoutnInfo.quota - props.accoutnInfo.quantity)
 </script>
 <style scoped></style>