bug fixes

src/modules/team/views/View.vue

@@ -6,14 +6,17 @@ import { getTeam } from '../api'
 
 const props = defineProps<{ id: string }>()
 
-let data = ref()
-let loading = ref<boolean>(false)
+const detail = ref<{ info: Record<string, any> }>({ info: {} })
+const loading = ref<boolean>(false)
 const getTeamInfo = () => {
   loading.value = true
-  getTeam({ id: props.id }).then(res => {
-    data.value = res.data
-    loading.value = false
-  })
+  getTeam({ id: props.id })
+    .then(res => {
+      detail.value = res.data
+    })
+    .finally(() => {
+      loading.value = false
+    })
 }
 onMounted(() => {
   getTeamInfo()
@@ -22,13 +25,13 @@ onMounted(() => {
 
 <template>
   <AppCard title="团队信息" v-loading="loading">
-    <el-descriptions border v-if="data">
-      <el-descriptions-item label="名称">{{ data.info.name }}</el-descriptions-item>
-      <el-descriptions-item label="口号">{{ data.info.slogan }}</el-descriptions-item>
-      <el-descriptions-item label="星星数量">{{ data.info.star }}</el-descriptions-item>
-      <el-descriptions-item label="简介" :span="3">{{ data.info.brief }}</el-descriptions-item>
+    <el-descriptions border>
+      <el-descriptions-item label="名称">{{ detail.info.name }}</el-descriptions-item>
+      <el-descriptions-item label="口号">{{ detail.info.slogan }}</el-descriptions-item>
+      <el-descriptions-item label="星星数量">{{ detail.info.star }}</el-descriptions-item>
+      <el-descriptions-item label="简介" :span="3">{{ detail.info.brief }}</el-descriptions-item>
       <el-descriptions-item label="Logo" :span="3">
-        <el-image :src="data.info.logo" style="width: 200px"></el-image>
+        <el-image :src="detail.info.logo" style="width: 200px"></el-image>
       </el-descriptions-item>
     </el-descriptions>
   </AppCard>