From 1831c9144d8a9e6192511a4eb797d80dd5ee87ef Mon Sep 17 00:00:00 2001
From: Sunwuyuan <sun@wuyuan.dev>
Date: Sat, 6 Dec 2025 21:32:22 +0800
Subject: [PATCH] feat: Refactor data migration functionality and introduce
 cloud migration dialog

- Removed the DataMigration.vue component and integrated its functionality into KvDatabaseCard.vue.
- Added a new CloudMigrationDialog.vue component for handling cloud data migration.
- Updated KvDatabaseCard.vue to include a button for initiating local migration and to manage the visibility of the new CloudMigrationDialog.
- Cleaned up the DataProviderSettingsCard.vue by removing old data migration UI elements.
- Enhanced user experience by providing a more streamlined migration process with clear category selection and progress indication.
---
 index.html                                    |    2 +-
 src/components/FloatingICP.vue                |    5 +-
 src/components/MigrationTool.vue              | 1030 -----------------
 .../settings/CloudMigrationDialog.vue         |  283 +++++
 .../cards/DataProviderSettingsCard.vue        |   28 +-
 .../settings/cards/KvDatabaseCard.vue         |   11 +-
 src/pages/DataMigration.vue                   |  233 ----
 7 files changed, 298 insertions(+), 1294 deletions(-)
 delete mode 100644 src/components/MigrationTool.vue
 create mode 100644 src/components/settings/CloudMigrationDialog.vue
 delete mode 100644 src/pages/DataMigration.vue

diff --git a/index.html b/index.html
index f959a6a..b26e9e6 100644
--- a/index.html
+++ b/index.html
@@ -79,6 +79,6 @@
     </div>
     <div id="app"></div>
     <script type="module" src="/src/main.js"></script>
-    <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener" style="display: none;">浙ICP备2024068645号-4</a>
+    <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener" style="display: none;">xICP备x号-4</a>
   </body>
 </html>
diff --git a/src/components/FloatingICP.vue b/src/components/FloatingICP.vue
index 5aea0bc..95c4956 100644
--- a/src/components/FloatingICP.vue
+++ b/src/components/FloatingICP.vue
@@ -1,12 +1,13 @@
 <template>
   <a
-    aria-label="浙ICP备2024068645号"
+    aria-label="xICP备x号"
     class="floating-icp-link"
     href="https://beian.miit.gov.cn/"
     rel="noopener noreferrer"
     target="_blank"
+    style="display: none;"
   >
-    浙ICP备2024068645号
+    xICP备x号
   </a>
 </template>
 
diff --git a/src/components/MigrationTool.vue b/src/components/MigrationTool.vue
deleted file mode 100644
index d573a53..0000000
--- a/src/components/MigrationTool.vue
+++ /dev/null
@@ -1,1030 +0,0 @@
-<template>
-  <div>
-    <v-card class="mb-6">
-      <v-card-title>迁移设置</v-card-title>
-      <v-card-text>
-        <v-row>
-          <v-col cols="12" md="6">
-            <v-text-field
-              v-model="classNumber"
-              hint="请输入需要迁移的班级编号"
-              label="班级编号"
-              persistent-hint
-              prepend-icon="mdi-account-group"
-            ></v-text-field>
-          </v-col>
-
-          <v-col cols="12" md="6">
-            <v-text-field
-              v-model="machineId"
-              hint="系统已自动填充设备标识，通常无需修改"
-              label="设备标识 (UUID)"
-              persistent-hint
-              prepend-icon="mdi-identifier"
-              readonly
-            ></v-text-field>
-          </v-col>
-        </v-row>
-
-        <v-radio-group v-model="migrationType" class="mt-2">
-          <v-radio label="本地数据迁移" value="local"></v-radio>
-          <v-radio label="服务器数据迁移" value="server"></v-radio>
-        </v-radio-group>
-
-        <div v-if="migrationType === 'server'" class="mt-4">
-          <v-text-field
-            v-model="serverUrl"
-            hint="输入服务器域名，例如：https://example.com"
-            label="服务器地址"
-            persistent-hint
-            prepend-icon="mdi-server"
-          ></v-text-field>
-
-          <v-alert
-            class="mt-2"
-            density="compact"
-            type="info"
-            variant="outlined"
-          >
-            服务器接口格式：<br/>
-            - 配置接口：域名/班号/config<br/>
-            - 作业数据接口：域名/班号/homework?date=YYYY-MM-DD
-          </v-alert>
-
-          <div class="d-flex align-center mt-4">
-            <v-icon class="mr-2" color="warning">mdi-calendar-range</v-icon>
-            <span class="text-subtitle-1">选择迁移时间范围：</span>
-          </div>
-
-          <v-row class="mt-1">
-            <v-col cols="12" md="6">
-              <v-text-field
-                v-model="startDate"
-                label="开始日期"
-                prepend-icon="mdi-calendar-start"
-                type="date"
-              ></v-text-field>
-            </v-col>
-
-            <v-col cols="12" md="6">
-              <v-text-field
-                v-model="endDate"
-                label="结束日期"
-                prepend-icon="mdi-calendar-end"
-                type="date"
-              ></v-text-field>
-            </v-col>
-          </v-row>
-        </div>
-      </v-card-text>
-    </v-card>
-
-    <!-- 统一的数据显示卡片 -->
-    <v-card class="mb-6">
-      <v-card-title class="d-flex align-center">
-        <span>{{
-          migrationType === "local" ? "本地数据库内容" : "服务器数据内容"
-        }}</span>
-        <v-spacer></v-spacer>
-        <v-btn
-          :loading="loading || scanning"
-          color="primary"
-          @click="
-            migrationType === 'local'
-              ? scanLocalDatabase()
-              : previewServerData()
-          "
-        >
-          {{ migrationType === "local" ? "扫描数据" : "加载数据" }}
-        </v-btn>
-      </v-card-title>
-      <v-card-text>
-        <v-alert
-          v-if="displayItems.length === 0 && !loading && !scanning"
-          type="info"
-        >
-          {{
-          migrationType === "local"
-          ? '尚未扫描本地数据或未找到可迁移的数据。点击"扫描数据"按钮开始扫描。'
-          : '尚未预览服务器数据或未找到可迁移的数据。点击"加载数据"按钮开始查询。'
-          }}
-        </v-alert>
-
-        <v-data-table
-          v-if="displayItems.length > 0"
-          :headers="headers"
-          :items="displayItems"
-          :items-per-page="10"
-          class="elevation-1"
-          item-value="key"
-        >
-          <template #[`item.type`]="{ item }">
-            <v-chip
-              :color="getItemType(item) === 'config' ? 'primary' : 'secondary'"
-              size="small"
-            >
-              {{ getItemType(item) === "config" ? "配置" : "作业数据" }}
-            </v-chip>
-          </template>
-
-          <template #[`item.date`]="{ item }">
-            {{ formatDate(getItemDate(item)) }}
-          </template>
-        </v-data-table>
-
-        <v-alert
-          v-if="displayItems.length > 0"
-          class="mt-2"
-          density="compact"
-          type="info"
-        >
-          系统将迁移表格中显示的所有数据项，迁移前请确认数据完整性。
-        </v-alert>
-
-        <v-skeleton-loader
-          v-if="loading || scanning"
-          type="table"
-        ></v-skeleton-loader>
-      </v-card-text>
-    </v-card>
-
-    <v-card class="mb-6">
-      <v-card-title>迁移目标</v-card-title>
-      <v-card-text>
-        <v-radio-group v-model="targetStorage">
-          <v-radio label="本地 KV 存储" value="kv-local"></v-radio>
-          <v-radio label="服务器 KV 存储" value="kv-server"></v-radio>
-        </v-radio-group>
-
-        <div v-if="targetStorage === 'kv-server'" class="mt-4">
-          <v-text-field
-            v-model="targetServerUrl"
-            hint="输入KV服务器地址，例如：https://example.com/kv-api"
-            label="目标服务器地址"
-            persistent-hint
-            prepend-icon="mdi-server-network"
-          ></v-text-field>
-        </div>
-      </v-card-text>
-    </v-card>
-
-    <div class="d-flex justify-end mb-6">
-      <v-btn
-        :disabled="!canMigrate"
-        :loading="migrating"
-        color="success"
-        @click="startMigration"
-      >
-        开始迁移
-      </v-btn>
-    </div>
-
-    <v-dialog v-model="showResult" max-width="600">
-      <v-card>
-        <v-card-title class="d-flex align-center">
-          <v-icon :color="migrationSuccess ? 'success' : 'error'" class="mr-2">
-            {{ migrationSuccess ? "mdi-check-circle" : "mdi-alert-circle" }}
-          </v-icon>
-          <span>{{ migrationSuccess ? "迁移成功" : "迁移失败" }}</span>
-        </v-card-title>
-        <v-card-text>
-          <v-alert v-if="migrationError" class="mb-4" type="error">
-            {{ migrationError }}
-          </v-alert>
-
-          <div v-if="migrationSuccess">
-            <p>
-              成功迁移 {{ migrationStats.success }} 项数据到
-              {{ targetStorage === "kv-local" ? "本地" : "服务器" }} KV 存储。
-            </p>
-            <v-divider class="my-4"></v-divider>
-            <v-list>
-              <v-list-subheader>迁移详情</v-list-subheader>
-              <v-list-item
-                v-for="(item, index) in migrationResults"
-                :key="index"
-              >
-                <v-list-item-title>
-                  {{ item.key }}
-                </v-list-item-title>
-                <v-list-item-subtitle>
-                  {{ item.success ? "成功" : "失败" }} {{ item.message }}
-                </v-list-item-subtitle>
-              </v-list-item>
-            </v-list>
-          </div>
-        </v-card-text>
-        <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn color="primary" @click="showResult = false"> 关闭</v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-  </div>
-</template>
-
-<script>
-import {openDB} from "idb";
-import axios from "@/axios/axios";
-import {getSetting, setSetting} from "@/utils/settings";
-
-export default {
-  name: "MigrationTool",
-  data() {
-    return {
-      classNumber: "",
-      machineId: "",
-      migrationType: "server",
-      serverUrl: "",
-      targetStorage: "kv-server",
-      targetServerUrl: "https://kv-service.wuyuan.dev",
-      startDate: this.getDateString(
-        new Date(Date.now() - 30 * 24 * 60 * 60 * 1000)
-      ), // 30 days ago
-      endDate: this.getDateString(new Date()),
-      loading: false,
-      scanning: false,
-      migrating: false,
-      showServerPreview: false,
-      showResult: false,
-      migrationSuccess: false,
-      migrationError: null,
-      migrationStats: {
-        total: 0,
-        success: 0,
-        failed: 0,
-      },
-      migrationResults: [],
-      localDbItems: [],
-      serverItems: [],
-      selectedItems: [],
-      headers: [
-        {title: "类型", key: "type", sortable: true},
-        {title: "键名", key: "key", sortable: true},
-        {title: "日期", key: "date", sortable: true},
-        {title: "大小", key: "size", sortable: true},
-      ],
-    };
-  },
-  computed: {
-
-    displayItems() {
-      return this.migrationType === "local"
-        ? this.localDbItems
-        : this.serverItems;
-    },
-    canMigrate() {
-      return (
-        this.classNumber &&
-        this.machineId &&
-        this.displayItems.length > 0 &&
-        (this.targetStorage !== "kv-server" || this.targetServerUrl)
-      );
-    },
-  },
-  async mounted() {
-    try {
-      await this.initMachineId();
-      this.classNumber = getSetting("server.classNumber");
-      this.serverUrl = getSetting("server.domain");
-      this.migrationType = getSetting("server.provider");
-    } catch (error) {
-      console.error("初始化设备ID失败:", error);
-    }
-  },
-  methods: {
-    // 安全地获取项目类型，处理可能的undefined情况
-    getItemType(item) {
-      if (!item) return "";
-      // 处理直接对象和v-data-table的item对象格式
-      return item.raw ? item.raw.type : item.type;
-    },
-
-    // 安全地获取项目日期，处理可能的undefined情况
-    getItemDate(item) {
-      if (!item) return null;
-      return item.raw ? item.raw.date : item.date;
-    },
-
-    getDateString(date) {
-      return date.toISOString().split("T")[0];
-    },
-
-    // 初始化设备ID
-    async initMachineId() {
-      this.machineId = getSetting("device.uuid");
-    },
-
-    // 获取请求头，包含网站令牌
-    getRequestHeaders() {
-      const headers = {Accept: "application/json"};
-      const siteKey = getSetting("server.siteKey");
-
-      if (siteKey) {
-        headers["x-site-key"] = siteKey;
-      }
-
-      return headers;
-    },
-
-    // 扫描本地数据库
-    async scanLocalDatabase() {
-      if (!this.classNumber) {
-        this.$emit("message", {text: "请先输入班级编号", type: "error"});
-        return;
-      }
-
-      this.scanning = true;
-      this.localDbItems = [];
-
-      try {
-        // 打开数据库
-        const db = await openDB("ClassworksDB", 2);
-
-        // 检查旧的数据存储
-        if (
-          db.objectStoreNames.contains("homework") &&
-          db.objectStoreNames.contains("config")
-        ) {
-          // 从旧的作业存储中读取数据
-          const homework = db.transaction("homework", "readonly");
-          const hwStore = homework.objectStore("homework");
-          const hwKeys = await hwStore.getAllKeys();
-
-          // 过滤当前班级的键
-          const classKeys = hwKeys.filter((key) =>
-            key.startsWith(`homework_${this.classNumber}_`)
-          );
-
-          for (const key of classKeys) {
-            const value = await hwStore.get(key);
-
-            // 从键中提取日期: homework_classNumber_YYYY-MM-DD
-            const datePart = key.split("_")[2];
-            let dateObj = null;
-
-            if (datePart) {
-              const [year, month, day] = datePart.split("-");
-              dateObj = new Date(year, month - 1, day);
-            }
-
-            this.localDbItems.push({
-              type: "homework",
-              key,
-              originalKey: key,
-              date: dateObj,
-              size: this.getDataSize(value) + " KB",
-              value,
-            });
-          }
-
-          // 检查配置
-          const configKey = `config_${this.classNumber}`;
-          const configValue = await db.get("config", configKey);
-
-          if (configValue) {
-            this.localDbItems.push({
-              type: "config",
-              key: configKey,
-              originalKey: configKey,
-              date: null,
-              size: this.getDataSize(configValue) + " KB",
-              value: configValue,
-            });
-          }
-        }
-
-        // 检查新的KV存储中是否已有数据
-        if (db.objectStoreNames.contains("kv")) {
-          const kvTx = db.transaction("kv", "readonly");
-          const kvStore = kvTx.objectStore("kv");
-          const kvKeys = await kvStore.getAllKeys();
-
-          // 过滤当前班级的键
-          const classKvKeys = kvKeys.filter((key) =>
-            key.startsWith(`${this.classNumber}/`)
-          );
-
-          for (const key of classKvKeys) {
-            const value = await kvStore.get(key);
-
-            // 判断是配置还是作业数据
-            const isConfig = key.includes(
-              `/${this.classNumber}/classworks-config`
-            );
-            let dateObj = null;
-
-            if (!isConfig) {
-              // 从键中提取日期: classNumber/classworks-data-YYYYMMDD
-              const match = key.match(/classworks-data-(\d{4})(\d{2})(\d{2})/);
-              if (match) {
-                const [, year, month, day] = match;
-                dateObj = new Date(year, parseInt(month) - 1, day);
-              }
-            }
-
-            this.localDbItems.push({
-              type: isConfig ? "config" : "homework",
-              key,
-              originalKey: key,
-              date: dateObj,
-              size: this.getDataSize(value) + " KB",
-              value,
-              isKv: true,
-            });
-          }
-        }
-      } catch (error) {
-        console.error("扫描本地数据库失败:", error);
-        this.$emit("message", {
-          text: "扫描数据库失败: " + error.message,
-          type: "error",
-        });
-      } finally {
-        this.scanning = false;
-      }
-    },
-
-    // 计算数据大小（KB）
-    getDataSize(data) {
-      if (!data) return 0;
-      const str = typeof data === "string" ? data : JSON.stringify(data);
-      return Math.round(((str.length * 2) / 1024) * 100) / 100; // 近似值
-    },
-
-    // 格式化日期显示
-    formatDate(date) {
-      if (!date) return "配置 (无日期)";
-      return date.toLocaleDateString();
-    },
-
-    // 预览服务器数据
-    async previewServerData() {
-      if (
-        !this.serverUrl ||
-        !this.classNumber ||
-        !this.startDate ||
-        !this.endDate
-      ) {
-        this.$emit("message", {
-          text: "请填写完整的服务器信息和时间范围",
-          type: "error",
-        });
-        return;
-      }
-
-      this.loading = true;
-      this.serverItems = [];
-
-      try {
-        // 先获取配置信息
-        try {
-          // 构建配置请求URL: 域名/班号/config
-          const configUrl = `${this.serverUrl}/${this.classNumber}/config`;
-
-          const configRes = await axios.get(configUrl, {
-            headers: this.getRequestHeaders(),
-          });
-          if (configRes.data) {
-            this.serverItems.push({
-              type: "config",
-              key: `config_${this.classNumber}`,
-              originalKey: configUrl,
-              date: null,
-              size: this.getDataSize(configRes.data) + " KB",
-              value: configRes.data,
-            });
-          }
-        } catch (configError) {
-          console.warn("无法获取配置:", configError);
-        }
-
-        // 获取日期范围内的所有数据
-        const start = new Date(this.startDate);
-        const end = new Date(this.endDate);
-        const dateArray = this.getDateArray(start, end);
-
-        for (const date of dateArray) {
-          const dateStr = this.formatDateForServer(date);
-          try {
-            // 构建数据请求URL: 域名/班号/homework?date=YYYY-MM-DD
-            const homeworkUrl = `${this.serverUrl}/${this.classNumber}/homework?date=${dateStr}`;
-
-            const res = await axios.get(homeworkUrl, {
-              headers: this.getRequestHeaders(),
-            });
-            if (res.data && res.data.status != false) {
-              console.log(res.data);
-              this.serverItems.push({
-                type: "homework",
-                key: `homework_${this.classNumber}_${dateStr}`,
-                originalKey: homeworkUrl,
-                date,
-                size: this.getDataSize(res.data) + " KB",
-                value: res.data,
-              });
-            }
-          } catch (error) {
-            if (error.response?.status !== 404) {
-              console.warn(`无法获取 ${dateStr} 的数据:`, error);
-            }
-          }
-        }
-
-        this.showServerPreview = true;
-      } catch (error) {
-        console.error("预览服务器数据失败:", error);
-        this.$emit("message", {
-          text: "预览数据失败: " + error.message,
-          type: "error",
-        });
-      } finally {
-        this.loading = false;
-      }
-    },
-
-    // 获取日期范围内的所有日期
-    getDateArray(start, end) {
-      const dateArray = [];
-      const currentDate = new Date(start);
-
-      while (currentDate <= end) {
-        dateArray.push(new Date(currentDate));
-        currentDate.setDate(currentDate.getDate() + 1);
-      }
-
-      return dateArray;
-    },
-
-    // 格式化日期为服务器格式 (YYYY-MM-DD)
-    formatDateForServer(date) {
-      const year = date.getFullYear();
-      const month = String(date.getMonth() + 1).padStart(2, "0");
-      const day = String(date.getDate()).padStart(2, "0");
-      return `${year}-${month}-${day}`;
-    },
-
-    // 格式化日期为KV存储格式 (YYYYMMDD)
-    formatDateForKv(date) {
-      const year = date.getFullYear();
-      const month = String(date.getMonth() + 1).padStart(2, "0");
-      const day = String(date.getDate()).padStart(2, "0");
-      return `${year}${month}${day}`;
-    },
-
-    // 迁移到本地KV存储
-    async migrateToLocalKv(item) {
-      try {
-        const db = await openDB("ClassworksDB", 2, {
-          upgrade(db) {
-            if (!db.objectStoreNames.contains("kv")) {
-              db.createObjectStore("kv");
-            }
-          },
-        });
-
-        const value =
-          typeof item.value === "string" ? JSON.parse(item.value) : item.value;
-        const itemType = this.getItemType(item);
-
-        if (itemType === "config") {
-          // Handle student list migration
-          if (value.studentList && Array.isArray(value.studentList)) {
-            // Extract studentList from config and save it separately
-            const formattedStudentList = value.studentList.map(
-              (name, index) => ({
-                id: index + 1,
-                name,
-              })
-            );
-
-            // Store the student list under the new key
-            await db.put(
-              "kv",
-              JSON.stringify(formattedStudentList),
-              "classworks-list-main"
-            );
-
-            // Remove studentList from config
-            const configWithoutStudentList = {...value};
-            delete configWithoutStudentList.studentList;
-
-            // Save the modified config
-            await db.put(
-              "kv",
-              JSON.stringify(configWithoutStudentList),
-              `classworks-config`
-            );
-          } else {
-            // Just store the config as is
-            await db.put("kv", JSON.stringify(value), `classworks-config`);
-          }
-          return {success: true, message: "配置已迁移"};
-        } else {
-          // 数据键名: classNumber/classworks-data-YYYYMMDD
-          const itemDate = this.getItemDate(item);
-          let dateStr;
-
-          if (itemDate) {
-            dateStr = this.formatDateForKv(itemDate);
-          } else {
-            // 尝试从键名提取日期
-            const match = item.key.match(/(\d{4})-(\d{2})-(\d{2})/);
-            if (match) {
-              const [, year, month, day] = match;
-              dateStr = `${year}${month}${day}`;
-            } else {
-              return {success: false, message: "无法确定日期格式"};
-            }
-          }
-
-          await db.put(
-            "kv",
-            JSON.stringify(value),
-            `classworks-data-${dateStr}`
-          );
-          return {success: true, message: `${dateStr} 数据已迁移`};
-        }
-      } catch (error) {
-        console.error("本地KV迁移失败:", error);
-        return {success: false, message: error.message};
-      }
-    },
-
-    // 迁移到服务器KV存储
-    async migrateToServerKv(item) {
-      try {
-        const value =
-          typeof item.value === "string" ? JSON.parse(item.value) : item.value;
-        const itemType = this.getItemType(item);
-
-        if (itemType === "config") {
-          // Handle student list migration
-          if (value.studentList && Array.isArray(value.studentList)) {
-            // Extract studentList from config
-            const formattedStudentList = value.studentList.map(
-              (name, index) => ({
-                id: index + 1,
-                name,
-              })
-            );
-
-            // 移除学生列表
-            const configWithoutStudentList = {...value};
-            delete configWithoutStudentList.studentList;
-
-            // 准备批量导入数据
-            const batchData = {
-              "classworks-list-main": formattedStudentList,
-              "classworks-config": configWithoutStudentList,
-            };
-
-            // 批量导入配置数据
-            const configResponse = await axios.post(
-              `${this.targetServerUrl}/${this.machineId}/_batchimport`,
-              batchData,
-              {
-                headers: this.getRequestHeaders(),
-              }
-            );
-
-            // 处理配置响应结果
-            if (configResponse.data && configResponse.data.successful > 0) {
-              this.migrationResults.push({
-                key: "classworks-config",
-                success: true,
-                message: "配置已批量迁移到服务器",
-              });
-              this.migrationStats.success++;
-
-              if (
-                configResponse.data.failed > 0 &&
-                configResponse.data.errors
-              ) {
-                for (const error of configResponse.data.errors) {
-                  this.migrationResults.push({
-                    key: error.key,
-                    success: false,
-                    message: error.error || "配置迁移失败",
-                  });
-                  this.migrationStats.failed++;
-                }
-              }
-            }
-          } else {
-            // Just store the config as is
-            await axios.post(
-              `${this.targetServerUrl}/${this.machineId}/classworks-config`,
-              value,
-              {
-                headers: this.getRequestHeaders(),
-              }
-            );
-          }
-          return {success: true, message: "配置已迁移到服务器"};
-        } else {
-          // 数据
-          const itemDate = this.getItemDate(item);
-          let dateStr;
-
-          if (itemDate) {
-            dateStr = this.formatDateForKv(itemDate);
-          } else {
-            // 尝试从键名提取日期
-            const match = item.key.match(/(\d{4})-(\d{2})-(\d{2})/);
-            if (match) {
-              const [, year, month, day] = match;
-              dateStr = `${year}${month}${day}`;
-            } else {
-              return {success: false, message: "无法确定日期格式"};
-            }
-          }
-
-          await axios.post(
-            `${this.targetServerUrl}/${this.machineId}/classworks-data-${dateStr}`,
-            value,
-            {
-              headers: this.getRequestHeaders(),
-            }
-          );
-          return {success: true, message: `${dateStr} 数据已迁移到服务器`};
-        }
-      } catch (error) {
-        console.error("服务器KV迁移失败:", error);
-        return {
-          success: false,
-          message: error.response?.data?.message || error.message,
-        };
-      }
-    },
-
-    // 批量迁移到服务器KV存储
-    async batchMigrateToServerKv(items) {
-      try {
-        // 将数据按类型分组
-        const configItems = items.filter(
-          (item) => this.getItemType(item) === "config"
-        );
-        const homeworkItems = items.filter(
-          (item) => this.getItemType(item) === "homework"
-        );
-
-        // 处理配置项
-        if (configItems.length > 0) {
-          const configItem = configItems[0]; // 通常只有一个配置项
-          const value =
-            typeof configItem.value === "string"
-              ? JSON.parse(configItem.value)
-              : configItem.value;
-
-          if (value.studentList && Array.isArray(value.studentList)) {
-            // 提取学生列表
-            const formattedStudentList = value.studentList.map(
-              (name, index) => ({
-                id: index + 1,
-                name,
-              })
-            );
-
-            // 移除学生列表
-            const configWithoutStudentList = {...value};
-            delete configWithoutStudentList.studentList;
-
-            // 准备批量导入数据
-            const batchData = {
-              "classworks-list-main": formattedStudentList,
-              "classworks-config": configWithoutStudentList,
-            };
-
-            // 批量导入配置数据
-            const configResponse = await axios.post(
-              `${this.targetServerUrl}/${this.machineId}/_batchimport`,
-              batchData,
-              {
-                headers: this.getRequestHeaders(),
-              }
-            );
-
-            // 处理配置响应结果
-            if (configResponse.data && configResponse.data.successful > 0) {
-              this.migrationResults.push({
-                key: "classworks-config",
-                success: true,
-                message: "配置已批量迁移到服务器",
-              });
-              this.migrationStats.success++;
-
-              if (
-                configResponse.data.failed > 0 &&
-                configResponse.data.errors
-              ) {
-                for (const error of configResponse.data.errors) {
-                  this.migrationResults.push({
-                    key: error.key,
-                    success: false,
-                    message: error.error || "配置迁移失败",
-                  });
-                  this.migrationStats.failed++;
-                }
-              }
-            }
-          } else {
-            // 只有配置数据
-            await axios.post(
-              `${this.targetServerUrl}/${this.machineId}/classworks-config`,
-              value,
-              {
-                headers: this.getRequestHeaders(),
-              }
-            );
-          }
-
-          // 更新迁移结果
-          this.migrationResults.push({
-            key: configItem.key,
-            success: true,
-            message: "配置已迁移到服务器",
-          });
-          this.migrationStats.success++;
-        }
-
-        // 处理作业数据，每100个一批
-        const batchSize = 100;
-        for (let i = 0; i < homeworkItems.length; i += batchSize) {
-          const batch = homeworkItems.slice(i, i + batchSize);
-          const batchPayload = {};
-
-          // 准备批量数据
-          for (const item of batch) {
-            const value =
-              typeof item.value === "string"
-                ? JSON.parse(item.value)
-                : item.value;
-            const itemDate = this.getItemDate(item);
-            let dateStr;
-
-            if (itemDate) {
-              dateStr = this.formatDateForKv(itemDate);
-            } else {
-              // 尝试从键名提取日期
-              const match = item.key.match(/(\d{4})-(\d{2})-(\d{2})/);
-              if (match) {
-                const [, year, month, day] = match;
-                dateStr = `${year}${month}${day}`;
-              } else {
-                // 跳过无法确定日期的项
-                this.migrationResults.push({
-                  key: item.key,
-                  success: false,
-                  message: "无法确定日期格式",
-                });
-                this.migrationStats.failed++;
-                continue;
-              }
-            }
-
-            // 添加到批量数据
-            batchPayload[`classworks-data-${dateStr}`] = value;
-          }
-
-          // 发送批量请求
-          if (Object.keys(batchPayload).length > 0) {
-            const response = await axios.post(
-              `${this.targetServerUrl}/${this.machineId}/_batchimport`,
-              batchPayload,
-              {
-                headers: this.getRequestHeaders(),
-              }
-            );
-
-            // 处理响应结果
-            if (response.data) {
-              if (response.data.successful > 0) {
-                this.migrationResults.push({
-                  key: `批量数据 (${Object.keys(batchPayload).length}项)`,
-                  success: true,
-                  message: `成功迁移 ${response.data.successful} 项数据到服务器`,
-                });
-                this.migrationStats.success += response.data.successful;
-              }
-
-              // 处理错误
-              if (response.data.failed > 0 && response.data.errors) {
-                for (const error of response.data.errors) {
-                  this.migrationResults.push({
-                    key: error.key,
-                    success: false,
-                    message: error.error || "迁移失败",
-                  });
-                  this.migrationStats.failed += response.data.failed;
-                }
-              }
-            }
-          }
-        }
-
-        return {success: true};
-      } catch (error) {
-        console.error("批量迁移到服务器失败:", error);
-        return {
-          success: false,
-          message: error.response?.data?.message || error.message,
-        };
-      }
-    },
-
-    // 开始迁移
-    async startMigration() {
-      if (!this.canMigrate) {
-        this.$emit("message", {
-          text: "无法开始迁移，请检查配置",
-          type: "error",
-        });
-        return;
-      }
-
-      this.migrating = true;
-      this.migrationResults = [];
-      this.migrationStats = {
-        total: this.displayItems.length,
-        success: 0,
-        failed: 0,
-      };
-
-      try {
-        if (this.targetStorage === "kv-local") {
-          // 处理所有数据项，但先处理配置，再处理作业数据
-          const configItems = this.displayItems.filter(
-            (item) => this.getItemType(item) === "config"
-          );
-          const dataItems = this.displayItems.filter(
-            (item) => this.getItemType(item) === "homework"
-          );
-
-          // 先处理配置项
-          for (const item of configItems) {
-            await this.migrateItem(item);
-          }
-
-          // 再处理数据项
-          for (const item of dataItems) {
-            await this.migrateItem(item);
-          }
-        } else {
-          // 使用批量迁移到服务器
-          await this.batchMigrateToServerKv(this.displayItems);
-        }
-
-        this.migrationSuccess = this.migrationStats.failed === 0;
-        this.showResult = true;
-        setSetting("server.provider", this.targetStorage);
-        if (this.targetStorage === "kv-server") {
-          setSetting("server.domain", this.targetServerUrl);
-        }
-
-
-      } catch (error) {
-        console.error("迁移过程出错:", error);
-        this.migrationSuccess = false;
-        this.migrationError = error.message;
-        this.showResult = true;
-      } finally {
-        this.migrating = false;
-      }
-    },
-
-    // 迁移单个数据项
-    async migrateItem(item) {
-      try {
-        let result;
-
-        if (this.targetStorage === "kv-local") {
-          result = await this.migrateToLocalKv(item);
-        } else {
-          result = await this.migrateToServerKv(item);
-        }
-
-        this.migrationResults.push({
-          key: item.key,
-          success: result.success,
-          message: result.message,
-        });
-
-        if (result.success) {
-          this.migrationStats.success++;
-        } else {
-          this.migrationStats.failed++;
-        }
-      } catch (error) {
-        console.error(`迁移 ${item.key} 失败:`, error);
-        this.migrationResults.push({
-          key: item.key,
-          success: false,
-          message: error.message,
-        });
-        this.migrationStats.failed++;
-      }
-    },
-  },
-};
-</script>
diff --git a/src/components/settings/CloudMigrationDialog.vue b/src/components/settings/CloudMigrationDialog.vue
new file mode 100644
index 0000000..c821b51
--- /dev/null
+++ b/src/components/settings/CloudMigrationDialog.vue
@@ -0,0 +1,283 @@
+<template>
+  <v-dialog v-model="dialog" max-width="600" scrollable>
+    <v-card>
+      <v-card-title>迁移到云端</v-card-title>
+      <v-card-text style="height: 400px;">
+        <div v-if="loading" class="d-flex justify-center align-center fill-height">
+          <v-progress-circular indeterminate color="primary"></v-progress-circular>
+        </div>
+        <div v-else-if="keys.length === 0" class="d-flex justify-center align-center fill-height">
+          没有找到本地数据
+        </div>
+        <div v-else>
+          <!-- Category Selection -->
+          <v-list select-strategy="classic" class="mb-4">
+            <v-list-subheader>选择数据类型</v-list-subheader>
+
+            <v-list-item
+              v-for="category in categories"
+              :key="category.id"
+              @click="toggleCategory(category)"
+            >
+              <template v-slot:prepend>
+                <v-checkbox-btn
+                  :model-value="getCategoryState(category)"
+                  :indeterminate="getCategoryIndeterminate(category)"
+                  @click.stop="toggleCategory(category)"
+                ></v-checkbox-btn>
+              </template>
+              <v-list-item-title>{{ category.label }}</v-list-item-title>
+              <v-list-item-subtitle>{{ category.description }} ({{ getCategoryCount(category) }} 项)</v-list-item-subtitle>
+            </v-list-item>
+          </v-list>
+
+          <v-divider class="mb-4"></v-divider>
+
+          <!-- Individual Keys Expansion -->
+          <v-expansion-panels>
+            <v-expansion-panel title="详细数据列表">
+              <v-expansion-panel-text>
+                <v-list select-strategy="classic" density="compact">
+                  <v-list-item
+                    v-for="key in keys"
+                    :key="key"
+                    :value="key"
+                  >
+                    <template v-slot:prepend>
+                      <v-checkbox-btn v-model="selectedKeys" :value="key"></v-checkbox-btn>
+                    </template>
+                    <v-list-item-title>{{ key }}</v-list-item-title>
+                  </v-list-item>
+                </v-list>
+              </v-expansion-panel-text>
+            </v-expansion-panel>
+          </v-expansion-panels>
+        </div>
+      </v-card-text>
+      <v-divider></v-divider>
+      <v-card-actions>
+        <div class="text-caption ml-4 text-medium-emphasis">
+          已选择 {{ selectedKeys.length }} 项
+        </div>
+        <v-spacer></v-spacer>
+        <v-btn variant="text" @click="dialog = false">取消</v-btn>
+        <v-btn color="primary" @click="migrate" :loading="migrating" :disabled="selectedKeys.length === 0">
+          开始迁移
+        </v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+
+  <!-- Result Dialog -->
+  <v-dialog v-model="resultDialog" max-width="500">
+    <v-card>
+      <v-card-title>迁移结果</v-card-title>
+      <v-card-text>
+        <div v-if="result">
+          <p>总计: {{ result.summary.total }}</p>
+          <p>成功: {{ result.summary.successful }}</p>
+          <p>失败: {{ result.summary.failed }}</p>
+        </div>
+        <div v-else-if="error">
+          <p class="text-error">{{ error }}</p>
+        </div>
+      </v-card-text>
+      <v-card-actions>
+        <v-spacer></v-spacer>
+        <v-btn color="primary" @click="resultDialog = false">关闭</v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+</template>
+
+<script setup>
+import { ref, watch, computed } from 'vue';
+import { kvLocalProvider } from '@/utils/providers/kvLocalProvider';
+import { getSetting } from '@/utils/settings';
+import axios from '@/axios/axios';
+
+const props = defineProps({
+  modelValue: Boolean,
+});
+
+const emit = defineEmits(['update:modelValue']);
+
+const dialog = ref(false);
+const loading = ref(false);
+const migrating = ref(false);
+const keys = ref([]);
+const selectedKeys = ref([]);
+const resultDialog = ref(false);
+const result = ref(null);
+const error = ref(null);
+
+const categories = [
+  {
+    id: 'student-list',
+    label: '学生列表',
+    description: 'classworks-list-main',
+    matcher: (key) => key === 'classworks-list-main' || key.startsWith('classworks-list-main')
+  },
+  {
+    id: 'homework-data',
+    label: '作业数据',
+    description: 'classworks-data-*',
+    matcher: (key) => key.startsWith('classworks-data-')
+  },
+  {
+    id: 'lists',
+    label: '列表',
+    description: 'classworks-list-*',
+    matcher: (key) => key.startsWith('classworks-list-')
+  },
+  {
+    id: 'other',
+    label: '其他',
+    description: '所有其他键',
+    matcher: (key) => !key.startsWith('classworks-data-') && !key.startsWith('classworks-list-')
+  }
+];
+
+watch(() => props.modelValue, (val) => {
+  dialog.value = val;
+  if (val) {
+    loadKeys();
+  }
+});
+
+watch(dialog, (val) => {
+  emit('update:modelValue', val);
+});
+
+const loadKeys = async () => {
+  loading.value = true;
+  try {
+    const res = await kvLocalProvider.loadKeys({ limit: 1000 }); // Load many keys
+    keys.value = res.keys || [];
+    selectedKeys.value = [];
+  } catch (e) {
+    console.error(e);
+  } finally {
+    loading.value = false;
+  }
+};
+
+const getCategoryKeys = (category) => {
+  return keys.value.filter(category.matcher);
+};
+
+const getCategoryCount = (category) => {
+  return getCategoryKeys(category).length;
+};
+
+const getCategoryState = (category) => {
+  const catKeys = getCategoryKeys(category);
+  if (catKeys.length === 0) return false;
+  const selectedCount = catKeys.filter(k => selectedKeys.value.includes(k)).length;
+  return selectedCount === catKeys.length;
+};
+
+const getCategoryIndeterminate = (category) => {
+  const catKeys = getCategoryKeys(category);
+  if (catKeys.length === 0) return false;
+  const selectedCount = catKeys.filter(k => selectedKeys.value.includes(k)).length;
+  return selectedCount > 0 && selectedCount < catKeys.length;
+};
+
+const toggleCategory = (category) => {
+  const catKeys = getCategoryKeys(category);
+  if (catKeys.length === 0) return;
+
+  const currentState = getCategoryState(category);
+
+  const newSelectedKeys = new Set(selectedKeys.value);
+
+  if (currentState) {
+    // Unselect
+    catKeys.forEach(k => newSelectedKeys.delete(k));
+  } else {
+    // Select
+    catKeys.forEach(k => newSelectedKeys.add(k));
+  }
+
+  selectedKeys.value = Array.from(newSelectedKeys);
+};
+
+const migrate = async () => {
+  migrating.value = true;
+  error.value = null;
+  result.value = null;
+
+  try {
+    const batchData = {};
+    for (const key of selectedKeys.value) {
+      const res = await kvLocalProvider.loadData(key);
+      if (res) {
+        // kvLocalProvider.loadData returns formatResponse(JSON.parse(data)) which is just the data object if successful?
+        // Let's check formatResponse in dataProvider.js: export const formatResponse = (data) => data;
+        // So it returns the data directly?
+        // Wait, kvLocalProvider.js: return formatResponse(JSON.parse(data));
+        // But if error: return formatError(...) which returns { success: false, error: ... }
+        // formatResponse is just identity function.
+        // So if success, it returns the object.
+        // But wait, formatError returns an object with success: false.
+        // If success, it returns the data object directly?
+        // Let's re-read dataProvider.js
+
+        // export const formatResponse = (data) => data;
+        // export const formatError = (message, code = "UNKNOWN_ERROR") => ({ success: false, error: {code, message} });
+
+        // So if successful, it returns the data object.
+        // If failed, it returns { success: false, ... }
+        // This is a bit ambiguous if the data object itself has a success property.
+        // But assuming the data is what we want.
+
+        // However, looking at kvLocalProvider.js:
+        // if (!data) return formatError(...)
+        // return formatResponse(JSON.parse(data))
+
+        // So if I get an object that has success: false, it might be an error.
+        // But usually data is just the stored object.
+
+        if (res && res.success === false && res.error) {
+            console.warn(`Skipping key ${key} due to load error`, res.error);
+            continue;
+        }
+        batchData[key] = res;
+      }
+    }
+
+    const serverUrl = getSetting("server.domain");
+    const token = getSetting("server.kvToken");
+
+    if (!serverUrl || !token) {
+      throw new Error("请先配置服务器地址和 Token");
+    }
+
+    // Remove trailing slash if present
+    const baseUrl = serverUrl.replace(/\/$/, '');
+
+    const response = await axios.post(`${baseUrl}/kv/_batchimport`, batchData, {
+      headers: {
+        'Authorization': `Bearer ${token}`,
+        'Content-Type': 'application/json'
+      }
+    });
+
+    if (response.data && response.data.code === 200) {
+        result.value = response.data.data;
+        resultDialog.value = true;
+        dialog.value = false;
+    } else {
+        throw new Error(response.data?.message || "迁移失败");
+    }
+
+  } catch (e) {
+    console.error(e);
+    error.value = e.response?.data?.message || e.message || "发生未知错误";
+    resultDialog.value = true;
+  } finally {
+    migrating.value = false;
+  }
+};
+</script>
diff --git a/src/components/settings/cards/DataProviderSettingsCard.vue b/src/components/settings/cards/DataProviderSettingsCard.vue
index 211d5bb..d21e6bc 100644
--- a/src/components/settings/cards/DataProviderSettingsCard.vue
+++ b/src/components/settings/cards/DataProviderSettingsCard.vue
@@ -53,33 +53,7 @@
           </template>
         </v-list-item>
       </template>
-      <v-list-item>
-        <template #prepend>
-          <v-icon class="mr-3" icon="mdi-database-import"/>
-        </template>
-        <v-list-item-title>迁移旧数据</v-list-item-title>
-        <v-list-item-subtitle
-        >将旧的存储格式数据转移到新的KV存储
-        </v-list-item-subtitle
-        >
-        <template #append>
-          <v-btn :loading="migrateLoading" variant="tonal" @click="migrateData">
-            迁移
-          </v-btn>
-        </template>
-      </v-list-item
-      ><!-- 显示机器ID -->
-      <v-list-item>
-        <template #prepend>
-          <v-icon class="mr-3" icon="mdi-identifier"/>
-        </template>
-        <v-list-item-title>本机唯一标识符</v-list-item-title>
-        <v-list-item-subtitle v-if="machineId">{{
-          machineId
-          }}
-        </v-list-item-subtitle>
-        <v-list-item-subtitle v-else>正在加载...</v-list-item-subtitle>
-      </v-list-item>
+
       <v-list-item>
         <template #prepend>
           <v-icon class="mr-3" icon="mdi-lan-connect"/>
diff --git a/src/components/settings/cards/KvDatabaseCard.vue b/src/components/settings/cards/KvDatabaseCard.vue
index 096c38e..c40fc04 100644
--- a/src/components/settings/cards/KvDatabaseCard.vue
+++ b/src/components/settings/cards/KvDatabaseCard.vue
@@ -33,6 +33,10 @@
               <v-icon class="mr-1" icon="mdi-plus"/>
               新建
             </v-btn>
+            <v-btn @click="showMigrationDialog = true">
+              <v-icon class="mr-1" icon="mdi-cloud-upload"/>
+              从本地迁移
+            </v-btn>
           </v-btn-group>
         </template>
       </v-list-item>
@@ -361,11 +365,14 @@
         </v-card-actions>
       </v-card>
     </v-dialog>
+
+    <cloud-migration-dialog v-model="showMigrationDialog" />
   </settings-card>
 </template>
 
 <script>
 import SettingsCard from '@/components/SettingsCard.vue';
+import CloudMigrationDialog from '../CloudMigrationDialog.vue';
 import dataProvider from '@/utils/dataProvider';
 import {getSetting} from '@/utils/settings';
 import {openDB} from 'idb';
@@ -373,7 +380,8 @@ import {openDB} from 'idb';
 export default {
   name: 'KvDatabaseCard',
   components: {
-    SettingsCard
+    SettingsCard,
+    CloudMigrationDialog
   },
 
   data() {
@@ -391,6 +399,7 @@ export default {
       deleteDialog: false,
       createDialog: false,
       cloudUrlDialog: false,
+      showMigrationDialog: false,
 
       // 选中的项目
       selectedItem: null,
diff --git a/src/pages/DataMigration.vue b/src/pages/DataMigration.vue
deleted file mode 100644
index 70c1f08..0000000
--- a/src/pages/DataMigration.vue
+++ /dev/null
@@ -1,233 +0,0 @@
-<template>
-  <v-container>
-    <v-row>
-      <v-col cols="12">
-        <div class="d-flex align-center mb-6">
-          <v-icon
-            class="mr-3"
-            color="primary"
-            size="x-large"
-          >
-            mdi-database-sync
-          </v-icon>
-          <div>
-            <h1 class="text-h4">
-              数据迁移工具
-            </h1>
-            <div class="text-subtitle-1 text-grey">
-              将现有数据迁移至 KV 存储系统
-            </div>
-          </div>
-        </div>
-
-        <v-card
-          class="mb-6"
-          color="info"
-          variant="tonal"
-        >
-          <v-card-text class="d-flex align-center">
-            <v-icon
-              class="mr-2"
-              color="info"
-            >
-              mdi-information-outline
-            </v-icon>
-            <span>
-              使用此工具可以将数据从旧存储系统迁移到新的 KV 存储系统，选择本地或云端迁移，以确保数据不会丢失。
-            </span>
-          </v-card-text>
-        </v-card>
-
-        <MigrationTool ref="migrationTool"/>
-      </v-col>
-    </v-row>
-
-    <!-- 一键迁移对话框 -->
-    <v-dialog
-      v-model="showMigrationDialog"
-      max-width="500"
-      persistent
-    >
-      <v-card>
-        <v-card-title class="text-h5 d-flex align-center">
-          <v-icon
-            class="mr-3"
-            color="primary"
-            size="large"
-          >
-            mdi-database-sync
-          </v-icon>
-          一键数据迁移
-        </v-card-title>
-        <v-card-text class="mt-4">
-          <p>
-            系统将自动读取您的配置，并将过去半年的数据迁移至Classworks
-            KV数据库中
-          </p>
-
-          <v-alert
-            class="mt-4"
-            color="info"
-            icon="mdi-information-outline"
-            variant="tonal"
-          >
-            <ul class="ml-3 mt-1">
-              <li>数据源: {{ dataSourceText }}</li>
-              <li>班级: {{ classNumber }}</li>
-              <li>服务器: {{ serverDomain || "本地存储" }}</li>
-              <li>
-                迁移范围: {{ formatDate(sixMonthsAgo) }} 至
-                {{ formatDate(today) }}
-              </li>
-            </ul>
-          </v-alert>
-        </v-card-text>
-        <v-card-actions>
-          <v-spacer/>
-          <v-btn
-            color="grey-darken-1"
-            variant="text"
-            @click="showMigrationDialog = false"
-          >
-            稍后再说
-          </v-btn>
-          <v-btn
-            :disabled="isAutoMigrating"
-            :loading="isAutoMigrating"
-            color="primary"
-            size="large"
-            variant="elevated"
-            @click="startAutoMigration"
-          >
-            <v-icon
-              class="mr-2"
-              left
-            >
-              mdi-database-export
-            </v-icon>
-            开始一键迁移
-          </v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-  </v-container>
-</template>
-
-<script>
-import MigrationTool from "@/components/MigrationTool.vue";
-import {getSetting, setSetting} from "@/utils/settings";
-
-export default {
-  name: "DataMigrationPage",
-  components: {
-    MigrationTool,
-  },
-  data() {
-    const today = new Date();
-    const sixMonthsAgo = new Date();
-    sixMonthsAgo.setMonth(today.getMonth() - 3);
-
-    return {
-      showMigrationDialog: false,
-      isAutoMigrating: false,
-      today,
-      sixMonthsAgo,
-      classNumber: "",
-      serverDomain: "",
-      dataProvider: "",
-    };
-  },
-  computed: {
-    dataSourceText() {
-      switch (this.dataProvider) {
-        case "server":
-          return "服务器";
-        case "indexeddb":
-          return "本地数据库";
-        case "kv-local":
-          return "本地 KV 存储";
-        case "kv-server":
-          return "远程 KV 存储";
-        case "classworkscloud":
-          return "Classworks 云";
-        default:
-          return "未知来源";
-      }
-    },
-  },
-  async mounted() {
-    this.loadSettings();
-    if (this.serverDomain == "https://class.wuyuan.dev") {
-      await this.startAutoMigration();
-      this.$router.push("/");
-    }
-  },
-  methods: {
-    loadSettings() {
-      this.classNumber = getSetting("server.classNumber");
-      this.serverDomain = getSetting("server.domain");
-      this.dataProvider = getSetting("server.provider");
-
-      this.showMigrationDialog =
-        this.dataProvider === "server" || this.dataProvider === "indexeddb";
-    },
-    formatDate(date) {
-      return date.toLocaleDateString();
-    },
-    async startAutoMigration() {
-      if (!this.$refs.migrationTool) {
-        console.error("MigrationTool组件引用不可用");
-        return;
-      }
-
-      this.isAutoMigrating = true;
-
-      try {
-        // 设置迁移工具的参数
-        const migrationTool = this.$refs.migrationTool;
-        migrationTool.classNumber = this.classNumber;
-        migrationTool.migrationType =
-          this.dataProvider === "server" ? "server" : "local";
-        migrationTool.serverUrl = this.serverDomain;
-        migrationTool.targetStorage = "kv-server";
-        //migrationTool.targetServerUrl = this.serverDomain;
-
-        // 设置半年的日期范围
-        migrationTool.startDate = this.formatDateString(this.sixMonthsAgo);
-        migrationTool.endDate = this.formatDateString(this.today);
-
-        // 根据数据源类型进行相应操作
-        if (this.dataProvider === "server") {
-          // 预览服务器数据
-          await migrationTool.previewServerData();
-        } else {
-          // 扫描本地数据库
-          await migrationTool.scanLocalDatabase();
-        }
-
-        // 开始迁移
-        if (migrationTool.displayItems.length > 0) {
-          await migrationTool.startMigration();
-        } else {
-          console.warn("没有找到可迁移的数据");
-        }
-        setSetting("server.provider", "classworkscloud");
-      } catch (error) {
-        console.error("自动迁移失败:", error);
-      } finally {
-        this.isAutoMigrating = false;
-        this.showMigrationDialog = false;
-      }
-    },
-    formatDateString(date) {
-      const year = date.getFullYear();
-      const month = String(date.getMonth() + 1).padStart(2, "0");
-      const day = String(date.getDate()).padStart(2, "0");
-      return `${year}-${month}-${day}`;
-    },
-  },
-  metaInfo: {
-    title: "数据迁移工具",
-  },
-};
-</script>