From 842db049e7ea7be30d9ebc9dee73b51b9c0d1f5e Mon Sep 17 00:00:00 2001
From: ZtRXR <Zengtudor@outlook.com>
Date: Sun, 3 Sep 2023 12:04:43 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=82=E6=AD=A5=E8=8E=B7=E5=8F=96=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=EF=BC=8C=E5=8A=A0=E8=BD=BD=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/data/DataTimesTop.vue | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/components/data/DataTimesTop.vue b/components/data/DataTimesTop.vue
index 8761693..ec411ba 100644
--- a/components/data/DataTimesTop.vue
+++ b/components/data/DataTimesTop.vue
@@ -17,14 +17,23 @@ interface TopHots{
     searchUrl: string
   }
 }
-const rawData:TopHots[] = await $fetch(`https://data.zziyu.cn/hot/top/${props.fromWeb}?limit=${props.limit}&hours=${props.hours}`)
-const data:TopHots[] = []
-rawData.forEach(d=>{
-  let newD= d;
-  let aDate = new Date(Date.parse(d.lastTime))
-  newD.lastTime=aDate.toLocaleString()
-  data.push(newD)
-})
+
+const rawData = reactive<TopHots[]>([])
+const loading = ref(true)
+
+$fetch(`https://data.zziyu.cn/hot/top/${props.fromWeb}?limit=${props.limit}&hours=${props.hours}`)
+    .then((dataRaw)=>{
+      let data = dataRaw  as unknown as TopHots[]
+      data.forEach(d=>{
+        let newD= d;
+        let aDate = new Date(Date.parse(d.lastTime))
+        newD.lastTime=aDate.toLocaleString()
+        rawData.push(newD)
+      })
+      loading.value = false
+    })
+
+
 const router = useRouter()
 const gotoWeb = (row, column, cell, event)=>{
   // console.log(row.fromWeb.searchUrl+row.word)
@@ -34,7 +43,7 @@ const gotoWeb = (row, column, cell, event)=>{
 
 <template>
       <client-only>
-        <el-table :data="data" style="width: 90%;max-width: 600px;margin: 10px;margin-bottom: 15px" :table-layout="'fixed'" @cell-click="" @cell-dblclick="gotoWeb">
+        <el-table v-loading="loading" :data="rawData" style="min-height: 200px;width: 90%;max-width: 600px;margin: 10px;margin-bottom: 15px" :table-layout="'fixed'" @cell-click="" @cell-dblclick="gotoWeb">
           <el-table-column prop="word" :label="props.fromWeb+' 持久热搜'" width="180" />
           <el-table-column prop="lastTime" label="最后上榜" width="180" />
           <el-table-column prop="times" label="上榜次数" />