style(site): 样式调整

src/components/dialog/SiteUserDataDialog.vue

@@ -2,7 +2,6 @@
 import type { Site, SiteUserData } from '@/api/types'
 import api from '@/api'
 import { useDisplay, useTheme } from 'vuetify'
-import { VAvatar, VCardText, VIcon } from 'vuetify/lib/components/index.mjs'
 import { formatFileSize } from '@/@core/utils/formatters'
 import VueApexCharts from 'vue3-apexcharts'
 import ProgressDialog from '@/components/dialog/ProgressDialog.vue'
@@ -34,7 +33,6 @@ const siteDatas = ref<SiteUserData[]>([])
 // 最新一天的数据
 const siteData = computed(() => siteDatas.value[siteDatas.value.length - 1])
 
-
 // 站点数据列表中的上传量、下载量数据生成图形使用的数据
 const historySeries = computed(() => {
   return [
@@ -243,13 +241,12 @@ async function fetchSiteUserData() {
   }
 }
 
-
 // 刷新站点数据
-async function refreshSiteData(){
+async function refreshSiteData() {
   progressDialog.value = true
   try {
     const result: { [key: string]: any } = await api.post(`site/userdata/${props.site?.id}`)
-    if (result.success){
+    if (result.success) {
       await fetchSiteUserData()
     }
   } catch (error) {
@@ -267,12 +264,14 @@ onBeforeMount(async () => {
   <VDialog scrollable eager max-width="80rem" :fullscreen="!display.mdAndUp.value">
     <VCard class="rounded-t">
       <VCardItem>
-        <VCardTitle>{{ `数据 - ${props.site?.name}` }}
-        <IconBtn @click.stop="refreshSiteData" color="info"><VIcon icon="mdi-refresh"</VIcon></IconBtn>
+        <VCardTitle
+          >{{ `数据 - ${props.site?.name}` }}
+          <IconBtn @click.stop="refreshSiteData" color="info"><VIcon icon="mdi-refresh" /></IconBtn>
         </VCardTitle>
         <DialogCloseBtn @click="emit('close')" />
       </VCardItem>
-      <VCardText>
+      <VDivider />
+      <VCardText class="pt-5">
         <VRow class="match-height">
           <!-- 用户信息 -->
           <VCol cols="12" md="3">