feat: 数据导出/导入（资产迁移/备份，支撑部署到其他服务器）

static/js/app.js

@@ -761,10 +761,20 @@ const SettingsView = {
         <input type="checkbox" v-model="store.dark" @change="applyDark"> 深色模式
       </label>
     </div>
+    <div class="bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-800 p-4">
+      <h3 class="font-semibold text-sm mb-2">数据管理（迁移/备份）</h3>
+      <p class="text-xs text-slate-500 mb-2">导出所有资产为 JSON，可导入到新部署的实例，实现数据迁移。</p>
+      <div class="flex gap-2 flex-wrap items-center">
+        <button @click="exportData" class="text-sm px-3 py-1.5 rounded-lg border border-slate-300 dark:border-slate-700 hover:bg-slate-50 dark:hover:bg-slate-800">导出数据</button>
+        <label class="text-sm px-3 py-1.5 rounded-lg border border-slate-300 dark:border-slate-700 hover:bg-slate-50 dark:hover:bg-slate-800 cursor-pointer">导入数据<input type="file" accept=".json" @change="onImportFile" class="hidden"></label>
+      </div>
+      <div v-if="dataResult" class="mt-2 text-xs px-3 py-2 rounded-lg bg-slate-50 dark:bg-slate-800/50">{{ dataResult }}</div>
+    </div>
   </div>`,
   setup() {
     const notifyChannels = ref([]);
     const notifyResult = ref('');
+    const dataResult = ref('');
     onMounted(async () => {
       try { const r = await Api.get('/notify/channels'); notifyChannels.value = r.channels || []; } catch (e) { /* ignore */ }
     });
@@ -785,7 +795,36 @@ const SettingsView = {
         notifyResult.value = text;
       } catch (e) { notifyResult.value = '失败：' + e.message; }
     }
-    return { store, settings, save: saveSettings, applyDark, notifyChannels, notifyResult, testNotify, checkRenewals };
+    async function exportData() {
+      dataResult.value = '导出中…';
+      try {
+        const r = await Api.get('/assets/export');
+        const blob = new Blob([JSON.stringify(r, null, 2)], { type: 'application/json' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = 'vps-manager-export-' + new Date().toISOString().slice(0, 10) + '.json';
+        a.click();
+        URL.revokeObjectURL(url);
+        dataResult.value = '导出成功：' + r.count + ' 个资产';
+      } catch (e) { dataResult.value = '导出失败：' + e.message; }
+    }
+    function onImportFile(e) {
+      const file = e.target.files[0];
+      if (!file) return;
+      const reader = new FileReader();
+      reader.onload = async (ev) => {
+        dataResult.value = '导入中…';
+        try {
+          const data = JSON.parse(ev.target.result);
+          const r = await Api.post('/assets/import', data);
+          dataResult.value = '导入完成：新增 ' + r.created + '，更新 ' + r.updated + (r.errors && r.errors.length ? '，错误 ' + r.errors.length : '');
+          await loadAssets();
+        } catch (err) { dataResult.value = '导入失败：' + err.message; }
+      };
+      reader.readAsText(file);
+    }
+    return { store, settings, save: saveSettings, applyDark, notifyChannels, notifyResult, testNotify, checkRenewals, dataResult, exportData, onImportFile };
   },
 };