From 3a2d61e13c00a737cfcaea8136c783e536cfa00e Mon Sep 17 00:00:00 2001
From: yuhawu <15545526+yuhawu@user.noreply.gitee.com>
Date: Sat, 6 Sep 2025 16:44:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9EPDD=E8=B7=B3=E8=BD=AC?=
 =?UTF-8?q?=E6=B3=A8=E5=86=8C=E9=A1=B5=E9=9D=A2code=E6=8E=88=E6=9D=83?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/redirectUrl/index.vue | 1384 ++++++++++++++++---------------
 1 file changed, 693 insertions(+), 691 deletions(-)

diff --git a/src/views/redirectUrl/index.vue b/src/views/redirectUrl/index.vue
index 42ad2e9..a505ecc 100644
--- a/src/views/redirectUrl/index.vue
+++ b/src/views/redirectUrl/index.vue
@@ -1,130 +1,130 @@
 <template>
-    <div class="register-page">
-        <div class="page-container">
-            <!-- 左侧注册区域 -->
-            <div class="left-section">
-                <div class="section-title">
-                    <h1>未注册用户请在下方注册</h1>
-                </div>
-                <div class="register-form">
-                    <!-- 标题 -->
-                    <div class="form-header">
-                        <h2>与书同行</h2>
-                    </div>
-
-                    <!-- 表单 -->
-                    <el-form ref="formRef" :model="formData" :rules="rules" label-width="0">
-                        <!-- 用户名 -->
-                        <el-form-item prop="username" style="display: none;">
-                            <el-input v-model="formData.username" placeholder="用户名" size="large" :prefix-icon="User"
-                                disabled />
-                        </el-form-item>
-
-                        <!-- 手机号 -->
-                        <el-form-item prop="phoneNumber">
-                            <el-input v-model="formData.phoneNumber" placeholder="手机号" size="large"
-                                :prefix-icon="Phone" />
-                        </el-form-item>
-
-                        <!-- 密码 -->
-                        <el-form-item prop="password">
-                            <el-input v-model="formData.password" type="password" placeholder="密码" size="large"
-                                :prefix-icon="Lock" show-password />
-                        </el-form-item>
-
-                        <!-- 确认密码 -->
-                        <el-form-item prop="confirmPassword">
-                            <el-input v-model="formData.confirmPassword" type="password" placeholder="确认密码" size="large"
-                                :prefix-icon="Lock" show-password />
-                        </el-form-item>
-
-                        <!-- 邀请码 -->
-                        <el-form-item prop="inviteCode">
-                            <el-input v-model="formData.inviteCode" placeholder="邀请码(非必填)" size="large"
-                                :prefix-icon="Message" />
-                        </el-form-item>
-
-                        <!-- 验证码 -->
-                        <el-form-item v-if="captchaEnabled" prop="code">
-                            <div class="captcha-row">
-                                <el-input v-model="formData.code" placeholder="验证码" size="large" :prefix-icon="Key" />
-                                <div class="captcha-image" @click="getCaptcha">
-                                    <img v-if="captchaImg" :src="captchaImg" alt="验证码" />
-                                </div>
-                            </div>
-                        </el-form-item>
-
-                        <!-- 注册按钮 -->
-                        <el-form-item>
-                            <el-button type="primary" size="large" class="register-btn" @click="handleRegister"
-                                :loading="loading">
-                                注册
-                            </el-button>
-                        </el-form-item>
-                    </el-form>
-                </div>
-            </div>
-
-            <!-- 右侧已注册用户区域 -->
-            <div class="right-section">
-                <div class="section-title">
-                    <h1>已注册用户请到浏览器打开后台管理系统</h1>
-                </div>
-                <div class="login-info">
-                    <div class="login-url">
-                        <p class="url-label">后台管理系统地址：</p>
-                        <div class="url-box">
-                            <a class="url-text" href="https://erp.buzhiyushu.cn/" target="_blank" rel="noopener noreferrer">https://erp.buzhiyushu.cn/</a>
-                            <el-button type="primary" size="small" @click="copyLoginUrl" class="copy-btn">
-                                复制链接
-                            </el-button>
-                        </div>
-                    </div>
-
-                    <!-- 授权码区域 -->
-                    <div v-if="urlParams.code" class="auth-code">
-                        <p class="url-label">授权码：</p>
-                        <div class="url-box">
-                            <span class="url-text">{{ urlParams.code }}</span>
-                            <el-button type="success" size="small" @click="copyAuthCode" class="copy-btn">
-                                复制授权码
-                            </el-button>
-                        </div>
-                        <p class="auth-code-tip">复制授权码并在软件上粘贴后完成店铺绑定，授权码有效期为10分钟</p>
-                    </div>
-
-                    <div class="flow-chart">
-                        <h3>操作流程图</h3>
-                        <div class="chart-container" @click="showFlowChart">
-                            <img src="/flow-chart.png" alt="操作流程图" class="flow-image" />
-                            <div class="click-tip">点击查看大图</div>
-                        </div>
-                    </div>
-                </div>
-            </div>
+  <div class="register-page">
+    <div class="page-container">
+      <!-- 左侧注册区域 -->
+      <div class="left-section">
+        <div class="section-title">
+          <h1>未注册用户请在下方注册</h1>
         </div>
+        <div class="register-form">
+          <!-- 标题 -->
+          <div class="form-header">
+            <h2>与书同行</h2>
+          </div>
 
-        <!-- 全屏图片查看器 -->
-        <div v-if="showImageViewer" class="image-viewer-overlay" @click="closeImageViewer">
-            <div class="image-viewer-container">
-                <div class="image-viewer-header">
-                    <h3>操作流程图</h3>
-                    <button class="close-btn" @click="closeImageViewer">×</button>
+          <!-- 表单 -->
+          <el-form ref="formRef" :model="formData" :rules="rules" label-width="0">
+            <!-- 用户名 -->
+            <el-form-item prop="username" style="display: none;">
+              <el-input v-model="formData.username" placeholder="用户名" size="large" :prefix-icon="User"
+                        disabled/>
+            </el-form-item>
+
+            <!-- 手机号 -->
+            <el-form-item prop="phoneNumber">
+              <el-input v-model="formData.phoneNumber" placeholder="手机号" size="large"
+                        :prefix-icon="Phone"/>
+            </el-form-item>
+
+            <!-- 密码 -->
+            <el-form-item prop="password">
+              <el-input v-model="formData.password" type="password" placeholder="密码" size="large"
+                        :prefix-icon="Lock" show-password/>
+            </el-form-item>
+
+            <!-- 确认密码 -->
+            <el-form-item prop="confirmPassword">
+              <el-input v-model="formData.confirmPassword" type="password" placeholder="确认密码" size="large"
+                        :prefix-icon="Lock" show-password/>
+            </el-form-item>
+
+            <!-- 邀请码 -->
+            <el-form-item prop="inviteCode">
+              <el-input v-model="formData.inviteCode" placeholder="邀请码(非必填)" size="large"
+                        :prefix-icon="Message"/>
+            </el-form-item>
+
+            <!-- 验证码 -->
+            <el-form-item v-if="captchaEnabled" prop="code">
+              <div class="captcha-row">
+                <el-input v-model="formData.code" placeholder="验证码" size="large" :prefix-icon="Key"/>
+                <div class="captcha-image" @click="getCaptcha">
+                  <img v-if="captchaImg" :src="captchaImg" alt="验证码"/>
                 </div>
-                <div class="image-viewer-content">
-                    <img src="/flow-chart.png" alt="操作流程图" class="full-image" />
-                </div>
-            </div>
+              </div>
+            </el-form-item>
+
+            <!-- 注册按钮 -->
+            <el-form-item>
+              <el-button type="primary" size="large" class="register-btn" @click="handleRegister"
+                         :loading="loading">
+                注册
+              </el-button>
+            </el-form-item>
+          </el-form>
         </div>
+      </div>
+
+      <!-- 右侧已注册用户区域 -->
+      <div class="right-section">
+        <div class="section-title">
+          <h1>已注册用户请到浏览器打开后台管理系统</h1>
+        </div>
+        <div class="login-info">
+          <div class="login-url">
+            <p class="url-label">后台管理系统地址：</p>
+            <div class="url-box">
+              <a class="url-text" href="https://erp.buzhiyushu.cn/" target="_blank" rel="noopener noreferrer">https://erp.buzhiyushu.cn/</a>
+              <el-button type="primary" size="small" @click="copyLoginUrl" class="copy-btn">
+                复制链接
+              </el-button>
+            </div>
+          </div>
+
+          <!-- 授权码区域 -->
+          <div v-if="urlParams.code" class="auth-code">
+            <p class="url-label">授权码：</p>
+            <div class="url-box">
+              <span class="url-text">{{ urlParams.code }}</span>
+              <el-button type="success" size="small" @click="copyAuthCode" class="copy-btn">
+                复制授权码
+              </el-button>
+            </div>
+            <p class="auth-code-tip">复制授权码并在软件上粘贴后完成店铺绑定，授权码有效期为10分钟</p>
+          </div>
+
+          <div class="flow-chart">
+            <h3>操作流程图</h3>
+            <div class="chart-container" @click="showFlowChart">
+              <img src="/flow-chart.png" alt="操作流程图" class="flow-image"/>
+              <div class="click-tip">点击查看大图</div>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
+
+    <!-- 全屏图片查看器 -->
+    <div v-if="showImageViewer" class="image-viewer-overlay" @click="closeImageViewer">
+      <div class="image-viewer-container">
+        <div class="image-viewer-header">
+          <h3>操作流程图</h3>
+          <button class="close-btn" @click="closeImageViewer">×</button>
+        </div>
+        <div class="image-viewer-content">
+          <img src="/flow-chart.png" alt="操作流程图" class="full-image"/>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
-import { useRoute } from 'vue-router'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { User, Phone, Lock, Message, Key } from '@element-plus/icons-vue'
-import { getApiUrl } from '@/config/api'
+import {ref, onMounted} from 'vue'
+import {useRoute} from 'vue-router'
+import {ElMessage, ElMessageBox} from 'element-plus'
+import {User, Phone, Lock, Message, Key} from '@element-plus/icons-vue'
+import {getApiUrl} from '@/config/api'
 
 const route = useRoute()
 const loading = ref(false)
@@ -134,312 +134,313 @@ const captchaEnabled = ref(true)
 
 // URL参数
 const urlParams = ref({
-    pddMallId: '',
-    pddMallName: '',
-    type: '',
-    accessToken: '',
-    skuSpec: '',
-    code: ''
+  pddMallId: '',
+  pddMallName: '',
+  type: '',
+  accessToken: '',
+  skuSpec: '',
+  code: ''
 })
 
 // 表单数据
 const formData = ref({
-    username: '',
-    phoneNumber: '',
-    password: '',
-    confirmPassword: '',
-    inviteCode: '',
-    code: '',
-    uuid: '',
-    clientId: 'e5cd7e4891bf95d1d19206ce24a7b32e',
-    grantType: 'password',
-    tenantId: '000000',
-    userType: 'sys_user'
+  username: '',
+  phoneNumber: '',
+  password: '',
+  confirmPassword: '',
+  inviteCode: '',
+  code: '',
+  uuid: '',
+  clientId: 'e5cd7e4891bf95d1d19206ce24a7b32e',
+  grantType: 'password',
+  tenantId: '000000',
+  userType: 'sys_user'
 })
 
 // 表单验证规则
 const rules = {
-    username: [
-        // 由于用户名字段已隐藏，且由系统自动生成，移除必填验证
-        // { required: true, message: '请输入用户名', trigger: 'blur' },
-        { min: 2, max: 20, message: '用户名长度在2到20个字符', trigger: 'blur' }
-    ],
-    phoneNumber: [
-        { required: true, message: '请输入手机号', trigger: 'blur' },
-        { pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号', trigger: 'blur' }
-    ],
-    password: [
-        { required: true, message: '请输入密码', trigger: 'blur' },
-        { min: 5, max: 20, message: '密码长度在5到20个字符', trigger: 'blur' }
-    ],
-    confirmPassword: [
-        { required: true, message: '请确认密码', trigger: 'blur' },
-        {
-            validator: (rule, value, callback) => {
-                if (value !== formData.value.password) {
-                    callback(new Error('两次输入密码不一致'))
-                } else {
-                    callback()
-                }
-            },
-            trigger: 'blur'
+  username: [
+    // 由于用户名字段已隐藏，且由系统自动生成，移除必填验证
+    // { required: true, message: '请输入用户名', trigger: 'blur' },
+    {min: 2, max: 20, message: '用户名长度在2到20个字符', trigger: 'blur'}
+  ],
+  phoneNumber: [
+    {required: true, message: '请输入手机号', trigger: 'blur'},
+    {pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号', trigger: 'blur'}
+  ],
+  password: [
+    {required: true, message: '请输入密码', trigger: 'blur'},
+    {min: 5, max: 20, message: '密码长度在5到20个字符', trigger: 'blur'}
+  ],
+  confirmPassword: [
+    {required: true, message: '请确认密码', trigger: 'blur'},
+    {
+      validator: (rule, value, callback) => {
+        if (value !== formData.value.password) {
+          callback(new Error('两次输入密码不一致'))
+        } else {
+          callback()
         }
-    ],
-    code: [
-        {
-            required: true,
-            message: '请输入验证码',
-            trigger: 'blur',
-            validator: (rule, value, callback) => {
-                // 如果验证码未启用，直接通过验证
-                if (!captchaEnabled.value) {
-                    callback()
-                    return
-                }
-                // 如果验证码启用但为空，则验证失败
-                if (!value) {
-                    callback(new Error('请输入验证码'))
-                } else {
-                    callback()
-                }
-            }
+      },
+      trigger: 'blur'
+    }
+  ],
+  code: [
+    {
+      required: true,
+      message: '请输入验证码',
+      trigger: 'blur',
+      validator: (rule, value, callback) => {
+        // 如果验证码未启用，直接通过验证
+        if (!captchaEnabled.value) {
+          callback()
+          return
         }
-    ]
+        // 如果验证码启用但为空，则验证失败
+        if (!value) {
+          callback(new Error('请输入验证码'))
+        } else {
+          callback()
+        }
+      }
+    }
+  ]
 }
 
 // 获取URL参数
 const getUrlParams = () => {
-    const query = route.query
-    urlParams.value = {
-        // pddMallId: query.pddMallId || '',
-        // pddMallName: decodeURIComponent(query.pddMallName || ''),
-        // type: query.type || '',
-        // accessToken: query.accessToken || '',
-        // skuSpec: decodeURIComponent(query.skuSpec || ''),
-        code: query.code || ''
-    }
+  const query = route.query
+  urlParams.value = {
+    // pddMallId: query.pddMallId || '',
+    // pddMallName: decodeURIComponent(query.pddMallName || ''),
+    // type: query.type || '',
+    // accessToken: query.accessToken || '',
+    // skuSpec: decodeURIComponent(query.skuSpec || ''),
+    code: query.code || ''
+  }
 
-    // 将 "pdd" + pddMallId 回填到用户名
-    // if (urlParams.value.pddMallId) {
-    //     formData.value.username = 'pdd' + urlParams.value.pddMallId
-    // }
+  // 将 "pdd" + pddMallId 回填到用户名
+  // if (urlParams.value.pddMallId) {
+  //     formData.value.username = 'pdd' + urlParams.value.pddMallId
+  // }
 }
 
 // 获取验证码
 const getCaptcha = async () => {
-    try {
-        const response = await fetch(getApiUrl('/auth/code'), {
-            method: 'GET',
-            headers: {
-                'Content-Type': 'application/json'
-            }
-        })
+  try {
+    const response = await fetch(getApiUrl('/auth/code'), {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
 
-        if (response.ok) {
-            // 检查响应内容类型
-            const contentType = response.headers.get('content-type')
-            if (contentType && contentType.includes('application/json')) {
-                const result = await response.json()
-                if (result.code === 200) {
-                    const { data } = result
+    if (response.ok) {
+      // 检查响应内容类型
+      const contentType = response.headers.get('content-type')
+      if (contentType && contentType.includes('application/json')) {
+        const result = await response.json()
+        if (result.code === 200) {
+          const {data} = result
 
-                    // 检查是否启用验证码
-                    captchaEnabled.value = data.captchaEnabled === undefined ? true : data.captchaEnabled
+          // 检查是否启用验证码
+          captchaEnabled.value = data.captchaEnabled === undefined ? true : data.captchaEnabled
 
-                    if (captchaEnabled.value) {
-                        // 设置验证码图片和UUID
-                        formData.value.uuid = data.uuid
-                        captchaImg.value = 'data:image/gif;base64,' + data.img
-                    } else {
-                        // 如果验证码未启用，清空相关字段
-                        formData.value.uuid = ''
-                        captchaImg.value = ''
-                        // 可以隐藏验证码输入框或显示提示
-                    }
-                } else {
-                    // 处理验证码获取失败的错误信息
-                    let errorMessage = result.msg || '获取验证码失败'
-
-                    // 将英文验证码错误转换为中文
-                    if (result.msg === 'Captcha error') {
-                        errorMessage = '验证码生成失败，请重试'
-                    } else if (result.msg === 'Captcha invalid') {
-                        errorMessage = '验证码服务异常，请重试'
-                    } else if (result.msg && (
-                        result.msg.includes('Captcha') ||
-                        result.msg.includes('captcha')
-                    )) {
-                        errorMessage = '验证码服务异常，请重试'
-                    }
-
-                    ElMessage.error(errorMessage)
-                }
-            } else {
-                // 服务器返回的不是JSON格式
-                const text = await response.text()
-                ElMessage.error('服务器响应格式错误，请检查API接口')
-            }
+          if (captchaEnabled.value) {
+            // 设置验证码图片和UUID
+            formData.value.uuid = data.uuid
+            captchaImg.value = 'data:image/gif;base64,' + data.img
+          } else {
+            // 如果验证码未启用，清空相关字段
+            formData.value.uuid = ''
+            captchaImg.value = ''
+            // 可以隐藏验证码输入框或显示提示
+          }
         } else {
-            // HTTP状态码不是200-299
-            ElMessage.error(`获取验证码失败 (${response.status})，请重试`)
-        }
-    } catch (error) {
-        if (error.name === 'SyntaxError' && error.message.includes('JSON')) {
-            ElMessage.error('服务器响应格式错误，请检查API接口')
-        } else {
-            ElMessage.error('网络错误，获取验证码失败')
+          // 处理验证码获取失败的错误信息
+          let errorMessage = result.msg || '获取验证码失败'
+
+          // 将英文验证码错误转换为中文
+          if (result.msg === 'Captcha error') {
+            errorMessage = '验证码生成失败，请重试'
+          } else if (result.msg === 'Captcha invalid') {
+            errorMessage = '验证码服务异常，请重试'
+          } else if (result.msg && (
+              result.msg.includes('Captcha') ||
+              result.msg.includes('captcha')
+          )) {
+            errorMessage = '验证码服务异常，请重试'
+          }
+
+          ElMessage.error(errorMessage)
         }
+      } else {
+        // 服务器返回的不是JSON格式
+        const text = await response.text()
+        ElMessage.error('服务器响应格式错误，请检查API接口')
+      }
+    } else {
+      // HTTP状态码不是200-299
+      ElMessage.error(`获取验证码失败 (${response.status})，请重试`)
     }
+  } catch (error) {
+    if (error.name === 'SyntaxError' && error.message.includes('JSON')) {
+      ElMessage.error('服务器响应格式错误，请检查API接口')
+    } else {
+      ElMessage.error('网络错误，获取验证码失败')
+    }
+  }
 }
 
 // 注册处理
 const handleRegister = async () => {
-    try {
-        // 表单验证
-        const valid = await formRef.value.validate()
-        if (!valid) return
+  try {
+    // 表单验证
+    const valid = await formRef.value.validate()
+    if (!valid) return
 
-        loading.value = true
+    loading.value = true
 
-        // 如果有授权码，先调用拼多多获取token接口
-        if (urlParams.value.code) {
-            try {
-                const response = await fetch(getApiUrl(`/huidiao/pdd/getPddToken?code=${urlParams.value.code}`), {
-                    method: 'GET',
-                    headers: {
-                        'Content-Type': 'application/json'
-                    }
-                })
-                
-                const result = await response.json()
-                if (result.code === 200 && result.data) {
-                    // 获取成功，更新URL参数
-                    urlParams.value.accessToken = result.data.accessToken || ''
-                    urlParams.value.pddMallId = result.data.pddMallId || ''
-                    urlParams.value.pddMallName = result.data.pddMallName || ''
-                    urlParams.value.skuSpec = result.data.skuSpec || ''
-                    
-                    // 更新用户名
-                    if (urlParams.value.pddMallId) {
-                        formData.value.username = 'pdd' + urlParams.value.pddMallId
-                    }
-                    
-                    console.log('获取拼多多Token成功:', result.data)
-                } else {
-                    // 获取失败但继续注册流程
-                    console.error('获取拼多多Token失败:', result.msg || '未知错误')
-                    if (result.msg) {
-                        ElMessage.warning(`获取拼多多信息: ${result.msg}`)
-                    }
-                }
-            } catch (error) {
-                console.error('调用拼多多Token接口失败:', error)
-                ElMessage.warning('获取拼多多店铺信息失败，将使用URL中的参数')
-            }
-        }
-
-        // 构建注册数据
-        const registerData = {
-            username: formData.value.username,
-            password: formData.value.password,
-            phoneNumber: formData.value.phoneNumber,
-            inviteCode: formData.value.inviteCode,
-            clientId: formData.value.clientId,
-            grantType: formData.value.grantType,
-            tenantId: formData.value.tenantId,
-            userType: formData.value.userType,
-            // 拼多多相关参数
-            pddMallId: urlParams.value.pddMallId || '',
-            pddMallName: urlParams.value.pddMallName || '',
-            pddType: urlParams.value.type || '',
-            accessToken: urlParams.value.accessToken || '',
-            skuSpec: urlParams.value.skuSpec || ''
-        }
-
-        // 只在验证码启用时添加验证码相关字段
-        if (captchaEnabled.value) {
-            registerData.code = formData.value.code
-            registerData.uuid = formData.value.uuid
-        }
-
-        // 调用注册API
-        const response = await fetch(getApiUrl('/auth/register'), {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify(registerData)
+    // 如果有授权码，先调用拼多多获取token接口
+    if (urlParams.value.code) {
+      try {
+        const response = await fetch(getApiUrl(`/huidiao/pdd/getPddToken?code=${urlParams.value.code}`), {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json'
+          }
         })
 
         const result = await response.json()
-        if (result.code === 200) {
-            // 显示注册成功弹窗
-            showSuccessDialog()
-            // 注册成功后可以跳转到登录页面或其他页面
-            // router.push('/login')
+        if (result.code === 200 && result.data) {
+          // 获取成功，更新URL参数
+          urlParams.value.accessToken = result.data.accessToken || ''
+          urlParams.value.pddMallId = result.data.pddMallId || ''
+          urlParams.value.pddMallName = result.data.pddMallName || ''
+          urlParams.value.skuSpec = result.data.skuSpec || ''
+
+
+          // 更新用户名
+          if (urlParams.value.pddMallId) {
+            formData.value.username = 'pdd' + urlParams.value.pddMallId
+          }
+
+          console.log('获取拼多多Token成功:', result.data)
         } else {
-            // 处理各种错误情况
-            let errorMessage = result.msg || '注册失败，请重试'
-            
-            // 处理店铺已存在的情况
-            if (result.msg === '店铺已存在') {
-                errorMessage = '该店铺已经绑定，请复制右侧网址登录使用'
-                // 显示特殊提示
-                ElMessageBox.alert(
-                    '该拼多多店铺已经绑定到系统中，请直接登录使用。',
-                    '店铺已绑定',
-                    {
-                        confirmButtonText: '我知道了',
-                        type: 'warning',
-                        center: true
-                    }
-                )
-            }
-            // 将英文验证码错误转换为中文
-            else if (result.msg === 'Captcha error') {
-                errorMessage = '验证码错误，请重新输入'
-            } else if (result.msg === 'Captcha invalid') {
-                errorMessage = '验证码无效，请重新输入'
-            } else if (result.msg && (
-                result.msg.includes('Captcha') ||
-                result.msg.includes('captcha') ||
-                result.msg.includes('验证码')
-            )) {
-                errorMessage = '验证码错误，请重新输入'
-            }
-
-            ElMessage.error(errorMessage)
-
-            // 如果是验证码相关错误，自动刷新验证码
-            if (captchaEnabled.value && result.msg && (
-                result.msg === 'Captcha error' ||
-                result.msg === 'Captcha invalid' ||
-                result.msg.includes('Captcha') ||
-                result.msg.includes('captcha') ||
-                result.msg.includes('验证码')
-            )) {
-                // 自动刷新验证码
-                getCaptcha()
-                // 清空验证码输入框
-                formData.value.code = ''
-            }
+          // 获取失败但继续注册流程
+          console.error('获取拼多多Token失败:', result.msg || '未知错误')
+          if (result.msg) {
+            ElMessage.warning(`获取拼多多信息: ${result.msg}`)
+          }
         }
-
-    } catch (error) {
-        console.error('注册失败:', error)
-        ElMessage.error('注册失败，请重试')
-    } finally {
-        loading.value = false
+      } catch (error) {
+        console.error('调用拼多多Token接口失败:', error)
+        ElMessage.warning('获取拼多多店铺信息失败，将使用URL中的参数')
+      }
     }
+
+    // 构建注册数据
+    const registerData = {
+      username: formData.value.username,
+      password: formData.value.password,
+      phoneNumber: formData.value.phoneNumber,
+      inviteCode: formData.value.inviteCode,
+      clientId: formData.value.clientId,
+      grantType: formData.value.grantType,
+      tenantId: formData.value.tenantId,
+      userType: formData.value.userType,
+      // 拼多多相关参数
+      pddMallId: urlParams.value.pddMallId || '',
+      pddMallName: urlParams.value.pddMallName || '',
+      pddType: "2",
+      accessToken: urlParams.value.accessToken || '',
+      skuSpec: urlParams.value.skuSpec || ''
+    }
+
+    // 只在验证码启用时添加验证码相关字段
+    if (captchaEnabled.value) {
+      registerData.code = formData.value.code
+      registerData.uuid = formData.value.uuid
+    }
+
+    // 调用注册API
+    const response = await fetch(getApiUrl('/auth/register'), {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(registerData)
+    })
+
+    const result = await response.json()
+    if (result.code === 200) {
+      // 显示注册成功弹窗
+      showSuccessDialog()
+      // 注册成功后可以跳转到登录页面或其他页面
+      // router.push('/login')
+    } else {
+      // 处理各种错误情况
+      let errorMessage = result.msg || '注册失败，请重试'
+
+      // 处理店铺已存在的情况
+      if (result.msg === '店铺已存在') {
+        errorMessage = '该店铺已经绑定，请复制右侧网址登录使用'
+        // 显示特殊提示
+        ElMessageBox.alert(
+            '该拼多多店铺已经绑定到系统中，请直接登录使用。',
+            '店铺已绑定',
+            {
+              confirmButtonText: '我知道了',
+              type: 'warning',
+              center: true
+            }
+        )
+      }
+      // 将英文验证码错误转换为中文
+      else if (result.msg === 'Captcha error') {
+        errorMessage = '验证码错误，请重新输入'
+      } else if (result.msg === 'Captcha invalid') {
+        errorMessage = '验证码无效，请重新输入'
+      } else if (result.msg && (
+          result.msg.includes('Captcha') ||
+          result.msg.includes('captcha') ||
+          result.msg.includes('验证码')
+      )) {
+        errorMessage = '验证码错误，请重新输入'
+      }
+
+      ElMessage.error(errorMessage)
+
+      // 如果是验证码相关错误，自动刷新验证码
+      if (captchaEnabled.value && result.msg && (
+          result.msg === 'Captcha error' ||
+          result.msg === 'Captcha invalid' ||
+          result.msg.includes('Captcha') ||
+          result.msg.includes('captcha') ||
+          result.msg.includes('验证码')
+      )) {
+        // 自动刷新验证码
+        getCaptcha()
+        // 清空验证码输入框
+        formData.value.code = ''
+      }
+    }
+
+  } catch (error) {
+    console.error('注册失败:', error)
+    ElMessage.error('注册失败，请重试')
+  } finally {
+    loading.value = false
+  }
 }
 
 // 显示注册成功弹窗
 const showSuccessDialog = () => {
-    const loginUrl = 'https://erp.buzhiyushu.cn/'
+  const loginUrl = 'https://erp.buzhiyushu.cn/'
 
-    ElMessageBox({
-        title: '注册成功！',
-        message: `
+  ElMessageBox({
+    title: '注册成功！',
+    message: `
             <div style="text-align: center;">
                 <p style="margin-bottom: 15px; color: #67C23A; font-size: 16px;">🎉 恭喜您注册成功！</p>
                 <p style="margin-bottom: 15px; color: #606266;">请复制以下链接进行登录：</p>
@@ -448,503 +449,504 @@ const showSuccessDialog = () => {
                 </div>
             </div>
         `,
-        dangerouslyUseHTMLString: true,
-        showCancelButton: true,
-        confirmButtonText: '复制链接',
-        cancelButtonText: '关闭',
-        confirmButtonClass: 'el-button--primary',
-        cancelButtonClass: 'el-button--default',
-        center: true
-    }).then(async () => {
-        // 点击复制按钮
-        try {
-            await navigator.clipboard.writeText(loginUrl)
-            ElMessage.success('链接已复制到剪贴板！')
-        } catch (err) {
-            // 如果复制失败，使用备用方法
-            try {
-                // 创建临时文本域进行复制
-                const textArea = document.createElement('textarea')
-                textArea.value = loginUrl
-                document.body.appendChild(textArea)
-                textArea.select()
-                document.execCommand('copy')
-                document.body.removeChild(textArea)
-                ElMessage.success('链接已复制到剪贴板！')
-            } catch (fallbackErr) {
-                ElMessage.error('复制失败，请手动复制链接')
-            }
-        }
-    }).catch(() => {
-        // 点击关闭按钮或按ESC键
-        console.log('用户关闭了弹窗')
-    })
+    dangerouslyUseHTMLString: true,
+    showCancelButton: true,
+    confirmButtonText: '复制链接',
+    cancelButtonText: '关闭',
+    confirmButtonClass: 'el-button--primary',
+    cancelButtonClass: 'el-button--default',
+    center: true
+  }).then(async () => {
+    // 点击复制按钮
+    try {
+      await navigator.clipboard.writeText(loginUrl)
+      ElMessage.success('链接已复制到剪贴板！')
+    } catch (err) {
+      // 如果复制失败，使用备用方法
+      try {
+        // 创建临时文本域进行复制
+        const textArea = document.createElement('textarea')
+        textArea.value = loginUrl
+        document.body.appendChild(textArea)
+        textArea.select()
+        document.execCommand('copy')
+        document.body.removeChild(textArea)
+        ElMessage.success('链接已复制到剪贴板！')
+      } catch (fallbackErr) {
+        ElMessage.error('复制失败，请手动复制链接')
+      }
+    }
+  }).catch(() => {
+    // 点击关闭按钮或按ESC键
+    console.log('用户关闭了弹窗')
+  })
 }
 
 // 复制登录链接
 const copyLoginUrl = async () => {
-    const loginUrl = 'https://erp.buzhiyushu.cn/'
+  const loginUrl = 'https://erp.buzhiyushu.cn/'
+  try {
+    await navigator.clipboard.writeText(loginUrl)
+    ElMessage.success('链接已复制到剪贴板！')
+  } catch (err) {
+    // 如果复制失败，使用备用方法
     try {
-        await navigator.clipboard.writeText(loginUrl)
-        ElMessage.success('链接已复制到剪贴板！')
-    } catch (err) {
-        // 如果复制失败，使用备用方法
-        try {
-            const textArea = document.createElement('textarea')
-            textArea.value = loginUrl
-            document.body.appendChild(textArea)
-            textArea.select()
-            document.execCommand('copy')
-            document.body.removeChild(textArea)
-            ElMessage.success('链接已复制到剪贴板！')
-        } catch (fallbackErr) {
-            ElMessage.error('复制失败，请手动复制链接')
-        }
+      const textArea = document.createElement('textarea')
+      textArea.value = loginUrl
+      document.body.appendChild(textArea)
+      textArea.select()
+      document.execCommand('copy')
+      document.body.removeChild(textArea)
+      ElMessage.success('链接已复制到剪贴板！')
+    } catch (fallbackErr) {
+      ElMessage.error('复制失败，请手动复制链接')
     }
+  }
 }
 
 // 复制授权码
 const copyAuthCode = async () => {
-    const authCode = urlParams.value.code
-    if (!authCode) {
-        ElMessage.error('授权码不存在')
-        return
-    }
+  const authCode = urlParams.value.code
+  if (!authCode) {
+    ElMessage.error('授权码不存在')
+    return
+  }
 
+  try {
+    await navigator.clipboard.writeText(authCode)
+    ElMessage.success('授权码已复制到剪贴板！')
+  } catch (err) {
+    // 如果复制失败，使用备用方法
     try {
-        await navigator.clipboard.writeText(authCode)
-        ElMessage.success('授权码已复制到剪贴板！')
-    } catch (err) {
-        // 如果复制失败，使用备用方法
-        try {
-            const textArea = document.createElement('textarea')
-            textArea.value = authCode
-            document.body.appendChild(textArea)
-            textArea.select()
-            document.execCommand('copy')
-            document.body.removeChild(textArea)
-            ElMessage.success('授权码已复制到剪贴板！')
-        } catch (fallbackErr) {
-            ElMessage.error('复制失败，请手动复制授权码')
-        }
+      const textArea = document.createElement('textarea')
+      textArea.value = authCode
+      document.body.appendChild(textArea)
+      textArea.select()
+      document.execCommand('copy')
+      document.body.removeChild(textArea)
+      ElMessage.success('授权码已复制到剪贴板！')
+    } catch (fallbackErr) {
+      ElMessage.error('复制失败，请手动复制授权码')
     }
+  }
 }
 
 // 显示流程图大图
 const showImageViewer = ref(false)
 
 const showFlowChart = () => {
-    showImageViewer.value = true
+  showImageViewer.value = true
 }
 
 const closeImageViewer = () => {
-    showImageViewer.value = false
+  showImageViewer.value = false
 }
 
 // 页面加载时获取URL参数和验证码
 onMounted(() => {
-    getUrlParams()
-    getCaptcha()
+  getUrlParams()
+  getCaptcha()
 })
 </script>
 
 <style scoped>
 .register-page {
-    min-height: 100vh;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 20px;
+  min-height: 100vh;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 20px;
 }
 
 .page-container {
-    display: flex;
-    width: 100%;
-    max-width: 1200px;
-    gap: 40px;
-    align-items: flex-start;
+  display: flex;
+  width: 100%;
+  max-width: 1200px;
+  gap: 40px;
+  align-items: flex-start;
 }
 
 /* 左侧注册区域 */
 .left-section {
-    flex: 0 0 400px;
-    max-width: 400px;
+  flex: 0 0 400px;
+  max-width: 400px;
 }
 
 .section-title {
-    text-align: center;
-    margin-bottom: 30px;
+  text-align: center;
+  margin-bottom: 30px;
 }
 
 .section-title h1 {
-    color: white;
-    font-size: 24px;
-    font-weight: 500;
-    margin: 0;
-    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+  color: white;
+  font-size: 24px;
+  font-weight: 500;
+  margin: 0;
+  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
 }
 
 .register-form {
-    background: white;
-    border-radius: 12px;
-    padding: 40px 30px;
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+  background: white;
+  border-radius: 12px;
+  padding: 40px 30px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
 }
 
 .form-header {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-bottom: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 30px;
 }
 
 .form-header h2 {
-    font-size: 24px;
-    color: #333;
-    margin: 0;
-    font-weight: 500;
+  font-size: 24px;
+  color: #333;
+  margin: 0;
+  font-weight: 500;
 }
 
 /* 右侧已注册用户区域 */
 .right-section {
-    flex: 1;
-    max-width: 600px;
+  flex: 1;
+  max-width: 600px;
+  margin-left: 144px;
 }
 
 .login-info {
-    background: white;
-    border-radius: 12px;
-    padding: 40px 30px;
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+  background: white;
+  border-radius: 12px;
+  padding: 40px 30px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
 }
 
 .login-url {
-    margin-bottom: 30px;
+  margin-bottom: 30px;
 }
 
 .auth-code {
-    margin-bottom: 30px;
+  margin-bottom: 30px;
 }
 
 .auth-code-tip {
-    font-size: 12px;
-    color: #909399;
-    margin-top: 8px;
-    margin-bottom: 0;
-    line-height: 1.4;
+  font-size: 12px;
+  color: #909399;
+  margin-top: 8px;
+  margin-bottom: 0;
+  line-height: 1.4;
 }
 
 .url-label {
-    font-size: 16px;
-    color: #333;
-    margin-bottom: 15px;
-    font-weight: 500;
+  font-size: 16px;
+  color: #333;
+  margin-bottom: 15px;
+  font-weight: 500;
 }
 
 .url-box {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    padding: 15px;
-    background: #f8f9fa;
-    border-radius: 8px;
-    border: 1px solid #e9ecef;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 15px;
+  background: #f8f9fa;
+  border-radius: 8px;
+  border: 1px solid #e9ecef;
 }
 
 .url-text {
-    flex: 1;
-    color: #495057;
-    font-size: 14px;
-    word-break: break-all;
+  flex: 1;
+  color: #495057;
+  font-size: 14px;
+  word-break: break-all;
 }
 
 .copy-btn {
-    flex-shrink: 0;
+  flex-shrink: 0;
 }
 
 .flow-chart {
-    text-align: center;
+  text-align: center;
 }
 
 .flow-chart h3 {
-    font-size: 18px;
-    color: #333;
-    margin-bottom: 20px;
-    font-weight: 500;
+  font-size: 18px;
+  color: #333;
+  margin-bottom: 20px;
+  font-weight: 500;
 }
 
 .chart-container {
-    position: relative;
-    border-radius: 8px;
-    overflow: hidden;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-    cursor: pointer;
-    transition: all 0.3s ease;
+  position: relative;
+  border-radius: 8px;
+  overflow: hidden;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  cursor: pointer;
+  transition: all 0.3s ease;
 }
 
 .chart-container:hover {
-    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
-    transform: translateY(-2px);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+  transform: translateY(-2px);
 }
 
 .flow-image {
-    width: 100%;
-    height: auto;
-    display: block;
-    max-width: 100%;
-    transition: transform 0.3s ease;
+  width: 100%;
+  height: auto;
+  display: block;
+  max-width: 100%;
+  transition: transform 0.3s ease;
 }
 
 .chart-container:hover .flow-image {
-    transform: scale(1.02);
+  transform: scale(1.02);
 }
 
 .click-tip {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
-    color: white;
-    text-align: center;
-    padding: 15px 10px 10px;
-    font-size: 14px;
-    opacity: 0;
-    transition: opacity 0.3s ease;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
+  color: white;
+  text-align: center;
+  padding: 15px 10px 10px;
+  font-size: 14px;
+  opacity: 0;
+  transition: opacity 0.3s ease;
 }
 
 .chart-container:hover .click-tip {
-    opacity: 1;
+  opacity: 1;
 }
 
 /* 表单样式 */
 .el-form-item {
-    margin-bottom: 20px;
+  margin-bottom: 20px;
 }
 
 .el-input {
-    border-radius: 8px;
+  border-radius: 8px;
 }
 
 :deep(.el-input__wrapper) {
-    border-radius: 8px;
-    box-shadow: 0 0 0 1px #dcdfe6;
-    border: none;
+  border-radius: 8px;
+  box-shadow: 0 0 0 1px #dcdfe6;
+  border: none;
 }
 
 :deep(.el-input__wrapper:hover) {
-    box-shadow: 0 0 0 1px #c0c4cc;
+  box-shadow: 0 0 0 1px #c0c4cc;
 }
 
 :deep(.el-input__wrapper.is-focus) {
-    box-shadow: 0 0 0 1px #409eff;
+  box-shadow: 0 0 0 1px #409eff;
 }
 
 .captcha-row {
-    display: flex;
-    gap: 10px;
-    align-items: center;
+  display: flex;
+  gap: 10px;
+  align-items: center;
 }
 
 .captcha-row .el-input {
-    flex: 1;
+  flex: 1;
 }
 
 .captcha-image {
-    width: 100px;
-    height: 40px;
-    border: 1px solid #dcdfe6;
-    border-radius: 6px;
-    overflow: hidden;
-    cursor: pointer;
+  width: 100px;
+  height: 40px;
+  border: 1px solid #dcdfe6;
+  border-radius: 6px;
+  overflow: hidden;
+  cursor: pointer;
 }
 
 .captcha-image img {
-    width: 100%;
-    height: 100%;
-    display: block;
-    object-fit: cover;
+  width: 100%;
+  height: 100%;
+  display: block;
+  object-fit: cover;
 }
 
 .register-btn {
-    width: 100%;
-    height: 48px;
-    font-size: 16px;
-    border-radius: 8px;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    border: none;
+  width: 100%;
+  height: 48px;
+  font-size: 16px;
+  border-radius: 8px;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border: none;
 }
 
 .register-btn:hover {
-    background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
+  background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
 }
 
 /* 移动端适配 */
 @media (max-width: 768px) {
-    .page-container {
-        flex-direction: column;
-        gap: 30px;
-    }
+  .page-container {
+    flex-direction: column;
+    gap: 30px;
+  }
 
-    .left-section,
-    .right-section {
-        max-width: 100%;
-    }
+  .left-section,
+  .right-section {
+    max-width: 100%;
+  }
 
-    .register-form,
-    .login-info {
-        padding: 30px 20px;
-    }
+  .register-form,
+  .login-info {
+    padding: 30px 20px;
+  }
 
-    .section-title h1 {
-        font-size: 20px;
-    }
+  .section-title h1 {
+    font-size: 20px;
+  }
 
-    .form-header h2 {
-        font-size: 20px;
-    }
+  .form-header h2 {
+    font-size: 20px;
+  }
 
-    .url-box {
-        flex-direction: column;
-        align-items: stretch;
-        gap: 10px;
-    }
+  .url-box {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 10px;
+  }
 
-    .copy-btn {
-        align-self: center;
-    }
+  .copy-btn {
+    align-self: center;
+  }
 }
 
 @media (max-width: 480px) {
-    .register-page {
-        padding: 10px;
-    }
+  .register-page {
+    padding: 10px;
+  }
 
-    .page-container {
-        gap: 20px;
-    }
+  .page-container {
+    gap: 20px;
+  }
 
-    .section-title h1 {
-        font-size: 18px;
-    }
+  .section-title h1 {
+    font-size: 18px;
+  }
 
-    .register-form,
-    .login-info {
-        padding: 25px 15px;
-    }
+  .register-form,
+  .login-info {
+    padding: 25px 15px;
+  }
 }
 
 /* 全屏图片查看器样式 */
 .image-viewer-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.9);
-    z-index: 9999;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 20px;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.9);
+  z-index: 9999;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 20px;
 }
 
 .image-viewer-container {
-    background: white;
-    border-radius: 12px;
-    max-width: 95vw;
-    max-height: 95vh;
-    display: flex;
-    flex-direction: column;
-    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+  background: white;
+  border-radius: 12px;
+  max-width: 95vw;
+  max-height: 95vh;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
 }
 
 .image-viewer-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 20px 30px;
-    border-bottom: 1px solid #eee;
-    flex-shrink: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20px 30px;
+  border-bottom: 1px solid #eee;
+  flex-shrink: 0;
 }
 
 .image-viewer-header h3 {
-    margin: 0;
-    font-size: 20px;
-    color: #333;
-    font-weight: 500;
+  margin: 0;
+  font-size: 20px;
+  color: #333;
+  font-weight: 500;
 }
 
 .close-btn {
-    background: none;
-    border: none;
-    font-size: 28px;
-    color: #999;
-    cursor: pointer;
-    padding: 0;
-    width: 32px;
-    height: 32px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 50%;
-    transition: all 0.3s ease;
+  background: none;
+  border: none;
+  font-size: 28px;
+  color: #999;
+  cursor: pointer;
+  padding: 0;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  transition: all 0.3s ease;
 }
 
 .close-btn:hover {
-    background: #f5f5f5;
-    color: #333;
+  background: #f5f5f5;
+  color: #333;
 }
 
 .image-viewer-content {
-    padding: 20px;
-    overflow: auto;
-    flex: 1;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  padding: 20px;
+  overflow: auto;
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .full-image {
-    max-width: none;
-    max-height: none;
-    width: auto;
-    height: auto;
-    border-radius: 8px;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-    /* 确保图片以原始尺寸显示，但不超过容器 */
-    max-width: calc(95vw - 40px);
-    max-height: calc(95vh - 120px);
+  max-width: none;
+  max-height: none;
+  width: auto;
+  height: auto;
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  /* 确保图片以原始尺寸显示，但不超过容器 */
+  max-width: calc(95vw - 40px);
+  max-height: calc(95vh - 120px);
 }
 
 /* 移动端图片查看器适配 */
 @media (max-width: 768px) {
-    .image-viewer-overlay {
-        padding: 10px;
-    }
+  .image-viewer-overlay {
+    padding: 10px;
+  }
 
-    .image-viewer-container {
-        max-width: 100vw;
-        max-height: 100vh;
-        border-radius: 8px;
-    }
+  .image-viewer-container {
+    max-width: 100vw;
+    max-height: 100vh;
+    border-radius: 8px;
+  }
 
-    .image-viewer-header {
-        padding: 15px 20px;
-    }
+  .image-viewer-header {
+    padding: 15px 20px;
+  }
 
-    .image-viewer-header h3 {
-        font-size: 18px;
-    }
+  .image-viewer-header h3 {
+    font-size: 18px;
+  }
 
-    .image-viewer-content {
-        padding: 15px;
-    }
+  .image-viewer-content {
+    padding: 15px;
+  }
 
-    .full-image {
-        max-width: calc(100vw - 30px);
-        max-height: calc(100vh - 100px);
-    }
+  .full-image {
+    max-width: calc(100vw - 30px);
+    max-height: calc(100vh - 100px);
+  }
 }
 </style>
\ No newline at end of file