取消重新绑定

src/views/profile/personalCenter/index.vue

@@ -17,7 +17,8 @@
           <div class="info-text">
             <div class="username-row">
               <span class="username-text">{{ userInfo.username }}</span>
-              <el-button link type="primary" size="small" @click="showEditDialog('username')">{{ t('personalCenter.modify') }}</el-button>
+              <el-button link type="primary" size="small" @click="showEditDialog('username')">{{
+                t('personalCenter.modify') }}</el-button>
             </div>
             <div class="login-time">{{ t('personalCenter.lastLogin') }}：{{ userInfo.last_login }}</div>
           </div>
@@ -29,9 +30,9 @@
           <div class="info-item">
             <span class="label">{{ t('personalCenter.email') }}</span>
             <span class="value">{{ userInfo.email || t('personalCenter.notSet') }}</span>
-            <template v-if="canBindEmail">
+            <template v-if="!userInfo.email">
-              <el-button v-if="!userInfo.email" link type="primary" @click="showEditDialog('email')">{{ t('personalCenter.goToBind') }}</el-button>
+              <el-button link type="primary" @click="showEditDialog('email')">{{ t('personalCenter.goToBind')
-              <el-button v-else link type="primary" @click="showEditDialog('email')">{{ t('personalCenter.rebind') }}</el-button>
+                }}</el-button>
             </template>
             <template v-else>
               <el-tag type="success" size="small">{{ t('personalCenter.bound') }}</el-tag>
@@ -40,10 +41,10 @@
 
           <div class="info-item">
             <span class="label">{{ t('personalCenter.mobile') }}</span>
-            <span class="value">{{ userInfo.mobile || t('personalCenter.notBound') }}</span>
+            <span class="value">{{ userInfo.mobile || t('personalCenter.notBound') }}</span> {{ }}
-            <template v-if="canBindMobile">
+            <template v-if="!userInfo.mobile">
-              <el-button v-if="!userInfo.mobile" link type="primary" @click="showEditDialog('mobile')">{{ t('personalCenter.bind') }}</el-button>
+              <el-button link type="primary" @click="showEditDialog('mobile')">{{ t('personalCenter.bind')
-              <el-button v-else link type="primary" @click="showEditDialog('mobile')">{{ t('personalCenter.rebind') }}</el-button>
+                }}</el-button>
             </template>
             <template v-else>
               <el-tag type="success" size="small">{{ t('personalCenter.bound') }}</el-tag>
@@ -72,8 +73,7 @@
       @cancel="handleEditDialogReset" @close="handleEditDialogReset">
       <el-form ref="editFormRef" :model="editForm" :rules="getEditRules()" label-width="80px" label-position="top">
         <el-form-item v-if="editField === 'mobile'" :label="editForm.label" prop="value" class="phone-item">
-          <el-select v-model="editForm.countryCode" :teleported="false" value-key="code" placeholder="国家"
+          <el-select v-model="editForm.countryCode" :teleported="false" value-key="code" placeholder="国家" size="large">
-            size="large">
             <el-option v-for="item in countryOptions" :key="item.code" :label="item.code" :value="item.code">
               <div class="country-option">
                 <span class="country-name">{{ item.name }}</span>
@@ -95,8 +95,8 @@
     </Dialog>
 
     <!-- 密码修改弹窗 → 验证码模式 -->
-    <Dialog :visible="passwordDialogVisible" :title="t('personalCenter.modifyPassword')" width="500px" @confirm="handlePasswordConfirm"
+    <Dialog :visible="passwordDialogVisible" :title="t('personalCenter.modifyPassword')" width="500px"
-      @cancel="handlePasswordDialogReset" @close="handlePasswordDialogReset">
+      @confirm="handlePasswordConfirm" @cancel="handlePasswordDialogReset" @close="handlePasswordDialogReset">
       <el-form ref="passwordFormRef" :model="passwordForm" :rules="passwordFormRules" label-width="100px"
         label-position="top">
         <!-- 选择验证方式 -->
@@ -120,14 +120,14 @@
 
         <!-- 新密码1 -->
         <el-form-item :label="t('personalCenter.newPassword')" prop="login_password1">
-          <el-input v-model="passwordForm.login_password1" type="password" show-password :placeholder="t('personalCenter.passwordPlaceholder')"
+          <el-input v-model="passwordForm.login_password1" type="password" show-password
-            size="large" />
+            :placeholder="t('personalCenter.passwordPlaceholder')" size="large" />
         </el-form-item>
 
         <!-- 新密码2 -->
         <el-form-item :label="t('personalCenter.confirmPassword')" prop="login_password2">
-          <el-input v-model="passwordForm.login_password2" type="password" show-password :placeholder="t('personalCenter.confirmPasswordPlaceholder')"
+          <el-input v-model="passwordForm.login_password2" type="password" show-password
-            size="large" />
+            :placeholder="t('personalCenter.confirmPasswordPlaceholder')" size="large" />
         </el-form-item>
       </el-form>
     </Dialog>