diff --git a/src/router/index.ts b/src/router/index.ts
index 16cc53e..0168e7c 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -197,6 +197,12 @@ const routes: RouteRecordRaw[] = [
             component: () =>
               import("@/views/admin/account/realnameAuthTrue/index.vue"),
           },
+          {
+            path: "realnameAuthBusiness",
+            name: "realnameAuthBusiness",
+            component: () =>
+              import("@/views/admin/account/realnameAuthBusiness/index.vue"),
+          },
           {
             path: "enterRealAuth",
             name: "EnterRealAuth",
diff --git a/src/views/admin/account/accountSet/index.vue b/src/views/admin/account/accountSet/index.vue
index 651693b..b70c80e 100644
--- a/src/views/admin/account/accountSet/index.vue
+++ b/src/views/admin/account/accountSet/index.vue
@@ -28,7 +28,12 @@
             </a-col>
             <a-col :span="24">
                 <a-card title="安全设置">
-                    <div class="info"><span>手机号</span><span>17044054908</span></div>
+                    <div class="info" style="display: flex;justify-content: space-between;">
+                        <div>
+                            <span style="margin-right: 25px;">手机号</span><span>{{ currentPhone }}</span>
+                        </div>
+                        <div style="color:#1677ff;" @click="handleModifyPhone">修改</div>
+                    </div>
                     <div class="info" style="display: flex;justify-content: space-between;">
                         <div>
                             <span style="margin-right: 25px;">绑定微信</span><span style="color: #666;">未绑定微信</span>
@@ -39,54 +44,787 @@
                         <div>
                             <span style="margin-right: 25px;">登录密码</span><span>********</span>
                         </div>
-                        <div style="color:#1677ff;">修改</div>
+                        <div style="color:#1677ff;" @click="handleModifyPassword">修改</div>
                     </div>
                 </a-card>
             </a-col>
         </a-row>
+
+        <!-- 第一步：身份验证对话框（共用） -->
+        <a-modal
+            v-model:visible="verifyVisible"
+            title="身份验证"
+            @ok="handleVerify"
+            @cancel="handleCancelVerify"
+            :maskClosable="false"
+            :width="480"
+            :ok-button-props="{ disabled: !isVerificationValid }"
+            :confirmLoading="verifying"
+            okText="下一步"
+        >
+            <div class="verify-content">
+                <!-- 安全提示 -->
+                <div class="security-tip">
+                    <!-- <div class="security-icon">🔒</div> -->
+                    <div class="security-text">
+                        <div class="security-title">为确保账号安全，请您本人操作进行身份验证</div>
+                        <div class="security-subtitle">我们将向您绑定的手机发送验证码</div>
+                    </div>
+                </div>
+
+                <!-- 手机号信息 -->
+                <div class="phone-info">
+                    <div class="phone-label">验证手机号</div>
+                    <div class="phone-number">
+                        <!-- <span class="phone-icon">📱</span> -->
+                        <span class="phone-text">{{ maskedPhone }}</span>
+                    </div>
+                </div>
+
+                <!-- 验证码输入 -->
+                <div class="verification-code">
+                    <div class="code-label">验证码</div>
+                    <div class="code-input-group">
+                        <a-input
+                            v-model:value="verificationCode"
+                            placeholder="请输入6位验证码"
+                            :maxlength="6"
+                            @input="handleCodeInput"
+                            class="code-input"
+                        />
+                        <a-button
+                            type="link"
+                            @click="sendVerificationCode"
+                            :disabled="countdown > 0 || sendingCode"
+                            class="send-code-btn"
+                        >
+                            {{ countdownText }}
+                        </a-button>
+                    </div>
+                    <div v-if="codeError" class="code-error">{{ codeError }}</div>
+                </div>
+
+                <!-- 发送状态 -->
+                <div v-if="sendStatus" class="send-status" :class="{ 'send-success': sendStatus === '发送成功' }">
+                    {{ sendStatus }}
+                </div>
+            </div>
+        </a-modal>
+
+        <!-- 第二步：修改手机号对话框 -->
+        <a-modal
+            v-model:visible="changePhoneVisible"
+            title="修改手机号"
+            @ok="handleChangePhone"
+            @cancel="handleCancelChangePhone"
+            :maskClosable="false"
+            :width="480"
+            :ok-button-props="{ disabled: !isChangeValid }"
+            :confirmLoading="changing"
+        >
+            <div class="change-phone-content">
+                <!-- 安全提示 -->
+                <div class="security-tip">
+                    <!-- <div class="security-icon">🔒</div> -->
+                    <div class="security-text">
+                        <div class="security-title">为确保账号安全，请您本人操作进行手机号的修改</div>
+                    </div>
+                </div>
+
+                <!-- 新手机号输入 -->
+                <div class="new-phone-section">
+                    <div class="input-label">新手机号</div>
+                    <a-input
+                        v-model:value="newPhoneNumber"
+                        placeholder="请输入新手机号"
+                        :maxlength="11"
+                        @input="handlePhoneInput"
+                        class="phone-input"
+                    />
+                    <div v-if="phoneError" class="input-error">{{ phoneError }}</div>
+                </div>
+
+                <!-- 新手机号验证码 -->
+                <div class="verification-code">
+                    <div class="code-label">验证码</div>
+                    <div class="code-input-group">
+                        <a-input
+                            v-model:value="newVerificationCode"
+                            placeholder="请输入6位验证码"
+                            :maxlength="6"
+                            @input="handleNewCodeInput"
+                            class="code-input"
+                        />
+                        <a-button
+                            type="link"
+                            @click="sendNewVerificationCode"
+                            :disabled="newCountdown > 0 || sendingNewCode"
+                            class="send-code-btn"
+                        >
+                            {{ newCountdownText }}
+                        </a-button>
+                    </div>
+                    <div v-if="newCodeError" class="input-error">{{ newCodeError }}</div>
+                </div>
+            </div>
+        </a-modal>
+
+        <!-- 修改密码对话框 -->
+        <a-modal
+            v-model:visible="changePasswordVisible"
+            title="修改密码"
+            @ok="handleChangePassword"
+            @cancel="handleCancelChangePassword"
+            :maskClosable="false"
+            :width="480"
+            :ok-button-props="{ disabled: !isPasswordValid }"
+            :confirmLoading="changingPassword"
+        >
+            <div class="change-password-content">
+                <!-- 安全提示 -->
+                <div class="security-tip">
+                    <!-- <div class="security-icon">🔒</div> -->
+                    <div class="security-text">
+                        <div class="security-title">为确保账号安全，请设置新的登录密码</div>
+                    </div>
+                </div>
+
+                <!-- 原密码输入 -->
+                <div class="password-section">
+                    <div class="input-label">原密码</div>
+                    <a-input-password
+                        v-model:value="oldPassword"
+                        placeholder="请输入原密码"
+                        @input="handleOldPasswordInput"
+                        class="password-input"
+                        :visibilityToggle="true"
+                    />
+                    <div v-if="oldPasswordError" class="input-error">{{ oldPasswordError }}</div>
+                </div>
+
+                <!-- 新密码输入 -->
+                <div class="password-section">
+                    <div class="input-label">新密码</div>
+                    <a-input-password
+                        v-model:value="newPassword"
+                        placeholder="请输入新密码（6-20位字符）"
+                        @input="handleNewPasswordInput"
+                        class="password-input"
+                        :visibilityToggle="true"
+                    />
+                    <div v-if="newPasswordError" class="input-error">{{ newPasswordError }}</div>
+                    <div class="password-tip">
+                        <div class="tip-item" :class="{ 'valid': passwordStrength.lengthValid }">
+                            <span class="tip-icon">{{ passwordStrength.lengthValid ? '✓' : '○' }}</span>
+                            <span>6-20位字符</span>
+                        </div>
+                        <div class="tip-item" :class="{ 'valid': passwordStrength.hasLetter }">
+                            <span class="tip-icon">{{ passwordStrength.hasLetter ? '✓' : '○' }}</span>
+                            <span>至少包含字母</span>
+                        </div>
+                        <div class="tip-item" :class="{ 'valid': passwordStrength.hasNumber }">
+                            <span class="tip-icon">{{ passwordStrength.hasNumber ? '✓' : '○' }}</span>
+                            <span>至少包含数字</span>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- 确认密码输入 -->
+                <div class="password-section">
+                    <div class="input-label">确认密码</div>
+                    <a-input-password
+                        v-model:value="confirmPassword"
+                        placeholder="请再次输入新密码"
+                        @input="handleConfirmPasswordInput"
+                        class="password-input"
+                        :visibilityToggle="true"
+                    />
+                    <div v-if="confirmPasswordError" class="input-error">{{ confirmPasswordError }}</div>
+                </div>
+            </div>
+        </a-modal>
     </div>
 </template>
+
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref, computed, onUnmounted, watch } from 'vue';
 import { LoadingOutlined, PlusOutlined } from '@ant-design/icons-vue';
+import { message, Modal as AModal, Input as AInput, InputPassword as AInputPassword, Button as AButton } from 'ant-design-vue';
+
 const loading = ref(false);
 const imageUrl = ref<string | null>("https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png");
 const fileList = ref<any[]>([{ url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png' }]);
+
+// 操作类型：修改手机号或修改密码
+const operationType = ref<'phone' | 'password'>('phone');
+
+// 第一步：身份验证相关状态（共用）
+const verifyVisible = ref(false);
+const verificationCode = ref('');
+const countdown = ref(0);
+const sendingCode = ref(false);
+const sendStatus = ref('');
+const codeError = ref('');
+const verifying = ref(false);
+
+// 第二步：修改手机号相关状态
+const changePhoneVisible = ref(false);
+const newPhoneNumber = ref('');
+const newVerificationCode = ref('');
+const newCountdown = ref(0);
+const sendingNewCode = ref(false);
+const newCodeError = ref('');
+const phoneError = ref('');
+const changing = ref(false);
+
+// 修改密码相关状态
+const changePasswordVisible = ref(false);
+const oldPassword = ref('');
+const newPassword = ref('');
+const confirmPassword = ref('');
+const oldPasswordError = ref('');
+const newPasswordError = ref('');
+const confirmPasswordError = ref('');
+const changingPassword = ref(false);
+
+// 用户当前绑定的手机号
+const currentPhone = ref('17044054908');
+
+// 计算属性
+const maskedPhone = computed(() => {
+    const phone = currentPhone.value;
+    if (phone.length > 7) {
+        return phone.slice(0, 3) + '****' + phone.slice(7);
+    }
+    return phone;
+});
+
+const countdownText = computed(() => {
+    if (countdown.value > 0) {
+        return `${countdown.value}秒后重试`;
+    }
+    return '获取验证码';
+});
+
+const newCountdownText = computed(() => {
+    if (newCountdown.value > 0) {
+        return `${newCountdown.value}秒后重试`;
+    }
+    return '获取验证码';
+});
+
+const isVerificationValid = computed(() => {
+    return verificationCode.value.length === 6 && /^\d+$/.test(verificationCode.value);
+});
+
+const isChangeValid = computed(() => {
+    return newPhoneNumber.value.length === 11 && 
+           /^1[3-9]\d{9}$/.test(newPhoneNumber.value) &&
+           newVerificationCode.value.length === 6 &&
+           /^\d+$/.test(newVerificationCode.value);
+});
+
+// 密码强度验证
+const passwordStrength = computed(() => {
+    const lengthValid = newPassword.value.length >= 6 && newPassword.value.length <= 20;
+    const hasLetter = /[a-zA-Z]/.test(newPassword.value);
+    const hasNumber = /\d/.test(newPassword.value);
+    
+    return {
+        lengthValid,
+        hasLetter,
+        hasNumber
+    };
+});
+
+const isPasswordValid = computed(() => {
+    const isOldPasswordValid = oldPassword.value.length >= 6;
+    const isNewPasswordValid = passwordStrength.value.lengthValid && 
+                              passwordStrength.value.hasLetter && 
+                              passwordStrength.value.hasNumber;
+    const isConfirmValid = confirmPassword.value === newPassword.value && confirmPassword.value.length > 0;
+    
+    return isOldPasswordValid && isNewPasswordValid && isConfirmValid;
+});
+
+// 监听密码输入变化
+watch(newPassword, (newVal) => {
+    if (newVal.length > 0 && newVal.length < 6) {
+        newPasswordError.value = '密码长度不能少于6位';
+    } else if (newVal.length > 20) {
+        newPasswordError.value = '密码长度不能超过20位';
+    } else {
+        newPasswordError.value = '';
+    }
+    
+    // 更新确认密码错误提示
+    if (confirmPassword.value && confirmPassword.value !== newVal) {
+        confirmPasswordError.value = '两次输入的密码不一致';
+    } else {
+        confirmPasswordError.value = '';
+    }
+});
+
+watch(confirmPassword, (newVal) => {
+    if (newVal && newVal !== newPassword.value) {
+        confirmPasswordError.value = '两次输入的密码不一致';
+    } else {
+        confirmPasswordError.value = '';
+    }
+});
+
+// 倒计时定时器
+let timer: NodeJS.Timeout | null = null;
+let newTimer: NodeJS.Timeout | null = null;
+
+// 清理定时器
+onUnmounted(() => {
+    if (timer) {
+        clearInterval(timer);
+        timer = null;
+    }
+    if (newTimer) {
+        clearInterval(newTimer);
+        newTimer = null;
+    }
+});
+
 const beforeUpload = (file: File) => {
     const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
     if (!isJpgOrPng) {
-        alert('You can only upload JPG/PNG file!');
+        message.error('只能上传JPG/PNG格式的图片!');
+        return false;
     }
     const isLt2M = file.size / 1024 / 1024 < 2;
     if (!isLt2M) {
-        alert('Image must smaller than 2MB!');
+        message.error('图片大小不能超过2MB!');
+        return false;
     }
     return isJpgOrPng && isLt2M;
 };
+
 const handleChange = (info: any) => {
     if (info.file.status === 'uploading') {
         loading.value = true;
         return;
     }
     if (info.file.status === 'done') {
-        // Get this url from response in real world.
         const reader = new FileReader();
         reader.addEventListener('load', () => {
             imageUrl.value = reader.result as string;
             loading.value = false;
+            message.success('头像上传成功');
         });
         reader.readAsDataURL(info.file.originFileObj);
     }
 };
+
+// 修改手机号按钮点击
+const handleModifyPhone = () => {
+    operationType.value = 'phone';
+    showPhoneVerifyDialog();
+};
+
+// 修改密码按钮点击
+const handleModifyPassword = () => {
+    operationType.value = 'password';
+    showPhoneVerifyDialog();
+};
+
+// 显示身份验证对话框（共用）
+const showPhoneVerifyDialog = () => {
+    // 重置验证状态
+    verificationCode.value = '';
+    codeError.value = '';
+    sendStatus.value = '';
+    verifyVisible.value = true;
+};
+
+// 取消身份验证
+const handleCancelVerify = () => {
+    verifyVisible.value = false;
+    // 重置倒计时
+    if (timer) {
+        clearInterval(timer);
+        timer = null;
+    }
+    countdown.value = 0;
+};
+
+// 验证码输入处理
+const handleCodeInput = (e: Event) => {
+    const target = e.target as HTMLInputElement;
+    const value = target.value;
+    // 只允许数字
+    const numbersOnly = value.replace(/\D/g, '');
+    verificationCode.value = numbersOnly.slice(0, 6);
+    
+    // 清除错误提示
+    if (codeError.value) {
+        codeError.value = '';
+    }
+};
+
+// 发送当前手机号验证码
+const sendVerificationCode = async () => {
+    if (countdown.value > 0 || sendingCode.value) return;
+    
+    sendingCode.value = true;
+    sendStatus.value = '发送中...';
+    codeError.value = '';
+    
+    try {
+        // 模拟API调用
+        await new Promise(resolve => setTimeout(resolve, 1000));
+        
+        // 假设发送成功
+        sendStatus.value = '发送成功';
+        countdown.value = 60;
+        
+        // 开始倒计时
+        timer = setInterval(() => {
+            countdown.value--;
+            if (countdown.value <= 0) {
+                if (timer) {
+                    clearInterval(timer);
+                    timer = null;
+                }
+            }
+        }, 1000);
+        
+        message.success('验证码已发送');
+    } catch (error) {
+        codeError.value = '发送失败，请稍后重试';
+        sendStatus.value = '';
+    } finally {
+        sendingCode.value = false;
+    }
+};
+
+// 执行身份验证，成功后根据操作类型跳转到相应的下一步
+const handleVerify = async () => {
+    if (!isVerificationValid.value) {
+        codeError.value = '请输入有效的6位验证码';
+        return;
+    }
+    
+    verifying.value = true;
+    
+    try {
+        // 模拟API验证
+        await new Promise(resolve => setTimeout(resolve, 1500));
+        
+        // 假设验证成功
+        message.success('身份验证成功');
+        
+        // 关闭身份验证对话框
+        verifyVisible.value = false;
+        
+        // 根据操作类型打开相应的下一步对话框
+        if (operationType.value === 'phone') {
+            showChangePhoneDialog();
+        } else if (operationType.value === 'password') {
+            showChangePasswordDialog();
+        }
+        
+    } catch (error) {
+        codeError.value = '验证码错误，请重新输入';
+        verificationCode.value = '';
+    } finally {
+        verifying.value = false;
+    }
+};
+
+// 显示修改手机号对话框
+const showChangePhoneDialog = () => {
+    // 重置状态
+    newPhoneNumber.value = '';
+    newVerificationCode.value = '';
+    newCodeError.value = '';
+    phoneError.value = '';
+    changePhoneVisible.value = true;
+};
+
+// 取消修改手机号
+const handleCancelChangePhone = () => {
+    changePhoneVisible.value = false;
+    // 重置倒计时
+    if (newTimer) {
+        clearInterval(newTimer);
+        newTimer = null;
+    }
+    newCountdown.value = 0;
+};
+
+// 新手机号输入处理
+const handlePhoneInput = (e: Event) => {
+    const target = e.target as HTMLInputElement;
+    const value = target.value;
+    // 只允许数字
+    const numbersOnly = value.replace(/\D/g, '');
+    newPhoneNumber.value = numbersOnly.slice(0, 11);
+    
+    // 清除错误提示
+    if (phoneError.value) {
+        phoneError.value = '';
+    }
+    if (newCodeError.value) {
+        newCodeError.value = '';
+    }
+};
+
+// 新验证码输入处理
+const handleNewCodeInput = (e: Event) => {
+    const target = e.target as HTMLInputElement;
+    const value = target.value;
+    // 只允许数字
+    const numbersOnly = value.replace(/\D/g, '');
+    newVerificationCode.value = numbersOnly.slice(0, 6);
+    
+    // 清除错误提示
+    if (newCodeError.value) {
+        newCodeError.value = '';
+    }
+};
+
+// 发送新手机号验证码
+const sendNewVerificationCode = async () => {
+    // 验证手机号格式
+    if (!newPhoneNumber.value || newPhoneNumber.value.length !== 11) {
+        phoneError.value = '请输入11位手机号';
+        return;
+    }
+    
+    if (!/^1[3-9]\d{9}$/.test(newPhoneNumber.value)) {
+        phoneError.value = '请输入正确的手机号格式';
+        return;
+    }
+    
+    if (newPhoneNumber.value === currentPhone.value) {
+        phoneError.value = '新手机号不能与当前手机号相同';
+        return;
+    }
+    
+    if (newCountdown.value > 0 || sendingNewCode.value) return;
+    
+    sendingNewCode.value = true;
+    newCodeError.value = '';
+    
+    try {
+        // 模拟API调用
+        await new Promise(resolve => setTimeout(resolve, 1000));
+        
+        // 假设发送成功
+        newCountdown.value = 60;
+        
+        // 开始倒计时
+        newTimer = setInterval(() => {
+            newCountdown.value--;
+            if (newCountdown.value <= 0) {
+                if (newTimer) {
+                    clearInterval(newTimer);
+                    newTimer = null;
+                }
+            }
+        }, 1000);
+        
+        message.success('验证码已发送到新手机号');
+    } catch (error) {
+        newCodeError.value = '发送失败，请稍后重试';
+    } finally {
+        sendingNewCode.value = false;
+    }
+};
+
+// 执行手机号修改
+const handleChangePhone = async () => {
+    if (!isChangeValid.value) {
+        // 详细错误提示
+        if (!newPhoneNumber.value || newPhoneNumber.value.length !== 11) {
+            phoneError.value = '请输入11位手机号';
+            return;
+        }
+        if (!/^1[3-9]\d{9}$/.test(newPhoneNumber.value)) {
+            phoneError.value = '请输入正确的手机号格式';
+            return;
+        }
+        if (newPhoneNumber.value === currentPhone.value) {
+            phoneError.value = '新手机号不能与当前手机号相同';
+            return;
+        }
+        if (!newVerificationCode.value || newVerificationCode.value.length !== 6) {
+            newCodeError.value = '请输入6位验证码';
+            return;
+        }
+        return;
+    }
+    
+    changing.value = true;
+    
+    try {
+        // 模拟API调用修改手机号
+        await new Promise(resolve => setTimeout(resolve, 1500));
+        
+        // 更新当前手机号
+        currentPhone.value = newPhoneNumber.value;
+        
+        // 关闭对话框
+        changePhoneVisible.value = false;
+        
+        // 重置所有状态
+        resetAllStates();
+        
+        message.success('手机号修改成功');
+        
+    } catch (error) {
+        newCodeError.value = '修改失败，请稍后重试';
+    } finally {
+        changing.value = false;
+    }
+};
+
+// 显示修改密码对话框
+const showChangePasswordDialog = () => {
+    // 重置状态
+    oldPassword.value = '';
+    newPassword.value = '';
+    confirmPassword.value = '';
+    oldPasswordError.value = '';
+    newPasswordError.value = '';
+    confirmPasswordError.value = '';
+    changePasswordVisible.value = true;
+};
+
+// 取消修改密码
+const handleCancelChangePassword = () => {
+    changePasswordVisible.value = false;
+};
+
+// 原密码输入处理
+const handleOldPasswordInput = (e: Event) => {
+    const target = e.target as HTMLInputElement;
+    const value = target.value;
+    oldPassword.value = value;
+    
+    // 清除错误提示
+    if (oldPasswordError.value) {
+        oldPasswordError.value = '';
+    }
+};
+
+// 新密码输入处理
+const handleNewPasswordInput = (e: Event) => {
+    const target = e.target as HTMLInputElement;
+    const value = target.value;
+    newPassword.value = value;
+    
+    // 清除错误提示
+    if (newPasswordError.value) {
+        newPasswordError.value = '';
+    }
+};
+
+// 确认密码输入处理
+const handleConfirmPasswordInput = (e: Event) => {
+    const target = e.target as HTMLInputElement;
+    const value = target.value;
+    confirmPassword.value = value;
+    
+    // 清除错误提示
+    if (confirmPasswordError.value) {
+        confirmPasswordError.value = '';
+    }
+};
+
+// 执行密码修改
+const handleChangePassword = async () => {
+    if (!isPasswordValid.value) {
+        // 详细错误提示
+        if (!oldPassword.value || oldPassword.value.length < 6) {
+            oldPasswordError.value = '请输入原密码';
+            return;
+        }
+        if (!newPassword.value || newPassword.value.length < 6) {
+            newPasswordError.value = '请输入新密码';
+            return;
+        }
+        if (!passwordStrength.value.hasLetter || !passwordStrength.value.hasNumber) {
+            newPasswordError.value = '密码必须包含字母和数字';
+            return;
+        }
+        if (!confirmPassword.value) {
+            confirmPasswordError.value = '请确认密码';
+            return;
+        }
+        if (confirmPassword.value !== newPassword.value) {
+            confirmPasswordError.value = '两次输入的密码不一致';
+            return;
+        }
+        return;
+    }
+    
+    changingPassword.value = true;
+    
+    try {
+        // 模拟API调用修改密码
+        await new Promise(resolve => setTimeout(resolve, 1500));
+        
+        // 关闭对话框
+        changePasswordVisible.value = false;
+        
+        // 重置所有状态
+        resetPasswordStates();
+        
+        message.success('密码修改成功');
+        
+    } catch (error) {
+        oldPasswordError.value = '原密码错误或修改失败';
+    } finally {
+        changingPassword.value = false;
+    }
+};
+
+// 重置所有状态
+const resetAllStates = () => {
+    // 身份验证状态重置
+    verificationCode.value = '';
+    codeError.value = '';
+    sendStatus.value = '';
+    if (timer) {
+        clearInterval(timer);
+        timer = null;
+    }
+    countdown.value = 0;
+    
+    // 修改手机号状态重置
+    newPhoneNumber.value = '';
+    newVerificationCode.value = '';
+    newCodeError.value = '';
+    phoneError.value = '';
+    if (newTimer) {
+        clearInterval(newTimer);
+        newTimer = null;
+    }
+    newCountdown.value = 0;
+};
+
+// 重置密码相关状态
+const resetPasswordStates = () => {
+    oldPassword.value = '';
+    newPassword.value = '';
+    confirmPassword.value = '';
+    oldPasswordError.value = '';
+    newPasswordError.value = '';
+    confirmPasswordError.value = '';
+};
 </script>
+
 <style scoped lang="scss">
 .avatar-uploader .ant-upload {
     width: 128px;
     height: 128px;
     border-radius: 50% !important;
-    /* 改为 50% */
     overflow: hidden;
-    /* 防止内部图片溢出 */
     border: none !important;
     background: none !important;
 }
@@ -95,9 +833,7 @@ const handleChange = (info: any) => {
     width: 100%;
     height: 100%;
     object-fit: cover;
-    /* 保持比例并填满 */
     border-radius: 50%;
-    /* 图片本身也要圆 */
 }
 
 .ant-upload-select-picture-card i {
@@ -116,9 +852,237 @@ const handleChange = (info: any) => {
     padding: 10px 20px;
     border-bottom: 1px solid #f0f0f0;
 
-    // gap: 50px;
     span:first-child {
         width: 80px;
     }
+    
+    div[style*="color:#1677ff"] {
+        cursor: pointer;
+        transition: color 0.3s;
+        
+        &:hover {
+            color: #0958d9;
+        }
+    }
+}
+
+/* 身份验证对话框样式 */
+.verify-content {
+    padding: 8px 0;
+}
+
+.security-tip {
+    display: flex;
+    align-items: flex-start;
+    gap: 12px;
+    margin-bottom: 24px;
+    padding: 16px;
+    background: #f6f9ff;
+    border-radius: 8px;
+    border: 1px solid #e6f0ff;
+}
+
+.security-icon {
+    font-size: 20px;
+    line-height: 1.4;
+}
+
+.security-text {
+    flex: 1;
+}
+
+.security-title {
+    color: #1890ff;
+    font-size: 14px;
+    font-weight: 500;
+    margin-bottom: 4px;
+}
+
+.security-subtitle {
+    color: #595959;
+    font-size: 13px;
+}
+
+.phone-info {
+    margin-bottom: 24px;
+    padding: 16px;
+    background: #fafafa;
+    border-radius: 6px;
+    border: 1px solid #f0f0f0;
+}
+
+.phone-label {
+    color: #595959;
+    font-size: 13px;
+    margin-bottom: 8px;
+}
+
+.phone-number {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.phone-icon {
+    font-size: 16px;
+}
+
+.phone-text {
+    color: #262626;
+    font-size: 16px;
+    font-weight: 500;
+}
+
+.verification-code {
+    margin-bottom: 16px;
+}
+
+.code-label {
+    color: #262626;
+    font-size: 14px;
+    font-weight: 500;
+    margin-bottom: 8px;
+}
+
+.code-input-group {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+}
+
+.code-input {
+    flex: 1;
+}
+
+:deep(.code-input .ant-input) {
+    height: 40px;
+    font-size: 14px;
+    letter-spacing: 2px;
+}
+
+.send-code-btn {
+    width: 100px;
+    height: 40px;
+    padding: 0;
+    white-space: nowrap;
+}
+
+.send-code-btn:disabled {
+    color: #bfbfbf;
+}
+
+.code-error {
+    color: #ff4d4f;
+    font-size: 12px;
+    margin-top: 4px;
+    min-height: 20px;
+}
+
+.send-status {
+    color: #595959;
+    font-size: 12px;
+    text-align: center;
+    margin-top: 8px;
+    min-height: 20px;
+}
+
+.send-success {
+    color: #52c41a;
+}
+
+/* 修改手机号对话框样式 */
+.change-phone-content {
+    padding: 8px 0;
+}
+
+.new-phone-section {
+    margin-bottom: 24px;
+}
+
+.input-label {
+    color: #262626;
+    font-size: 14px;
+    font-weight: 500;
+    margin-bottom: 8px;
+}
+
+.phone-input {
+    width: 100%;
+}
+
+:deep(.phone-input .ant-input) {
+    height: 40px;
+    font-size: 14px;
+}
+
+.input-error {
+    color: #ff4d4f;
+    font-size: 12px;
+    margin-top: 4px;
+    min-height: 20px;
+}
+
+/* 修改密码对话框样式 */
+.change-password-content {
+    padding: 8px 0;
+}
+
+.password-section {
+    margin-bottom: 20px;
+}
+
+.password-input {
+    width: 100%;
+}
+
+:deep(.password-input .ant-input) {
+    height: 40px;
+    font-size: 14px;
+}
+
+.password-tip {
+    margin-top: 8px;
+    padding: 8px 12px;
+    background: #fafafa;
+    border-radius: 4px;
+    border: 1px solid #f0f0f0;
+}
+
+.tip-item {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 12px;
+    color: #8c8c8c;
+    margin-bottom: 4px;
+    
+    &:last-child {
+        margin-bottom: 0;
+    }
+    
+    &.valid {
+        color: #52c41a;
+    }
+}
+
+.tip-icon {
+    font-size: 10px;
+    width: 14px;
+    height: 14px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+}
+
+/* 响应式 */
+@media (max-width: 768px) {
+    .code-input-group {
+        flex-direction: column;
+        gap: 8px;
+    }
+    
+    .send-code-btn {
+        width: 100%;
+    }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/admin/account/realnameAuthBusiness/index.vue b/src/views/admin/account/realnameAuthBusiness/index.vue
new file mode 100644
index 0000000..1f19807
--- /dev/null
+++ b/src/views/admin/account/realnameAuthBusiness/index.vue
@@ -0,0 +1,782 @@
+<template>
+    <div class="real-name-auth">
+        <!-- 页面标题 -->
+        <div class="page-title-area">
+            <h2 class="page-title">实名认证</h2>
+            <p class="page-description">
+                Fast亼算云严格遵守国家相关个人信息隐私保护规定，并不存储使用您的个人信息，
+                <a href="#" class="protocol-link">查看实名认证协议</a>
+            </p>
+        </div>
+
+        <!-- 认证信息卡片 -->
+        <div class="auth-card">
+            <div class="card-content">
+                <!-- 左侧信息区 -->
+                <div class="info-left">
+                    <!-- 卡片标题 -->
+                    <div class="card-title">
+                        <div class="auth-status">
+                            <span class="status-dot"></span>
+                            <span class="status-text">已认证</span>
+                        </div>
+                        <h3 class="auth-type">企业认证</h3>
+                    </div>
+
+                    <!-- 信息网格 -->
+                    <div class="info-grid">
+                        <div class="info-item">
+                            <div class="info-label">认证类型</div>
+                            <div class="info-value">企业认证</div>
+                        </div>
+                        <div class="info-item">
+                            <div class="info-label">认证时间</div>
+                            <div class="info-value">2025-11-18</div>
+                        </div>
+                        <div class="info-item">
+                            <div class="info-label">证件类型</div>
+                            <div class="info-value">身份证</div>
+                        </div>
+                        <div class="info-item">
+                            <div class="info-label">身份证号</div>
+                            <div class="info-value">
+                                <span>150************859</span>
+                                <a-button type="link" size="small" @click="handleCopy">复制</a-button>
+                            </div>
+                        </div>
+                        <div class="info-item">
+                            <div class="info-label">认证人</div>
+                            <div class="info-value">*如</div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- 右侧图片区 -->
+                <div class="image-right">
+                    <img src="../../../../assets/renzheng.png" alt="认证" class="auth-image" />
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { ref, computed, onUnmounted } from 'vue';
+import { 
+    Button as AButton, 
+    Table as ATable, 
+    Modal as AModal,
+    Checkbox as ACheckbox,
+    Input as AInput,
+    message 
+} from 'ant-design-vue';
+
+// 表格列定义
+const columns = [
+    {
+        title: '变更类型',
+        dataIndex: 'type',
+        key: 'type',
+        width: 120,
+    },
+    {
+        title: '变更时间',
+        dataIndex: 'time',
+        key: 'time',
+        width: 160,
+    },
+    {
+        title: '变更状态',
+        dataIndex: 'status',
+        key: 'status',
+        width: 100,
+        slots: { customRender: 'status' },
+    },
+    {
+        title: '操作人',
+        dataIndex: 'operator',
+        key: 'operator',
+        width: 100,
+    },
+    {
+        title: '备注',
+        dataIndex: 'remark',
+        key: 'remark',
+        ellipsis: true,
+    },
+];
+
+// 表格数据
+const dataSource = ref([
+    {
+        key: '1',
+        type: '个人认证',
+        time: '2025-11-18 14:30:25',
+        status: '成功',
+        operator: '系统',
+        remark: '首次实名认证',
+    },
+]);
+
+// 对话框状态
+const changeModalVisible = ref(false);
+const isAgreeWarning = ref(false);
+
+// 身份验证相关状态
+const verifyModalVisible = ref(false);
+const verificationCode = ref('');
+const countdown = ref(0);
+const sendingCode = ref(false);
+const sendStatus = ref('');
+const codeError = ref('');
+const verifying = ref(false);
+
+// 用户绑定的手机号（实际应该从用户信息获取）
+const userPhone = '13800138000';
+
+// 计算属性
+const maskedPhone = computed(() => {
+    if (userPhone.length > 7) {
+        return userPhone.slice(0, 3) + '****' + userPhone.slice(7);
+    }
+    return userPhone;
+});
+
+const countdownText = computed(() => {
+    if (countdown.value > 0) {
+        return `${countdown.value}秒后重试`;
+    }
+    return '获取验证码';
+});
+
+const isVerificationValid = computed(() => {
+    return verificationCode.value.length === 6 && /^\d+$/.test(verificationCode.value);
+});
+
+// 倒计时定时器
+let timer = null;
+
+// 清理定时器
+onUnmounted(() => {
+    if (timer) {
+        clearInterval(timer);
+    }
+});
+
+const getStatusClass = (status) => {
+    const statusMap = {
+        '成功': 'status-success',
+        '失败': 'status-failed',
+        '处理中': 'status-processing',
+    };
+    return statusMap[status] || '';
+};
+
+const handleCopy = () => {
+    message.success('身份证号已复制');
+};
+
+// 显示变更确认对话框
+const showChangeConfirm = () => {
+    // 重置确认状态
+    isAgreeWarning.value = false;
+    changeModalVisible.value = true;
+};
+
+// 确认变更，打开身份验证对话框
+const handleConfirmChange = () => {
+    if (!isAgreeWarning.value) {
+        message.warning('请先确认已阅读并理解相关提示');
+        return;
+    }
+    
+    // 关闭变更确认对话框
+    changeModalVisible.value = false;
+    
+    // 打开身份验证对话框
+    showVerifyModal();
+};
+
+// 取消变更
+const handleCancelChange = () => {
+    changeModalVisible.value = false;
+    isAgreeWarning.value = false;
+};
+
+// 显示身份验证对话框
+const showVerifyModal = () => {
+    // 重置验证状态
+    verificationCode.value = '';
+    codeError.value = '';
+    sendStatus.value = '';
+    verifyModalVisible.value = true;
+};
+
+// 取消身份验证
+const handleCancelVerify = () => {
+    verifyModalVisible.value = false;
+    // 重置倒计时
+    if (timer) {
+        clearInterval(timer);
+        timer = null;
+    }
+    countdown.value = 0;
+};
+
+// 验证码输入处理
+const handleCodeInput = (e) => {
+    const value = e.target?.value || e;
+    // 只允许数字
+    const numbersOnly = value.replace(/\D/g, '');
+    verificationCode.value = numbersOnly.slice(0, 6);
+    
+    // 清除错误提示
+    if (codeError.value) {
+        codeError.value = '';
+    }
+};
+
+// 发送验证码
+const sendVerificationCode = async () => {
+    if (countdown.value > 0 || sendingCode.value) return;
+    
+    sendingCode.value = true;
+    sendStatus.value = '发送中...';
+    codeError.value = '';
+    
+    try {
+        // 模拟API调用
+        await new Promise(resolve => setTimeout(resolve, 1000));
+        
+        // 假设发送成功
+        sendStatus.value = '发送成功';
+        countdown.value = 60;
+        
+        // 开始倒计时
+        timer = setInterval(() => {
+            countdown.value--;
+            if (countdown.value <= 0) {
+                clearInterval(timer);
+                timer = null;
+            }
+        }, 1000);
+        
+        message.success('验证码已发送');
+    } catch (error) {
+        codeError.value = '发送失败，请稍后重试';
+        sendStatus.value = '';
+    } finally {
+        sendingCode.value = false;
+    }
+};
+
+// 执行验证
+const handleVerify = async () => {
+    if (!isVerificationValid.value) {
+        codeError.value = '请输入有效的6位验证码';
+        return;
+    }
+    
+    verifying.value = true;
+    
+    try {
+        // 模拟API验证
+        await new Promise(resolve => setTimeout(resolve, 1500));
+        
+        // 假设验证成功
+        message.success('身份验证成功');
+        
+        // 关闭验证对话框
+        verifyModalVisible.value = false;
+        
+        // 执行实际的变更操作
+        message.info('跳转至企业认证页面');
+        
+        // 这里可以添加跳转逻辑或API调用
+        // router.push('/enterprise-auth');
+        
+    } catch (error) {
+        codeError.value = '验证码错误，请重新输入';
+        verificationCode.value = '';
+    } finally {
+        verifying.value = false;
+    }
+};
+
+const handleExport = () => {
+    message.info('导出变更记录');
+};
+</script>
+
+<style scoped>
+.real-name-auth {
+    padding: 24px;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    background-color: #fafafa;
+    min-height: 100vh;
+}
+
+/* 页面标题区域 */
+.page-title-area {
+    margin-bottom: 32px;
+}
+
+.page-title {
+    margin: 0 0 12px;
+    font-size: 20px;
+    font-weight: 500;
+    color: #262626;
+}
+
+.page-description {
+    margin: 0;
+    color: #8c8c8c;
+    font-size: 14px;
+    line-height: 1.5;
+}
+
+.protocol-link {
+    color: #1890ff;
+    text-decoration: none;
+}
+
+.protocol-link:hover {
+    text-decoration: underline;
+}
+
+/* 认证卡片 */
+.auth-card {
+    background: white;
+    border-radius: 8px;
+    padding: 24px;
+    margin-bottom: 24px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    border: 1px solid #f0f0f0;
+}
+
+/* 卡片内容区域 - 左右布局 */
+.card-content {
+    display: flex;
+    gap: 40px;
+    margin-bottom: 24px;
+}
+
+/* 左侧信息区 */
+.info-left {
+    flex: 1;
+}
+
+.card-title {
+    margin-bottom: 24px;
+    padding-bottom: 16px;
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.auth-status {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 4px 8px;
+    background: #f6ffed;
+    border-radius: 4px;
+    margin-bottom: 12px;
+}
+
+.status-dot {
+    width: 6px;
+    height: 6px;
+    background: #52c41a;
+    border-radius: 50%;
+}
+
+.status-text {
+    color: #52c41a;
+    font-size: 12px;
+    font-weight: 500;
+}
+
+.auth-type {
+    margin: 0;
+    font-size: 20px;
+    font-weight: 500;
+    color: #262626;
+}
+
+/* 信息网格 */
+.info-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 20px;
+}
+
+.info-item {
+    display: flex;
+    flex-direction: column;
+}
+
+.info-label {
+    color: #595959cf;
+    font-size: 16px;
+    margin-bottom: 6px;
+    font-weight: 400;
+}
+
+.info-value {
+    color: #262626;
+    font-size: 18px;
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+/* 右侧图片区 */
+.image-right {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 150px;
+    margin-top: 60px;
+}
+
+.auth-image {
+    width: 120px;
+    height: 120px;
+    object-fit: contain;
+    opacity: 0.9;
+}
+
+/* 操作按钮 */
+.card-actions {
+    padding-top: 16px;
+    border-top: 1px solid #f0f0f0;
+    width: 200px;
+}
+
+.card-actions .ant-btn {
+    width: 100%;
+    height: 40px;
+    font-size: 14px;
+}
+
+/* 分割线 */
+.divider {
+    height: 1px;
+    background: #f0f0f0;
+    margin: 32px 0;
+}
+
+/* 变更记录区域 */
+.record-section {
+    background: white;
+    border-radius: 8px;
+    padding: 24px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    border: 1px solid #f0f0f0;
+}
+
+.section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+}
+
+.section-title {
+    margin: 0;
+    font-size: 16px;
+    font-weight: 500;
+    color: #262626;
+}
+
+.section-actions .ant-btn-link {
+    color: #1890ff;
+    font-size: 13px;
+}
+
+/* 表格样式 */
+.change-record-table {
+    width: 100%;
+}
+
+.change-record-table :deep(.ant-table-thead > tr > th) {
+    background: #fafafa;
+    color: #595959;
+    font-weight: 500;
+    border-bottom: 1px solid #f0f0f0;
+    padding: 12px 16px;
+    font-size: 13px;
+}
+
+.change-record-table :deep(.ant-table-tbody > tr > td) {
+    padding: 12px 16px;
+    font-size: 13px;
+    color: #262626;
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.change-record-table :deep(.ant-table-tbody > tr:hover > td) {
+    background: #fafafa;
+}
+
+/* 状态标签 */
+.status-tag {
+    display: inline-block;
+    padding: 2px 8px;
+    border-radius: 2px;
+    font-size: 12px;
+    font-weight: 400;
+}
+
+.status-success {
+    background: #f6ffed;
+    color: #52c41a;
+}
+
+.status-failed {
+    background: #fff2f0;
+    color: #ff4d4f;
+}
+
+.status-processing {
+    background: #e6f7ff;
+    color: #1890ff;
+}
+
+/* 空状态 */
+.empty-state {
+    padding: 48px 0;
+    text-align: center;
+}
+
+.empty-icon {
+    font-size: 24px;
+    margin-bottom: 12px;
+    opacity: 0.3;
+}
+
+.empty-text {
+    color: #bfbfbf;
+    font-size: 14px;
+    margin: 0;
+}
+
+/* 变更确认对话框样式 */
+.change-confirm-content {
+    padding: 8px 0;
+}
+
+.warning-section {
+    margin-bottom: 20px;
+}
+
+.warning-item {
+    display: flex;
+    gap: 12px;
+    margin-bottom: 16px;
+    padding: 12px;
+    background: #fff7e6;
+    border-radius: 6px;
+    border-left: 4px solid #faad14;
+}
+
+.warning-item:last-child {
+    margin-bottom: 0;
+}
+
+.warning-icon {
+    font-size: 18px;
+    line-height: 1.4;
+}
+
+.warning-text {
+    flex: 1;
+    color: #262626;
+    font-size: 14px;
+    line-height: 1.5;
+}
+
+.confirm-agreement {
+    padding: 16px;
+    background: #fafafa;
+    border-radius: 6px;
+    border: 1px solid #f0f0f0;
+}
+
+.confirm-agreement :deep(.ant-checkbox-wrapper) {
+    display: flex;
+    align-items: flex-start;
+}
+
+.agreement-text {
+    color: #595959;
+    font-size: 13px;
+    line-height: 1.4;
+    margin-left: 8px;
+}
+
+/* 身份验证对话框样式 */
+.verify-content {
+    padding: 8px 0;
+}
+
+.security-tip {
+    display: flex;
+    align-items: flex-start;
+    gap: 12px;
+    margin-bottom: 24px;
+    padding: 16px;
+    background: #f6f9ff;
+    border-radius: 8px;
+    border: 1px solid #e6f0ff;
+}
+
+.security-icon {
+    font-size: 20px;
+    line-height: 1.4;
+}
+
+.security-text {
+    flex: 1;
+}
+
+.security-title {
+    color: #1890ff;
+    font-size: 14px;
+    font-weight: 500;
+    margin-bottom: 4px;
+}
+
+.security-subtitle {
+    color: #595959;
+    font-size: 13px;
+}
+
+.phone-info {
+    margin-bottom: 24px;
+    padding: 16px;
+    background: #fafafa;
+    border-radius: 6px;
+    border: 1px solid #f0f0f0;
+}
+
+.phone-label {
+    color: #595959;
+    font-size: 13px;
+    margin-bottom: 8px;
+}
+
+.phone-number {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.phone-icon {
+    font-size: 16px;
+}
+
+.phone-text {
+    color: #262626;
+    font-size: 16px;
+    font-weight: 500;
+}
+
+.verification-code {
+    margin-bottom: 16px;
+}
+
+.code-label {
+    color: #262626;
+    font-size: 14px;
+    font-weight: 500;
+    margin-bottom: 8px;
+}
+
+.code-input-group {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+}
+
+.code-input {
+    flex: 1;
+}
+
+.code-input :deep(.ant-input) {
+    height: 40px;
+    font-size: 14px;
+    letter-spacing: 2px;
+}
+
+.send-code-btn {
+    width: 100px;
+    height: 40px;
+    padding: 0;
+    white-space: nowrap;
+}
+
+.send-code-btn:disabled {
+    color: #bfbfbf;
+}
+
+.code-error {
+    color: #ff4d4f;
+    font-size: 12px;
+    margin-top: 4px;
+    min-height: 20px;
+}
+
+.send-status {
+    color: #595959;
+    font-size: 12px;
+    text-align: center;
+    margin-top: 8px;
+    min-height: 20px;
+}
+
+.send-success {
+    color: #52c41a;
+}
+
+/* 响应式 */
+@media (max-width: 768px) {
+    .real-name-auth {
+        padding: 16px;
+    }
+
+    .card-content {
+        flex-direction: column;
+        gap: 24px;
+    }
+
+    .info-grid {
+        grid-template-columns: 1fr;
+        gap: 16px;
+    }
+
+    .image-right {
+        width: 100%;
+        order: -1;
+    }
+
+    .auth-image {
+        width: 100px;
+        height: 100px;
+    }
+
+    .auth-card,
+    .record-section {
+        padding: 16px;
+    }
+
+    .code-input-group {
+        flex-direction: column;
+        gap: 8px;
+    }
+
+    .send-code-btn {
+        width: 100%;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/admin/account/realnameAuthTrue/index.vue b/src/views/admin/account/realnameAuthTrue/index.vue
index 07ada81..5b6150e 100644
--- a/src/views/admin/account/realnameAuthTrue/index.vue
+++ b/src/views/admin/account/realnameAuthTrue/index.vue
@@ -59,7 +59,7 @@
 
             <!-- 操作区域 -->
             <div class="card-actions">
-                <a-button type="primary" size="large" @click="handleChangeAuth">
+                <a-button type="primary" size="large" @click="showChangeConfirm">
                     变更为企业认证
                 </a-button>
             </div>
@@ -93,12 +93,117 @@
                 </template>
             </a-table>
         </div>
+
+        <!-- 变更确认对话框 -->
+        <a-modal
+            v-model:visible="changeModalVisible"
+            title="确认变更认证类型"
+            @ok="handleConfirmChange"
+            @cancel="handleCancelChange"
+            :maskClosable="false"
+            :width="520"
+            :ok-button-props="{ disabled: !isAgreeWarning }"
+        >
+            <div class="change-confirm-content">
+                <!-- 警告提示 -->
+                <div class="warning-section">
+                    <div class="warning-item">
+                        <span class="warning-icon">⚠️</span>
+                        <div class="warning-text">
+                            您正在进行个人实名认证变更为企业实名认证操作，变更后账号以及账号下资产将属于新的认证企业。
+                        </div>
+                    </div>
+                    <div class="warning-item">
+                        <span class="warning-icon">⚠️</span>
+                        <div class="warning-text">
+                            请知悉升级企业实名认证后，该账号将无法再变更回个人实名认证，请您谨慎操作。
+                        </div>
+                    </div>
+                </div>
+
+                <!-- 确认条款 -->
+                <div class="confirm-agreement">
+                    <a-checkbox v-model:checked="isAgreeWarning">
+                        <span class="agreement-text">
+                            我已阅读并理解以上提示，确认继续变更
+                        </span>
+                    </a-checkbox>
+                </div>
+            </div>
+        </a-modal>
+
+        <!-- 身份验证对话框 -->
+        <a-modal
+            v-model:visible="verifyModalVisible"
+            title="身份验证"
+            @ok="handleVerify"
+            @cancel="handleCancelVerify"
+            :maskClosable="false"
+            :width="480"
+            :ok-button-props="{ disabled: !isVerificationValid }"
+            :confirmLoading="verifying"
+        >
+            <div class="verify-content">
+                <!-- 安全提示 -->
+                <div class="security-tip">
+                    <!-- <div class="security-icon">🔒</div> -->
+                    <div class="security-text">
+                        <div class="security-title">为确保账号安全，请您本人操作进行身份验证</div>
+                        <div class="security-subtitle">我们将向您绑定的手机发送验证码</div>
+                    </div>
+                </div>
+
+                <!-- 手机号信息 -->
+                <div class="phone-info">
+                    <div class="phone-label">验证手机号</div>
+                    <div class="phone-number">
+                        <!-- <span class="phone-icon">📱</span> -->
+                        <span class="phone-text">{{ maskedPhone }}</span>
+                    </div>
+                </div>
+
+                <!-- 验证码输入 -->
+                <div class="verification-code">
+                    <div class="code-label">验证码</div>
+                    <div class="code-input-group">
+                        <a-input
+                            v-model:value="verificationCode"
+                            placeholder="请输入6位验证码"
+                            :maxlength="6"
+                            @input="handleCodeInput"
+                            class="code-input"
+                        />
+                        <a-button
+                            type="link"
+                            @click="sendVerificationCode"
+                            :disabled="countdown > 0 || sendingCode"
+                            class="send-code-btn"
+                        >
+                            {{ countdownText }}
+                        </a-button>
+                    </div>
+                    <div v-if="codeError" class="code-error">{{ codeError }}</div>
+                </div>
+
+                <!-- 发送状态 -->
+                <div v-if="sendStatus" class="send-status" :class="{ 'send-success': sendStatus === '发送成功' }">
+                    {{ sendStatus }}
+                </div>
+            </div>
+        </a-modal>
     </div>
 </template>
 
 <script setup>
-import { ref } from 'vue';
-import { Button as AButton, Table as ATable, message } from 'ant-design-vue';
+import { ref, computed, onUnmounted } from 'vue';
+import { 
+    Button as AButton, 
+    Table as ATable, 
+    Modal as AModal,
+    Checkbox as ACheckbox,
+    Input as AInput,
+    message 
+} from 'ant-design-vue';
 
 // 表格列定义
 const columns = [
@@ -147,6 +252,51 @@ const dataSource = ref([
     },
 ]);
 
+// 对话框状态
+const changeModalVisible = ref(false);
+const isAgreeWarning = ref(false);
+
+// 身份验证相关状态
+const verifyModalVisible = ref(false);
+const verificationCode = ref('');
+const countdown = ref(0);
+const sendingCode = ref(false);
+const sendStatus = ref('');
+const codeError = ref('');
+const verifying = ref(false);
+
+// 用户绑定的手机号（实际应该从用户信息获取）
+const userPhone = '13800138000';
+
+// 计算属性
+const maskedPhone = computed(() => {
+    if (userPhone.length > 7) {
+        return userPhone.slice(0, 3) + '****' + userPhone.slice(7);
+    }
+    return userPhone;
+});
+
+const countdownText = computed(() => {
+    if (countdown.value > 0) {
+        return `${countdown.value}秒后重试`;
+    }
+    return '获取验证码';
+});
+
+const isVerificationValid = computed(() => {
+    return verificationCode.value.length === 6 && /^\d+$/.test(verificationCode.value);
+});
+
+// 倒计时定时器
+let timer = null;
+
+// 清理定时器
+onUnmounted(() => {
+    if (timer) {
+        clearInterval(timer);
+    }
+});
+
 const getStatusClass = (status) => {
     const statusMap = {
         '成功': 'status-success',
@@ -160,8 +310,131 @@ const handleCopy = () => {
     message.success('身份证号已复制');
 };
 
-const handleChangeAuth = () => {
-    message.info('跳转至企业认证页面');
+// 显示变更确认对话框
+const showChangeConfirm = () => {
+    // 重置确认状态
+    isAgreeWarning.value = false;
+    changeModalVisible.value = true;
+};
+
+// 确认变更，打开身份验证对话框
+const handleConfirmChange = () => {
+    if (!isAgreeWarning.value) {
+        message.warning('请先确认已阅读并理解相关提示');
+        return;
+    }
+    
+    // 关闭变更确认对话框
+    changeModalVisible.value = false;
+    
+    // 打开身份验证对话框
+    showVerifyModal();
+};
+
+// 取消变更
+const handleCancelChange = () => {
+    changeModalVisible.value = false;
+    isAgreeWarning.value = false;
+};
+
+// 显示身份验证对话框
+const showVerifyModal = () => {
+    // 重置验证状态
+    verificationCode.value = '';
+    codeError.value = '';
+    sendStatus.value = '';
+    verifyModalVisible.value = true;
+};
+
+// 取消身份验证
+const handleCancelVerify = () => {
+    verifyModalVisible.value = false;
+    // 重置倒计时
+    if (timer) {
+        clearInterval(timer);
+        timer = null;
+    }
+    countdown.value = 0;
+};
+
+// 验证码输入处理
+const handleCodeInput = (e) => {
+    const value = e.target?.value || e;
+    // 只允许数字
+    const numbersOnly = value.replace(/\D/g, '');
+    verificationCode.value = numbersOnly.slice(0, 6);
+    
+    // 清除错误提示
+    if (codeError.value) {
+        codeError.value = '';
+    }
+};
+
+// 发送验证码
+const sendVerificationCode = async () => {
+    if (countdown.value > 0 || sendingCode.value) return;
+    
+    sendingCode.value = true;
+    sendStatus.value = '发送中...';
+    codeError.value = '';
+    
+    try {
+        // 模拟API调用
+        await new Promise(resolve => setTimeout(resolve, 1000));
+        
+        // 假设发送成功
+        sendStatus.value = '发送成功';
+        countdown.value = 60;
+        
+        // 开始倒计时
+        timer = setInterval(() => {
+            countdown.value--;
+            if (countdown.value <= 0) {
+                clearInterval(timer);
+                timer = null;
+            }
+        }, 1000);
+        
+        message.success('验证码已发送');
+    } catch (error) {
+        codeError.value = '发送失败，请稍后重试';
+        sendStatus.value = '';
+    } finally {
+        sendingCode.value = false;
+    }
+};
+
+// 执行验证
+const handleVerify = async () => {
+    if (!isVerificationValid.value) {
+        codeError.value = '请输入有效的6位验证码';
+        return;
+    }
+    
+    verifying.value = true;
+    
+    try {
+        // 模拟API验证
+        await new Promise(resolve => setTimeout(resolve, 1500));
+        
+        // 假设验证成功
+        message.success('身份验证成功');
+        
+        // 关闭验证对话框
+        verifyModalVisible.value = false;
+        
+        // 执行实际的变更操作
+        message.info('跳转至企业认证页面');
+        
+        // 这里可以添加跳转逻辑或API调用
+        // router.push('/enterprise-auth');
+        
+    } catch (error) {
+        codeError.value = '验证码错误，请重新输入';
+        verificationCode.value = '';
+    } finally {
+        verifying.value = false;
+    }
 };
 
 const handleExport = () => {
@@ -258,7 +531,7 @@ const handleExport = () => {
 
 .auth-type {
     margin: 0;
-    font-size: 16px;
+    font-size: 20px;
     font-weight: 500;
     color: #262626;
 }
@@ -277,14 +550,14 @@ const handleExport = () => {
 
 .info-label {
     color: #595959cf;
-    font-size: 14px;
+    font-size: 16px;
     margin-bottom: 6px;
     font-weight: 400;
 }
 
 .info-value {
     color: #262626;
-    font-size: 14px;
+    font-size: 18px;
     font-weight: 500;
     display: flex;
     align-items: center;
@@ -422,6 +695,184 @@ const handleExport = () => {
     margin: 0;
 }
 
+/* 变更确认对话框样式 */
+.change-confirm-content {
+    padding: 8px 0;
+}
+
+.warning-section {
+    margin-bottom: 20px;
+}
+
+.warning-item {
+    display: flex;
+    gap: 12px;
+    margin-bottom: 16px;
+    padding: 12px;
+    background: #fff7e6;
+    border-radius: 6px;
+    border-left: 4px solid #faad14;
+}
+
+.warning-item:last-child {
+    margin-bottom: 0;
+}
+
+.warning-icon {
+    font-size: 18px;
+    line-height: 1.4;
+}
+
+.warning-text {
+    flex: 1;
+    color: #262626;
+    font-size: 14px;
+    line-height: 1.5;
+}
+
+.confirm-agreement {
+    padding: 16px;
+    background: #fafafa;
+    border-radius: 6px;
+    border: 1px solid #f0f0f0;
+}
+
+.confirm-agreement :deep(.ant-checkbox-wrapper) {
+    display: flex;
+    align-items: flex-start;
+}
+
+.agreement-text {
+    color: #595959;
+    font-size: 13px;
+    line-height: 1.4;
+    margin-left: 8px;
+}
+
+/* 身份验证对话框样式 */
+.verify-content {
+    padding: 8px 0;
+}
+
+.security-tip {
+    display: flex;
+    align-items: flex-start;
+    gap: 12px;
+    margin-bottom: 24px;
+    padding: 16px;
+    background: #f6f9ff;
+    border-radius: 8px;
+    border: 1px solid #e6f0ff;
+}
+
+.security-icon {
+    font-size: 20px;
+    line-height: 1.4;
+}
+
+.security-text {
+    flex: 1;
+}
+
+.security-title {
+    color: #1890ff;
+    font-size: 14px;
+    font-weight: 500;
+    margin-bottom: 4px;
+}
+
+.security-subtitle {
+    color: #595959;
+    font-size: 13px;
+}
+
+.phone-info {
+    margin-bottom: 24px;
+    padding: 16px;
+    background: #fafafa;
+    border-radius: 6px;
+    border: 1px solid #f0f0f0;
+}
+
+.phone-label {
+    color: #595959;
+    font-size: 13px;
+    margin-bottom: 8px;
+}
+
+.phone-number {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.phone-icon {
+    font-size: 16px;
+}
+
+.phone-text {
+    color: #262626;
+    font-size: 16px;
+    font-weight: 500;
+}
+
+.verification-code {
+    margin-bottom: 16px;
+}
+
+.code-label {
+    color: #262626;
+    font-size: 14px;
+    font-weight: 500;
+    margin-bottom: 8px;
+}
+
+.code-input-group {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+}
+
+.code-input {
+    flex: 1;
+}
+
+.code-input :deep(.ant-input) {
+    height: 40px;
+    font-size: 14px;
+    letter-spacing: 2px;
+}
+
+.send-code-btn {
+    width: 100px;
+    height: 40px;
+    padding: 0;
+    white-space: nowrap;
+}
+
+.send-code-btn:disabled {
+    color: #bfbfbf;
+}
+
+.code-error {
+    color: #ff4d4f;
+    font-size: 12px;
+    margin-top: 4px;
+    min-height: 20px;
+}
+
+.send-status {
+    color: #595959;
+    font-size: 12px;
+    text-align: center;
+    margin-top: 8px;
+    min-height: 20px;
+}
+
+.send-success {
+    color: #52c41a;
+}
+
 /* 响应式 */
 @media (max-width: 768px) {
     .real-name-auth {
@@ -452,5 +903,14 @@ const handleExport = () => {
     .record-section {
         padding: 16px;
     }
+
+    .code-input-group {
+        flex-direction: column;
+        gap: 8px;
+    }
+
+    .send-code-btn {
+        width: 100%;
+    }
 }
 </style>
\ No newline at end of file