From 8b145d79d38efb3e4424b7eab66df5a8db42a00c Mon Sep 17 00:00:00 2001
From: houakang <houak@zhiju.ai>
Date: Sun, 12 Apr 2026 12:51:40 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=99=BB=E5=BD=95):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87=E9=80=89=E6=8B=A9=E5=8A=9F=E8=83=BD=E5=B9=B6?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E7=99=BB=E5=BD=95=E6=8E=A5=E5=8F=A3=E9=9B=86?=
 =?UTF-8?q?=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在登录弹窗中增加设备选择下拉框，并修改postAction以支持baseURL参数
实现用户登录接口调用，根据选择的设备进行登录请求
---
 src/renderer/components/LoginDialog.vue | 30 +++++++++++++++++++++----
 src/renderer/http/api.js                |  3 +++
 src/renderer/http/manage.js             | 12 +++++-----
 src/renderer/http/url.js                |  5 +++++
 4 files changed, 40 insertions(+), 10 deletions(-)

diff --git a/src/renderer/components/LoginDialog.vue b/src/renderer/components/LoginDialog.vue
index 804b442..9700dc5 100644
--- a/src/renderer/components/LoginDialog.vue
+++ b/src/renderer/components/LoginDialog.vue
@@ -11,6 +11,16 @@
         <p class="text-base font-semibold text-gray-700 mb-6">登录后体验更多功能</p>
 
         <el-form :model="form" :rules="rules" ref="formRef" class="w-full" @submit.prevent="handleLogin">
+          <el-form-item prop="sparkDevice">
+            <el-select v-model="form.sparkDevice" placeholder="请选择设备" size="large" class="w-full" :no-data-text="'暂未发现设备，请先扫描'">
+              <el-option
+                v-for="device in sparkStore.devices"
+                :key="device.name"
+                :label="`${device.name} (${device.addresses?.[0]}:${device.port})`"
+                :value="device.name"
+              />
+            </el-select>
+          </el-form-item>
           <el-form-item prop="username">
             <el-input v-model="form.username" placeholder="请输入账号" :prefix-icon="User" size="large" />
           </el-form-item>
@@ -56,6 +66,10 @@
 import { ref, watch } from 'vue';
 import { User } from '@element-plus/icons-vue';
 import { ElMessage } from 'element-plus';
+import { useSparkStore } from '@/stores/spark';
+import { loginAction } from '@/http/api.js';
+
+const sparkStore = useSparkStore();
 
 const props = defineProps({
   modelValue: {
@@ -78,11 +92,13 @@ const loading = ref(false);
 const agreed = ref(false);
 
 const form = ref({
+  sparkDevice: sparkStore.selectedDevice?.name || '',
   username: '',
   password: '',
 });
 
 const rules = {
+  sparkDevice: [{ required: true, message: '请选择设备', trigger: 'change' }],
   username: [{ required: true, message: '请输入账号', trigger: 'blur' }],
   password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
 };
@@ -96,10 +112,16 @@ async function handleLogin() {
     if (!valid) return;
     loading.value = true;
     try {
-      // TODO: 替换为真实登录接口
-      await new Promise((r) => setTimeout(r, 800));
-      ElMessage.success('登录成功');
-      emit('login-success', { username: form.value.username });
+      const device = sparkStore.devices.find((d) => d.name === form.value.sparkDevice);
+      if (device) sparkStore.selectDevice(device);
+
+      const url = sparkStore.selectedDeviceUrl;
+      console.log('[Login] spark device:', device);
+      console.log('[Login] target url:', url);
+
+      await loginAction({ email: form.value.username, password: form.value.password }, url);
+      ElMessage.success(`登录成功 | ${url ?? '未选择设备'}`);
+      emit('login-success', { username: form.value.username, device });
       visible.value = false;
     } catch (err) {
       ElMessage.error('登录失败，请重试');
diff --git a/src/renderer/http/api.js b/src/renderer/http/api.js
index fa3d73b..7c75b73 100644
--- a/src/renderer/http/api.js
+++ b/src/renderer/http/api.js
@@ -4,6 +4,9 @@ import url, { getBaseUrl } from './url.js';
 // 健康检查
 export const getHealthAction = () => getAction(url.health);
 
+// 用户登录
+export const loginAction = (data, sparkBaseUrl) => postAction(url.user.login, data, {}, sparkBaseUrl);
+
 // 会话
 export const createSessionAction = (data) => postAction(url.session.create, data);
 export const getSessionAction = (id) => getAction(url.session.detail(id));
diff --git a/src/renderer/http/manage.js b/src/renderer/http/manage.js
index 63cbd3d..5d639e7 100644
--- a/src/renderer/http/manage.js
+++ b/src/renderer/http/manage.js
@@ -1,17 +1,17 @@
-import request from './index.js'
+import request from './index.js';
 
 export function getAction(url, params) {
-  return request({ url, method: 'GET', params })
+  return request({ url, method: 'GET', params });
 }
 
-export function postAction(url, data, headers = {}) {
-  return request({ url, method: 'POST', data, headers })
+export function postAction(url, data, headers = {}, baseURL) {
+  return request({ url, method: 'POST', data, headers, ...(baseURL ? { baseURL } : {}) });
 }
 
 export function putAction(url, data) {
-  return request({ url, method: 'PUT', data })
+  return request({ url, method: 'PUT', data });
 }
 
 export function deleteAction(url, params) {
-  return request({ url, method: 'DELETE', params })
+  return request({ url, method: 'DELETE', params });
 }
diff --git a/src/renderer/http/url.js b/src/renderer/http/url.js
index d3b6b74..476cf4e 100644
--- a/src/renderer/http/url.js
+++ b/src/renderer/http/url.js
@@ -22,6 +22,11 @@ const url = {
     list: (sessionId) => `/session/${sessionId}/message`,
   },
 
+  // 用户
+  user: {
+    login: '/v1/user/login',
+  },
+
   // SSE 事件流
   event: '/event',
 };