From f411dc0e20eaee5a0af849fd6143ef98b7d26a68 Mon Sep 17 00:00:00 2001
From: liailing1026 <1815388873@qq.com>
Date: Mon, 16 Mar 2026 09:40:29 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=88=86=E4=BA=AB=E7=AA=97=E5=8F=A3?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=9A=8F=E6=9C=BA=E6=8F=90=E5=8F=96=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/SharePlanDialog/index.vue  | 25 ++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/SharePlanDialog/index.vue b/frontend/src/components/SharePlanDialog/index.vue
index d7ed5f9..60d70da 100644
--- a/frontend/src/components/SharePlanDialog/index.vue
+++ b/frontend/src/components/SharePlanDialog/index.vue
@@ -52,8 +52,12 @@
               自定义
             </div>
           </div>
+          <!-- 提取码显示/输入区域 -->
+          <div v-if="codeType === 'random'" class="random-code-display">
+            <span class="code-value">{{ generatedCode }}</span>
+          </div>
           <!-- 自定义输入框 -->
-          <div v-if="codeType === 'custom'" class="custom-code-wrapper">
+          <div v-else class="custom-code-wrapper">
             <el-input
               v-model="customCode"
               placeholder="仅支持字母/数字"
@@ -405,6 +409,25 @@ defineExpose({
     }
   }
 
+  .random-code-display {
+    display: flex;
+    align-items: center;
+    margin-left: 8px;
+    padding: 8px 12px;
+    background-color: var(--color-bg-subtle);
+    border: 1px solid var(--color-border);
+    border-radius: 6px;
+    min-width: 80px;
+    justify-content: center;
+
+    .code-value {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--color-primary);
+      letter-spacing: 2px;
+    }
+  }
+
   .custom-code-wrapper {
     display: flex;
     align-items: center;