From 1c7d71e688726a4bf3a74cf3e27db59e94a25235 Mon Sep 17 00:00:00 2001
From: YGXB_net <ygxb-net@outlook.com>
Date: Sat, 25 Apr 2026 13:22:00 +0800
Subject: [PATCH] =?UTF-8?q?feat(home):=20=E4=B8=BB=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=95=B0=E6=8D=AE=E4=B8=8A=E4=BC=A0=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 集成 Upload 图标并导入 AddDataDialog 组件
- 添加显示添加数据对话框的响应式变量
- 新增成功样式按钮用于触发数据上传功能
- 在页面中添加 AddDataDialog 组件实例
- 调整搜索框布局样式以优化界面显示
---
 web/src/views/HomeView.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/web/src/views/HomeView.vue b/web/src/views/HomeView.vue
index 6818dcf..fdc9674 100644
--- a/web/src/views/HomeView.vue
+++ b/web/src/views/HomeView.vue
@@ -4,9 +4,10 @@ import axios from "@/axios.ts"
 import {useRoute} from "vue-router"
 import {ElMessage} from "element-plus"
 import {
-  Key, Refresh, Delete, DataAnalysis,
-  Document, Warning, Search, InfoFilled
+  Key, DataAnalysis,
+  Document, Warning, Search, Upload
 } from '@element-plus/icons-vue'
+import AddDataDialog from "@/components/AddDataDialog.vue";
 
 const route = useRoute()
 const token = ref(route.query.token as string || '')
@@ -14,6 +15,7 @@ const input = ref(route.query.token as string || '')
 const result = ref<any>(null)
 const loading = ref(false)
 const lastUpdate = ref('')
+const showAddDataDialog = ref(false)
 
 const updateTime = () => {
   const now = new Date()
@@ -87,8 +89,16 @@ const statCards = [
         <el-button type="primary" size="large" @click="fetchInfo" :loading="loading">
           查询
         </el-button>
+        <el-button type="success" size="large" @click="showAddDataDialog = true">
+          <el-icon>
+            <Upload/>
+          </el-icon>
+          增加数据
+        </el-button>
       </div>
 
+      <AddDataDialog v-model="showAddDataDialog" :token="token"/>
+
       <div v-if="result" class="result-section">
         <div class="result-header">
           <span class="section-title">Token 信息</span>
@@ -143,13 +153,13 @@ const statCards = [
 
 .search-box {
   display: flex;
+  //justify-content: center;
   gap: 12px;
   margin-bottom: 32px;
 }
 
 .token-input {
-  flex: 1;
-  max-width: 600px;
+  max-width: 400px;
 }
 
 .result-section {