From 4ee6c2b09caa5c36ed936adf1ce42633303049a4 Mon Sep 17 00:00:00 2001
From: Deroino <117969239+Deroino@users.noreply.github.com>
Date: Thu, 13 Nov 2025 09:42:38 +0800
Subject: [PATCH] feat(frontend): update draft checkbox text and position
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Change draft checkbox label to '视频号仅保存草稿(用手机发布)'
- Move draft checkbox to appear after platform selection and before title input
- Add proper CSS styling with appropriate margins for the draft section
- Maintain conditional visibility only for video channel platform (type 2)
- Preserve existing functionality while improving UI flow
---
 sau_frontend/src/views/PublishCenter.vue | 50 +++++++++++++++++++-----
 1 file changed, 40 insertions(+), 10 deletions(-)

diff --git a/sau_frontend/src/views/PublishCenter.vue b/sau_frontend/src/views/PublishCenter.vue
index f7824ca..c2fde30 100644
--- a/sau_frontend/src/views/PublishCenter.vue
+++ b/sau_frontend/src/views/PublishCenter.vue
@@ -296,6 +296,36 @@
             </el-radio-group>
           </div>
 
+          <!-- 草稿选项 (仅在视频号可见) -->
+          <div v-if="tab.selectedPlatform === 2" class="draft-section">
+            <el-checkbox
+              v-model="tab.isDraft"
+              label="视频号仅保存草稿(用手机发布)"
+              class="draft-checkbox"
+            />
+          </div>
+
+          <!-- 标签 (仅在抖音可见) -->
+          <div v-if="tab.selectedPlatform === 3" class="product-section">
+            <h3>商品链接</h3>
+            <el-input
+              v-model="tab.productTitle"
+              type="text"
+              :rows="1"
+              placeholder="请输入商品名称"
+              maxlength="200"
+              class="product-name-input"
+            />
+            <el-input
+              v-model="tab.productLink"
+              type="text"
+              :rows="1"
+              placeholder="请输入商品链接"
+              maxlength="200"
+              class="product-link-input"
+            />
+          </div>
+
           <!-- 标题输入 -->
           <div class="title-section">
             <h3>标题</h3>
@@ -402,15 +432,6 @@
             />
           </div>
 
-          <!-- 草稿选项 (仅在视频号可见) -->
-          <div v-if="tab.selectedPlatform === 2" class="draft-section">
-            <el-checkbox
-              v-model="tab.isDraft"
-              label="视频号上传草稿"
-              class="draft-checkbox"
-            />
-          </div>
-
           <!-- 定时发布 -->
           <div class="schedule-section">
             <h3>定时发布</h3>
@@ -1294,10 +1315,19 @@ const batchPublish = async () => {
           padding-top: 20px;
           border-top: 1px solid #ebeef5;
         }
+
+        .draft-section {
+          margin: 20px 0;
+
+          .draft-checkbox {
+            display: block;
+            margin: 10px 0;
+          }
+        }
       }
     }
   }
-  
+
   // 已上传文件列表样式
   .uploaded-files {
     margin-top: 20px;