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;