From 81fee53085f6dde12ec6d7909f09b645e0f5a480 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=AC=A3=E5=8D=97=E7=A7=91=E6=8A=80?=
 <huangrongzhuang@xin-nan.com>
Date: Wed, 12 Mar 2025 12:44:25 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=91=E5=AE=9A=E8=AE=BE=E5=A4=87=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=20(#294)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: CGD <3030332422@qq.com>
---
 main/manager-web/src/apis/module/user.js | 16 ++++++++++++++++
 main/manager-web/src/views/home.vue      | 23 ++++++++++++++++++++---
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/main/manager-web/src/apis/module/user.js b/main/manager-web/src/apis/module/user.js
index 7a6815b2..3326d4d4 100755
--- a/main/manager-web/src/apis/module/user.js
+++ b/main/manager-web/src/apis/module/user.js
@@ -58,4 +58,20 @@ export default {
                 });
               }).send()
     },
+    // 绑定设备
+    bindDevice(deviceCode, callback) {
+        RequestService.sendRequest()
+            .url(`${getServiceUrl()}/api/v1/user/device/bind/${deviceCode}`)
+            .method('POST')
+            .success((res) => {
+                RequestService.clearRequestTime();
+                callback(res);
+            })
+            .fail((err) => {
+                console.error('绑定设备失败:', err);
+                RequestService.reAjaxFun(() => {
+                    this.bindDevice(deviceCode, callback);
+                });
+            }).send();
+    }
 }
diff --git a/main/manager-web/src/views/home.vue b/main/manager-web/src/views/home.vue
index 2ed345d6..4d0181f5 100644
--- a/main/manager-web/src/views/home.vue
+++ b/main/manager-web/src/views/home.vue
@@ -210,7 +210,7 @@
         </div>
       </div>
       <div style="display: flex;margin: 0 20px;gap: 10px;">
-        <div class="dialog-btn" @click="addDeviceDialogVisible=false">确定</div>
+        <div class="dialog-btn" @click="addDevice">确定</div>
         <div class="dialog-btn"
           style="background: #e6ebff;border: 1px solid #adbdff;color: #5778ff;"
           @click="addDeviceDialogVisible=false">
@@ -234,7 +234,7 @@ export default {
       filteredDeviceList: [], // 过滤后的设备列表
       switchValue: false,
       addDeviceDialogVisible: false,
-      deviceCode: "",
+      deviceCode: "", // 设备验证码
       settingDevice: false,
       form: {
         name: "",
@@ -257,7 +257,7 @@ export default {
   },
   methods: {
     showAddDialog() {
-      this.addDeviceDialogVisible = true;
+        this.addDeviceDialogVisible = true;
     },
     clickSettingDevice() {
       this.settingDevice = true
@@ -312,6 +312,23 @@ export default {
         this.$message.info('已取消解绑');
       });
     },
+    // 添加设备
+    addDevice() {
+        if (!this.deviceCode) {
+            this.$message.warning('请输入设备验证码');
+            return;
+        }
+
+        Api.user.bindDevice(this.deviceCode, ({ data }) => {
+            if (data.code === 0) {
+                this.$message.success('设备绑定成功');
+                this.addDeviceDialogVisible = false;
+                this.getList(); // 刷新设备列表
+            } else {
+                this.$message.error(data.msg || '设备绑定失败');
+            }
+        });
+    }
   },
   mounted() {
     this.fetchUserInfo(); // 组件加载时获取用户信息