From 2c09fd1e1bfa3b88ddb370f8123fe776ab9ca8ee Mon Sep 17 00:00:00 2001
From: cloudy2331 <cxy68@outlook.com>
Date: Fri, 27 Mar 2026 00:52:59 +0800
Subject: [PATCH] =?UTF-8?q?feature:=E6=B7=BB=E5=8A=A0=E5=8F=98=E6=9B=B4?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E5=90=8D=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                |  1 +
 src/components/Account.vue | 22 +++++++++++++++++++++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 1847bc8..81c0af2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,6 +12,7 @@ const activeNav = ref('profile');
 var bearer = localStorage.getItem('bearer');
 const loginClientUrl = 'https://www.cloudy233.top/UniAuth';
 const loginServerUrl = 'https://www.cloudy233.top:6699';
+localStorage.setItem('loginServerUrl', loginServerUrl);
 
 onMounted(() => {
   BearerVerify();
diff --git a/src/components/Account.vue b/src/components/Account.vue
index 31bd95d..720a846 100644
--- a/src/components/Account.vue
+++ b/src/components/Account.vue
@@ -1,8 +1,28 @@
 <script setup>
+import { ref } from 'vue';
+
 const props = defineProps({
   UserName: String,
   Email: String,
 })
+
+function ChangeUserName() {
+  let newUserName = prompt('请输入新的用户名');
+  if (newUserName !== null && newUserName !== props.UserName && newUserName.length > 0) {
+    const loginServerUrl = localStorage.getItem('loginServerUrl');
+    const formData = new FormData();
+    formData.append('name', newUserName);
+    fetch(loginServerUrl + '/changename', {
+      method: 'POST',
+      headers: {
+        Authorization: `Bearer ${window.localStorage.getItem('bearer')}`
+      },
+      body: formData
+    }).then(res => {
+      location.reload(true);
+    })
+  }
+}
 </script>
 
 <template>
@@ -21,7 +41,7 @@ const props = defineProps({
           <label class="form-label">用户名</label>
           <div class="form-row">
             <div class="form-value">{{ props.UserName }}</div>
-            <button class="edit-btn" disabled>编辑</button>
+            <button class="edit-btn" @click="ChangeUserName()">编辑</button>
           </div>
         </div>