From b0d36cb00bdc85802fbd2e44979be4b9eca8b0fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BF=97=E5=B3=A6?= <2268499868@qq.com>
Date: Mon, 23 Dec 2024 15:08:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/components/Header.vue   |  2 +-
 front/src/components/NotFound.vue |  2 +-
 front/src/views/back/personal.vue |  2 +-
 front/src/views/fore/profile.vue  | 32 +++++++++++++++++++------------
 4 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/front/src/components/Header.vue b/front/src/components/Header.vue
index ae67543..145f4f5 100644
--- a/front/src/components/Header.vue
+++ b/front/src/components/Header.vue
@@ -34,7 +34,7 @@
             <el-icon><Warning /></el-icon>
             <span>问题反馈</span>
           </template>
-          <el-menu-item index="/feedback">我有建议</el-menu-item>
+          <el-menu-item index="/feedback">我有意见</el-menu-item>
           <el-menu-item index="/complaint">快递投诉</el-menu-item>
         </el-sub-menu>
         
diff --git a/front/src/components/NotFound.vue b/front/src/components/NotFound.vue
index 4fd3e92..934d4d0 100644
--- a/front/src/components/NotFound.vue
+++ b/front/src/components/NotFound.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="not-found">
-        <h1>404 - 页面未找到</h1>
+        <h1>404 - 页面无法找到</h1>
         <p>您访问的页面不存在。</p>
         <el-button @click="goBack">返回</el-button>
     </div>
diff --git a/front/src/views/back/personal.vue b/front/src/views/back/personal.vue
index 4834c33..c186f07 100644
--- a/front/src/views/back/personal.vue
+++ b/front/src/views/back/personal.vue
@@ -1,6 +1,6 @@
 <template>
   <el-container>
-    <el-header>
+    <el-header>nn
       <backIndex />
     </el-header>
 
diff --git a/front/src/views/fore/profile.vue b/front/src/views/fore/profile.vue
index c83f694..9394962 100644
--- a/front/src/views/fore/profile.vue
+++ b/front/src/views/fore/profile.vue
@@ -22,6 +22,10 @@
               <el-form-item label="邮箱">
                 <el-input v-model="profileInfo.email" placeholder="请输入邮箱"></el-input>
               </el-form-item>
+              <el-form-item label="手机号">
+                <el-input v-model="profileInfo.phone" placeholder="请输入手机号"></el-input>
+                <el-button type="primary" @click="bindPhone">绑定手机号</el-button>
+              </el-form-item>
             </el-form>
           </div>
         </div>
@@ -30,11 +34,6 @@
         <div class="profile-details">
           <el-form ref="profileDetailsForm" :model="profileInfo" label-width="80px">
             <el-row>
-              <el-col :span="12">
-                <el-form-item label="手机号">
-                  <el-input v-model="profileInfo.phone" placeholder="请输入手机号"></el-input>
-                </el-form-item>
-              </el-col>
               <el-col :span="12">
                 <el-form-item label="性别">
                   <el-select v-model="profileInfo.gender" placeholder="请选择性别">
@@ -43,13 +42,13 @@
                   </el-select>
                 </el-form-item>
               </el-col>
-            </el-row>
-            <el-row>
               <el-col :span="12">
                 <el-form-item label="出生日期">
                   <el-date-picker v-model="profileInfo.birthday" type="date" placeholder="选择日期"></el-date-picker>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="12">
                 <el-form-item label="地址">
                   <el-input v-model="profileInfo.address" placeholder="请输入地址"></el-input>
@@ -110,8 +109,7 @@ const profileInfo = ref({
   address: '北京市朝阳区某某街道',
 });
 
-
-// 读取 localStorage 中保存的地址数据
+// 读取 localStorage 中保存 的地址数据
 const loadAddresses = () => {
   const savedData = localStorage.getItem('addresses');
   return savedData ? JSON.parse(savedData) : [];
@@ -211,12 +209,21 @@ const copyAddress = (address) => {
   ElMessage.success('地址已复制到剪贴板');
 };
 
-
 const logout = () => {
   router.push({ name: 'login' });
-}
+};
+
+const bindPhone = () => {
+  if (!profileInfo.value.phone) {
+    ElMessage.error('手机号不能为空');
+    return;
+  }
+  // 这里可以添加手机号绑定的逻辑，比如发送请求到后端
+  ElMessage.success('手机号绑定成功！');
+};
 
 </script>
+
 <style scoped>
 .profile-list-container {
   position: fixed;
@@ -259,6 +266,7 @@ const logout = () => {
   margin-top: 20px;
 }
 
+
 .address-card {
   background-color: #fff;
   border-radius: 8px;
@@ -305,4 +313,4 @@ const logout = () => {
 :deep(.el-input__inner) {
   border-radius: 4px;
 }
-</style>
+</style>
\ No newline at end of file