From 756dcd9126186597a9bc8bc8b95a078561c07b0a Mon Sep 17 00:00:00 2001
From: Deroino <117969239+Deroino@users.noreply.github.com>
Date: Thu, 13 Nov 2025 03:47:38 +0800
Subject: [PATCH 01/15] chore: Improve error logging for /uploadSave endpoint

---
 sau_backend.py | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/sau_backend.py b/sau_backend.py
index e3b92ca..7a54d92 100644
--- a/sau_backend.py
+++ b/sau_backend.py
@@ -139,9 +139,10 @@ def upload_save():
         }), 200
 
     except Exception as e:
+        print(f"Upload failed: {e}")
         return jsonify({
             "code": 500,
-            "msg": str("upload failed!"),
+            "msg": f"upload failed: {e}",
             "data": None
         }), 500
 

From e003383d65af38566365e2773469f538d66f6b6d Mon Sep 17 00:00:00 2001
From: Deroino <117969239+Deroino@users.noreply.github.com>
Date: Thu, 13 Nov 2025 04:11:58 +0800
Subject: [PATCH 02/15] feat: Add proxy to frontend dev server to fix CORS
 issues

---
 sau_frontend/.env.development | 2 +-
 sau_frontend/vite.config.js   | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/sau_frontend/.env.development b/sau_frontend/.env.development
index beb93b5..cb033bc 100644
--- a/sau_frontend/.env.development
+++ b/sau_frontend/.env.development
@@ -2,7 +2,7 @@
 NODE_ENV=development
 
 # API 基础地址
-VITE_API_BASE_URL=http://localhost:5409
+VITE_API_BASE_URL=/api
 
 # 应用端口
 VITE_PORT=5173
diff --git a/sau_frontend/vite.config.js b/sau_frontend/vite.config.js
index ba91816..c951d49 100644
--- a/sau_frontend/vite.config.js
+++ b/sau_frontend/vite.config.js
@@ -19,7 +19,14 @@ export default defineConfig({
   },
   server: {
     port: 5173,
-    open: true
+    open: true,
+    proxy: {
+      '/api': {
+        target: 'http://localhost:5409',
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/api/, '')
+      }
+    }
   },
   build: {
     outDir: 'dist',

From 0cdd088d979b0e0936b9bc2bc32f0e985d2fe929 Mon Sep 17 00:00:00 2001
From: Deroino <117969239+Deroino@users.noreply.github.com>
Date: Thu, 13 Nov 2025 05:08:06 +0800
Subject: [PATCH 03/15] fix(playwright): Prevent launch error when
 LOCAL_CHROME_PATH is empty

---
 uploader/tencent_uploader/main.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/uploader/tencent_uploader/main.py b/uploader/tencent_uploader/main.py
index 0f9d76a..e3ddfd8 100644
--- a/uploader/tencent_uploader/main.py
+++ b/uploader/tencent_uploader/main.py
@@ -89,7 +89,7 @@ class TencentVideo(object):
         self.publish_date = publish_date
         self.account_file = account_file
         self.category = category
-        self.local_executable_path = LOCAL_CHROME_PATH
+        self.local_executable_path = LOCAL_CHROME_PATH or None
 
     async def set_schedule_time_tencent(self, page, publish_date):
         label_element = page.locator("label").filter(has_text="定时").nth(1)

From 6b9fdb35d1919507680262beedbfc988de36226f Mon Sep 17 00:00:00 2001
From: Deroino <117969239+Deroino@users.noreply.github.com>
Date: Thu, 13 Nov 2025 05:40:02 +0800
Subject: [PATCH 04/15] feat(frontend): Implement multi-file upload with
 progress and speed

---
 sau_frontend/src/api/material.js              |   4 +-
 sau_frontend/src/utils/request.js             |   5 +-
 sau_frontend/src/views/MaterialManagement.vue | 167 +++++++++++++-----
 3 files changed, 127 insertions(+), 49 deletions(-)

diff --git a/sau_frontend/src/api/material.js b/sau_frontend/src/api/material.js
index 04b9c23..898cae1 100644
--- a/sau_frontend/src/api/material.js
+++ b/sau_frontend/src/api/material.js
@@ -8,9 +8,9 @@ export const materialApi = {
   },
   
   // 上传素材
-  uploadMaterial: (formData) => {
+  uploadMaterial: (formData, onUploadProgress) => {
     // 使用http.upload方法，它已经配置了正确的Content-Type
-    return http.upload('/uploadSave', formData)
+    return http.upload('/uploadSave', formData, onUploadProgress)
   },
   
   // 删除素材
diff --git a/sau_frontend/src/utils/request.js b/sau_frontend/src/utils/request.js
index 14654ff..73a25e6 100644
--- a/sau_frontend/src/utils/request.js
+++ b/sau_frontend/src/utils/request.js
@@ -87,11 +87,12 @@ export const http = {
     return request.delete(url, { params })
   },
   
-  upload(url, formData) {
+  upload(url, formData, onUploadProgress) {
     return request.post(url, formData, {
       headers: {
         'Content-Type': 'multipart/form-data'
-      }
+      },
+      onUploadProgress
     })
   }
 }
diff --git a/sau_frontend/src/views/MaterialManagement.vue b/sau_frontend/src/views/MaterialManagement.vue
index ca244ce..9173078 100644
--- a/sau_frontend/src/views/MaterialManagement.vue
+++ b/sau_frontend/src/views/MaterialManagement.vue
@@ -58,7 +58,8 @@
           <el-form-item label="文件名称:">
             <el-input
               v-model="customFilename"
-              placeholder="选填"
+              placeholder="选填 (仅单个文件时生效)"
+              :disabled="customFilenameDisabled"
               clearable
             />
           </el-form-item>
@@ -66,10 +67,11 @@
             <el-upload
               class="upload-demo"
               drag
+              multiple
               :auto-upload="false"
               :on-change="handleFileChange"
+              :on-remove="handleFileRemove"
               :file-list="fileList"
-              :limit="1"
             >
               <el-icon class="el-icon--upload"><Upload /></el-icon>
               <div class="el-upload__text">
@@ -77,11 +79,26 @@
               </div>
               <template #tip>
                 <div class="el-upload__tip">
-                  支持视频、图片等格式文件，只能上传一个文件
+                  支持视频、图片等格式文件，可一次选择多个文件
                 </div>
               </template>
             </el-upload>
           </el-form-item>
+          <el-form-item label="上传列表" v-if="fileList.length > 0">
+            <div class="upload-file-list">
+              <div v-for="file in fileList" :key="file.uid" class="upload-file-item">
+                <span class="file-name">{{ file.name }}</span>
+                <el-progress
+                  :percentage="uploadProgress[file.uid]?.percentage || 0"
+                  :text-inside="true"
+                  :stroke-width="20"
+                  style="width: 100%; margin-top: 5px;"
+                >
+                  <span>{{ uploadProgress[file.uid]?.speed || '' }}</span>
+                </el-progress>
+              </div>
+            </div>
+          </el-form-item>
         </el-form>
       </div>
       <template #footer>
@@ -123,7 +140,7 @@
 </template>
 
 <script setup>
-import { ref, reactive, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, watch } from 'vue'
 import { Refresh, Upload } from '@element-plus/icons-vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { materialApi } from '@/api/material'
@@ -145,6 +162,17 @@ const currentMaterial = ref(null)
 // 文件上传
 const fileList = ref([])
 const customFilename = ref('')
+const customFilenameDisabled = computed(() => fileList.value.length > 1)
+const uploadProgress = ref({}); // { [uid]: { percentage: 0, speed: '' } }
+
+
+watch(fileList, (newList) => {
+  if (newList.length <= 1) {
+    // If you want to clear the custom name when going back to single file, uncomment below
+    // customFilename.value = ''
+  }
+});
+
 
 // 获取素材列表
 const fetchMaterials = async () => {
@@ -186,6 +214,7 @@ const handleUploadMaterial = () => {
   // 清空变量
   fileList.value = []
   customFilename.value = ''
+  uploadProgress.value = {};
   uploadDialogVisible.value = true
 }
 
@@ -193,16 +222,24 @@ const handleUploadMaterial = () => {
 const handleUploadDialogClose = () => {
   fileList.value = []
   customFilename.value = ''
+  uploadProgress.value = {};
 }
 
 // 文件选择变更
 const handleFileChange = (file, uploadFileList) => {
-  // 只保留最新选择的文件
-  console.log('选择的文件:', file)
-  if (file.raw) {
-    // 确保获取到原始文件对象
-    fileList.value = [file]
+  fileList.value = uploadFileList;
+  const newProgress = {};
+  for (const f of uploadFileList) {
+    newProgress[f.uid] = { percentage: 0, speed: '' };
   }
+  uploadProgress.value = newProgress;
+}
+
+const handleFileRemove = (file, uploadFileList) => {
+  fileList.value = uploadFileList;
+  const newProgress = { ...uploadProgress.value };
+  delete newProgress[file.uid];
+  uploadProgress.value = newProgress;
 }
 
 // 提交上传
@@ -212,45 +249,67 @@ const submitUpload = async () => {
     return
   }
   
-  // 确保文件对象存在
-  const fileObj = fileList.value[0]
-  if (!fileObj || !fileObj.raw) {
-    ElMessage.warning('文件对象无效，请重新选择文件')
-    return
-  }
-  
   isUploading.value = true
   
-  try {
-    // 使用FormData进行表单提交
-    const formData = new FormData()
-    
-    // 添加文件，确保使用正确的文件对象
-    console.log('上传文件对象:', fileObj.raw)
-    formData.append('file', fileObj.raw)
-    
-    // 如果用户输入了自定义文件名，则添加到表单中
-    if (customFilename.value.trim()) {
-      formData.append('filename', customFilename.value.trim())
-      console.log('自定义文件名:', customFilename.value.trim())
+  for (const file of fileList.value) {
+    try {
+      // 确保文件对象存在
+      if (!file || !file.raw) {
+        ElMessage.warning(`文件 ${file.name} 对象无效，已跳过`)
+        continue
+      }
+      
+      const formData = new FormData()
+      formData.append('file', file.raw)
+      
+      // 只有当只有一个文件时，自定义文件名才生效
+      if (fileList.value.length === 1 && customFilename.value.trim()) {
+        formData.append('filename', customFilename.value.trim())
+      }
+      
+      let lastLoaded = 0;
+      let lastTime = Date.now();
+
+      const response = await materialApi.uploadMaterial(formData, (progressEvent) => {
+        const progressData = uploadProgress.value[file.uid];
+        if (!progressData) return;
+
+        const progress = Math.round((progressEvent.loaded * 100) / progressEvent.total)
+        progressData.percentage = progress;
+
+        const currentTime = Date.now();
+        const timeDiff = (currentTime - lastTime) / 1000; // in seconds
+        const loadedDiff = progressEvent.loaded - lastLoaded;
+
+        if (timeDiff > 0.5) { // Update speed every 0.5 seconds
+          const speed = loadedDiff / timeDiff; // bytes per second
+          if (speed > 1024 * 1024) {
+            progressData.speed = (speed / (1024 * 1024)).toFixed(2) + ' MB/s';
+          } else {
+            progressData.speed = (speed / 1024).toFixed(2) + ' KB/s';
+          }
+          lastLoaded = progressEvent.loaded;
+          lastTime = currentTime;
+        }
+      })
+      
+      if (response.code === 200) {
+        ElMessage.success(`文件 ${file.name} 上传成功`)
+        const progressData = uploadProgress.value[file.uid];
+        if(progressData) progressData.speed = '完成';
+      } else {
+        ElMessage.error(`文件 ${file.name} 上传失败: ${response.msg || '未知错误'}`)
+      }
+    } catch (error) {
+      console.error(`上传文件 ${file.name} 出错:`, error)
+      ElMessage.error(`文件 ${file.name} 上传失败: ${error.message || '未知错误'}`)
     }
-    
-    const response = await materialApi.uploadMaterial(formData)
-    
-    if (response.code === 200) {
-      ElMessage.success('上传成功')
-      uploadDialogVisible.value = false
-      // 上传成功后直接刷新素材列表
-      await fetchMaterials()
-    } else {
-      ElMessage.error(response.msg || '上传失败')
-    }
-  } catch (error) {
-    console.error('上传素材出错:', error)
-    ElMessage.error('上传失败: ' + (error.message || '未知错误'))
-  } finally {
-    isUploading.value = false
   }
+  
+  isUploading.value = false
+  // Keep dialog open to show results
+  // uploadDialogVisible.value = false 
+  await fetchMaterials()
 }
 
 // 预览素材
@@ -430,6 +489,24 @@ onMounted(() => {
   justify-content: flex-end;
 }
 
+.upload-file-list {
+  width: 100%;
+}
+
+.upload-file-item {
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  padding: 10px;
+  margin-bottom: 10px;
+}
+
+.upload-file-item .file-name {
+  font-size: 14px;
+  color: #606266;
+  margin-bottom: 5px;
+  display: block;
+}
+
 /* 覆盖Element Plus对话框样式 */
 :deep(.el-dialog__body) {
   padding: 20px 0;
@@ -445,4 +522,4 @@ onMounted(() => {
   padding-top: 10px;
   padding-bottom: 15px;
 }
-</style>
\ No newline at end of file
+</style>

From 91d7942a6f56505479a9be00ec8e3f8227693a04 Mon Sep 17 00:00:00 2001
From: Deroino <117969239+Deroino@users.noreply.github.com>
Date: Thu, 13 Nov 2025 05:58:01 +0800
Subject: [PATCH 05/15] fix(backend): delete actual file when removing from
 database

- Add file deletion logic to delete_file endpoint
- Remove actual file from videoFile directory when deleting record
- Add error handling for file deletion operations
- Add logging for file deletion status
- Ensure data consistency between database and file system
---
 sau_backend.py | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/sau_backend.py b/sau_backend.py
index 7a54d92..051804d 100644
--- a/sau_backend.py
+++ b/sau_backend.py
@@ -235,6 +235,18 @@ def delete_file():
 
             record = dict(record)
 
+            # 获取文件路径并删除实际文件
+            file_path = Path(BASE_DIR / "videoFile" / record['file_path'])
+            if file_path.exists():
+                try:
+                    file_path.unlink()  # 删除文件
+                    print(f"✅ 实际文件已删除: {file_path}")
+                except Exception as e:
+                    print(f"⚠️ 删除实际文件失败: {e}")
+                    # 即使删除文件失败，也要继续删除数据库记录，避免数据不一致
+            else:
+                print(f"⚠️ 实际文件不存在: {file_path}")
+
             # 删除数据库记录
             cursor.execute("DELETE FROM file_records WHERE id = ?", (file_id,))
             conn.commit()

From d21736292c6af0128c82773958ee41550de2bb86 Mon Sep 17 00:00:00 2001
From: Deroino <117969239+Deroino@users.noreply.github.com>
Date: Thu, 13 Nov 2025 05:58:17 +0800
Subject: [PATCH 06/15] style(frontend): improve upload progress indicator
 visibility

- Change upload speed indicator color from white to dark gray
- Add better styling for upload file items with rounded corners
- Add hover effects and improved spacing for upload items
- Enhance overall visual appearance of upload panel
---
 sau_frontend/src/views/MaterialManagement.vue | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/sau_frontend/src/views/MaterialManagement.vue b/sau_frontend/src/views/MaterialManagement.vue
index 9173078..c507456 100644
--- a/sau_frontend/src/views/MaterialManagement.vue
+++ b/sau_frontend/src/views/MaterialManagement.vue
@@ -522,4 +522,35 @@ onMounted(() => {
   padding-top: 10px;
   padding-bottom: 15px;
 }
+
+/* 修改上传进度条样式 */
+:deep(.el-progress__text) {
+  color: #303133 !important; /* 深灰色字体，确保在各种背景上都可见 */
+  font-size: 12px;
+}
+
+:deep(.el-progress--line) {
+  margin-bottom: 10px;
+}
+
+.upload-file-item {
+  border: 1px solid #dcdfe6;
+  border-radius: 6px; /* 增加圆角 */
+  padding: 12px; /* 增加内边距 */
+  margin-bottom: 12px; /* 增加外边距 */
+  background-color: #fafafa; /* 轻微背景色 */
+  transition: box-shadow 0.3s; /* 添加过渡效果 */
+}
+
+.upload-file-item:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 悬停效果 */
+}
+
+.upload-file-item .file-name {
+  font-size: 14px;
+  color: #303133; /* 深灰色字体 */
+  margin-bottom: 8px; /* 增加底部间距 */
+  display: block;
+  font-weight: 500;
+}
 </style>

From 1a02b8fa5087939de211cafb5200c71e54be5cb2 Mon Sep 17 00:00:00 2001
From: Deroino <117969239+Deroino@users.noreply.github.com>
Date: Thu, 13 Nov 2025 06:02:15 +0800
Subject: [PATCH 07/15] feat(frontend): add UUID column to material management
 table

- Add UUID field extraction in backend /getFiles endpoint
- Extract UUID from file_path (first part before underscore)
- Add UUID column to material management table in frontend
- Set appropriate width for UUID column display
- Maintain data consistency between backend and frontend
---
 sau_backend.py                                | 26 ++++++++++++++-----
 sau_frontend/src/views/MaterialManagement.vue |  1 +
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/sau_backend.py b/sau_backend.py
index 051804d..ad82425 100644
--- a/sau_backend.py
+++ b/sau_backend.py
@@ -158,14 +158,26 @@ def get_all_files():
             cursor.execute("SELECT * FROM file_records")
             rows = cursor.fetchall()
 
-            # 将结果转为字典列表
-            data = [dict(row) for row in rows]
+            # 将结果转为字典列表，并提取UUID
+            data = []
+            for row in rows:
+                row_dict = dict(row)
+                # 从 file_path 中提取 UUID (文件名的第一部分，下划线前)
+                if row_dict.get('file_path'):
+                    file_path_parts = row_dict['file_path'].split('_', 1)  # 只分割第一个下划线
+                    if len(file_path_parts) > 0:
+                        row_dict['uuid'] = file_path_parts[0]  # UUID 部分
+                    else:
+                        row_dict['uuid'] = ''
+                else:
+                    row_dict['uuid'] = ''
+                data.append(row_dict)
 
-        return jsonify({
-            "code": 200,
-            "msg": "success",
-            "data": data
-        }), 200
+            return jsonify({
+                "code": 200,
+                "msg": "success",
+                "data": data
+            }), 200
     except Exception as e:
         return jsonify({
             "code": 500,
diff --git a/sau_frontend/src/views/MaterialManagement.vue b/sau_frontend/src/views/MaterialManagement.vue
index c507456..aafd6d5 100644
--- a/sau_frontend/src/views/MaterialManagement.vue
+++ b/sau_frontend/src/views/MaterialManagement.vue
@@ -25,6 +25,7 @@
       
       <div v-if="filteredMaterials.length > 0" class="material-list">
         <el-table :data="filteredMaterials" style="width: 100%">
+          <el-table-column prop="uuid" label="UUID" width="180" />
           <el-table-column prop="filename" label="文件名" width="300" />
           <el-table-column prop="filesize" label="文件大小" width="120">
             <template #default="scope">

From c0e7b64b94f6e6826a2abba6ee973aae9f622c65 Mon Sep 17 00:00:00 2001
From: Deroino <117969239+Deroino@users.noreply.github.com>
Date: Thu, 13 Nov 2025 07:53:23 +0800
Subject: [PATCH 08/15] feat(frontend): add loading state to publish button to
 prevent duplicate clicks
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add publishing state property to each tab to track publishing status
- Implement loading indicator on publish button with visual feedback
- Prevent duplicate clicks during active publishing process
- Update button text to show "发布中..." (Publishing...) when loading
- Ensure publishing state is properly reset in all scenarios (success, failure, validation errors)
- Add duplicate click prevention with user-friendly error message

The publish button now shows a loading spinner and prevents multiple clicks
during the publishing process, improving user experience and preventing
duplicate uploads to social media platforms.
---
 sau_frontend/src/views/PublishCenter.vue | 30 ++++++++++++++++++++----
 1 file changed, 26 insertions(+), 4 deletions(-)

diff --git a/sau_frontend/src/views/PublishCenter.vue b/sau_frontend/src/views/PublishCenter.vue
index d54f431..61d5cd1 100644
--- a/sau_frontend/src/views/PublishCenter.vue
+++ b/sau_frontend/src/views/PublishCenter.vue
@@ -457,7 +457,14 @@
           <!-- 操作按钮 -->
           <div class="action-buttons">
             <el-button size="small" @click="cancelPublish(tab)">取消</el-button>
-            <el-button size="small" type="primary" @click="confirmPublish(tab)">发布</el-button>
+            <el-button
+              size="small"
+              type="primary"
+              @click="confirmPublish(tab)"
+              :loading="tab.publishing || false"
+            >
+              {{ tab.publishing ? '发布中...' : '发布' }}
+            </el-button>
           </div>
         </div>
       </div>
@@ -526,7 +533,8 @@ const defaultTabInit = {
   videosPerDay: 1, // 每天发布视频数量
   dailyTimes: ['10:00'], // 每天发布时间点列表
   startDays: 0, // 从今天开始计算的发布天数，0表示明天，1表示后天
-  publishStatus: null // 发布状态，包含message和type
+  publishStatus: null, // 发布状态，包含message和type
+  publishing: false // 发布状态，用于控制按钮loading效果
 }
 
 // helper to create a fresh deep-copied tab from defaultTabInit
@@ -733,29 +741,40 @@ const cancelPublish = (tab) => {
 
 // 确认发布
 const confirmPublish = async (tab) => {
+  // 防止重复点击
+  if (tab.publishing) {
+    return Promise.reject(new Error('正在发布中，请稍候...'))
+  }
+
+  tab.publishing = true // 设置发布状态为进行中
+
   return new Promise((resolve, reject) => {
     // 数据验证
     if (tab.fileList.length === 0) {
       ElMessage.error('请先上传视频文件')
+      tab.publishing = false // 重置发布状态
       reject(new Error('请先上传视频文件'))
       return
     }
     if (!tab.title.trim()) {
       ElMessage.error('请输入标题')
+      tab.publishing = false // 重置发布状态
       reject(new Error('请输入标题'))
       return
     }
     if (!tab.selectedPlatform) {
       ElMessage.error('请选择发布平台')
+      tab.publishing = false // 重置发布状态
       reject(new Error('请选择发布平台'))
       return
     }
     if (tab.selectedAccounts.length === 0) {
       ElMessage.error('请选择发布账号')
+      tab.publishing = false // 重置发布状态
       reject(new Error('请选择发布账号'))
       return
     }
-    
+
     // 构造发布数据，符合后端API格式
     const publishData = {
       type: tab.selectedPlatform,
@@ -774,7 +793,7 @@ const confirmPublish = async (tab) => {
       productLink: tab.productLink.trim() || '', // 商品链接
       productTitle: tab.productTitle.trim() || '' // 商品名称
     }
-    
+
     // 调用后端发布API
     fetch(`${apiBaseUrl}/postVideo`, {
       method: 'POST',
@@ -815,6 +834,9 @@ const confirmPublish = async (tab) => {
       }
       reject(error)
     })
+    .finally(() => {
+      tab.publishing = false // 重置发布状态
+    })
   })
 }
 

From 81b71d023d6ee602c842d7a49696572f29f7c8d4 Mon Sep 17 00:00:00 2001
From: Deroino <117969239+Deroino@users.noreply.github.com>
Date: Thu, 13 Nov 2025 09:12:39 +0800
Subject: [PATCH 09/15] feat(wechat-channel): add draft upload functionality
 for video channel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add isDraft parameter to TencentVideo class to control publishing behavior
- Modify click_publish method to click "保存草稿" instead of "发表" when isDraft is true
- Update post_video_tencent function to accept and pass is_draft parameter
- Add is_draft parameter to /postVideo API endpoint to receive frontend data
- Add "视频号上传草稿" checkbox in frontend that appears only for video channel platform
- Update defaultTabInit to include isDraft property with default value false
- Include isDraft in publishData sent to backend API
- Implement proper URL checking for draft vs publish success confirmation

The new functionality allows users to save WeChat Channel videos as drafts
instead of immediately publishing them when the checkbox is selected.
---
 myUtils/postVideo.py                     |  4 +--
 sau_backend.py                           |  3 +-
 sau_frontend/src/views/PublishCenter.vue | 15 +++++++--
 uploader/tencent_uploader/main.py        | 41 +++++++++++++++++-------
 4 files changed, 46 insertions(+), 17 deletions(-)

diff --git a/myUtils/postVideo.py b/myUtils/postVideo.py
index e33f3d0..bd94e0b 100644
--- a/myUtils/postVideo.py
+++ b/myUtils/postVideo.py
@@ -10,7 +10,7 @@ from utils.constant import TencentZoneTypes
 from utils.files_times import generate_schedule_time_next_day
 
 
-def post_video_tencent(title,files,tags,account_file,category=TencentZoneTypes.LIFESTYLE.value,enableTimer=False,videos_per_day = 1, daily_times=None,start_days = 0):
+def post_video_tencent(title,files,tags,account_file,category=TencentZoneTypes.LIFESTYLE.value,enableTimer=False,videos_per_day = 1, daily_times=None,start_days = 0, is_draft=False):
     # 生成文件的完整路径
     account_file = [Path(BASE_DIR / "cookiesFile" / file) for file in account_file]
     files = [Path(BASE_DIR / "videoFile" / file) for file in files]
@@ -25,7 +25,7 @@ def post_video_tencent(title,files,tags,account_file,category=TencentZoneTypes.L
             print(f"视频文件名：{file}")
             print(f"标题：{title}")
             print(f"Hashtag：{tags}")
-            app = TencentVideo(title, str(file), tags, publish_datetimes[index], cookie, category)
+            app = TencentVideo(title, str(file), tags, publish_datetimes[index], cookie, category, is_draft)
             asyncio.run(app.main(), debug=False)
 
 
diff --git a/sau_backend.py b/sau_backend.py
index ad82425..480bbfc 100644
--- a/sau_backend.py
+++ b/sau_backend.py
@@ -363,6 +363,7 @@ def postVideo():
     productLink = data.get('productLink', '')
     productTitle = data.get('productTitle', '')
     thumbnail_path = data.get('thumbnail', '')
+    is_draft = data.get('isDraft', False)  # 新增参数：是否保存为草稿
 
     videos_per_day = data.get('videosPerDay')
     daily_times = data.get('dailyTimes')
@@ -376,7 +377,7 @@ def postVideo():
                                start_days)
         case 2:
             post_video_tencent(title, file_list, tags, account_list, category, enableTimer, videos_per_day, daily_times,
-                               start_days)
+                               start_days, is_draft)
         case 3:
             post_video_DouYin(title, file_list, tags, account_list, category, enableTimer, videos_per_day, daily_times,
                       start_days, thumbnail_path, productLink, productTitle)
diff --git a/sau_frontend/src/views/PublishCenter.vue b/sau_frontend/src/views/PublishCenter.vue
index 61d5cd1..f7824ca 100644
--- a/sau_frontend/src/views/PublishCenter.vue
+++ b/sau_frontend/src/views/PublishCenter.vue
@@ -402,6 +402,15 @@
             />
           </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>
@@ -534,7 +543,8 @@ const defaultTabInit = {
   dailyTimes: ['10:00'], // 每天发布时间点列表
   startDays: 0, // 从今天开始计算的发布天数，0表示明天，1表示后天
   publishStatus: null, // 发布状态，包含message和type
-  publishing: false // 发布状态，用于控制按钮loading效果
+  publishing: false, // 发布状态，用于控制按钮loading效果
+  isDraft: false // 是否保存为草稿，仅视频号平台可见
 }
 
 // helper to create a fresh deep-copied tab from defaultTabInit
@@ -791,7 +801,8 @@ const confirmPublish = async (tab) => {
       startDays: tab.scheduleEnabled ? tab.startDays || 0 : 0, // 从今天开始计算的发布天数，0表示明天，1表示后天
       category: 0, //表示非原创
       productLink: tab.productLink.trim() || '', // 商品链接
-      productTitle: tab.productTitle.trim() || '' // 商品名称
+      productTitle: tab.productTitle.trim() || '', // 商品名称
+      isDraft: tab.isDraft // 是否保存为草稿，仅视频号平台使用
     }
 
     // 调用后端发布API
diff --git a/uploader/tencent_uploader/main.py b/uploader/tencent_uploader/main.py
index e3ddfd8..eb09ae6 100644
--- a/uploader/tencent_uploader/main.py
+++ b/uploader/tencent_uploader/main.py
@@ -82,13 +82,14 @@ async def weixin_setup(account_file, handle=False):
 
 
 class TencentVideo(object):
-    def __init__(self, title, file_path, tags, publish_date: datetime, account_file, category=None):
+    def __init__(self, title, file_path, tags, publish_date: datetime, account_file, category=None, is_draft=False):
         self.title = title  # 视频标题
         self.file_path = file_path
         self.tags = tags
         self.publish_date = publish_date
         self.account_file = account_file
         self.category = category
+        self.is_draft = is_draft  # 是否保存为草稿
         self.local_executable_path = LOCAL_CHROME_PATH or None
 
     async def set_schedule_time_tencent(self, page, publish_date):
@@ -185,21 +186,37 @@ class TencentVideo(object):
     async def click_publish(self, page):
         while True:
             try:
-                publish_buttion = page.locator('div.form-btns button:has-text("发表")')
-                if await publish_buttion.count():
-                    await publish_buttion.click()
-                await page.wait_for_url("https://channels.weixin.qq.com/platform/post/list", timeout=5000)
-                tencent_logger.success("  [-]视频发布成功")
+                if self.is_draft:
+                    # 点击"保存草稿"按钮
+                    draft_button = page.locator('div.form-btns button:has-text("保存草稿")')
+                    if await draft_button.count():
+                        await draft_button.click()
+                    # 等待跳转到草稿箱页面或确认保存成功
+                    await page.wait_for_url("**/post/list**", timeout=5000)  # 使用通配符匹配包含post/list的URL
+                    tencent_logger.success("  [-]视频草稿保存成功")
+                else:
+                    # 点击"发表"按钮
+                    publish_button = page.locator('div.form-btns button:has-text("发表")')
+                    if await publish_button.count():
+                        await publish_button.click()
+                    await page.wait_for_url("https://channels.weixin.qq.com/platform/post/list", timeout=5000)
+                    tencent_logger.success("  [-]视频发布成功")
                 break
             except Exception as e:
                 current_url = page.url
-                if "https://channels.weixin.qq.com/platform/post/list" in current_url:
-                    tencent_logger.success("  [-]视频发布成功")
-                    break
+                if self.is_draft:
+                    # 检查是否在草稿相关的页面
+                    if "post/list" in current_url or "draft" in current_url:
+                        tencent_logger.success("  [-]视频草稿保存成功")
+                        break
                 else:
-                    tencent_logger.exception(f"  [-] Exception: {e}")
-                    tencent_logger.info("  [-] 视频正在发布中...")
-                    await asyncio.sleep(0.5)
+                    # 检查是否在发布列表页面
+                    if "https://channels.weixin.qq.com/platform/post/list" in current_url:
+                        tencent_logger.success("  [-]视频发布成功")
+                        break
+                tencent_logger.exception(f"  [-] Exception: {e}")
+                tencent_logger.info("  [-] 视频正在发布中...")
+                await asyncio.sleep(0.5)
 
     async def detect_upload_status(self, page):
         while True:

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 10/15] 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;

From 4688c41b9bd3b8185539f38a13caaeff653ef163 Mon Sep 17 00:00:00 2001
From: Deroino <117969239+Deroino@users.noreply.github.com>
Date: Thu, 13 Nov 2025 10:37:19 +0800
Subject: [PATCH 11/15] feat(account-management): add upload and download
 cookie file buttons
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add '上传Cookie文件' and '下载Cookie文件' buttons to account management page
- Implement frontend functionality for cookie file upload and download
- Add backend API endpoints for handling cookie file operations:
  - /uploadCookie: Handle cookie file upload with validation
  - /downloadCookie: Handle secure cookie file download
- Implement security measures to prevent path traversal attacks
- Add proper error handling and user feedback
- Maintain existing functionality while adding new features
---
 sau_backend.py                               | 121 +++++++++++++++++++
 sau_frontend/src/views/AccountManagement.vue |  83 ++++++++++++-
 2 files changed, 203 insertions(+), 1 deletion(-)

diff --git a/sau_backend.py b/sau_backend.py
index 480bbfc..1b41512 100644
--- a/sau_backend.py
+++ b/sau_backend.py
@@ -476,6 +476,127 @@ def postVideoBatch():
             "data": None
         }), 200
 
+# Cookie文件上传API
+@app.route('/uploadCookie', methods=['POST'])
+def upload_cookie():
+    try:
+        if 'file' not in request.files:
+            return jsonify({
+                "code": 500,
+                "msg": "没有找到Cookie文件",
+                "data": None
+            }), 400
+
+        file = request.files['file']
+        if file.filename == '':
+            return jsonify({
+                "code": 500,
+                "msg": "Cookie文件名不能为空",
+                "data": None
+            }), 400
+
+        if not file.filename.endswith('.json'):
+            return jsonify({
+                "code": 500,
+                "msg": "Cookie文件必须是JSON格式",
+                "data": None
+            }), 400
+
+        # 获取账号信息
+        account_id = request.form.get('id')
+        platform = request.form.get('platform')
+
+        if not account_id or not platform:
+            return jsonify({
+                "code": 500,
+                "msg": "缺少账号ID或平台信息",
+                "data": None
+            }), 400
+
+        # 从数据库获取账号的文件路径
+        with sqlite3.connect(Path(BASE_DIR / "db" / "database.db")) as conn:
+            conn.row_factory = sqlite3.Row
+            cursor = conn.cursor()
+            cursor.execute('SELECT filePath FROM user_info WHERE id = ?', (account_id,))
+            result = cursor.fetchone()
+
+        if not result:
+            return jsonify({
+                "code": 500,
+                "msg": "账号不存在",
+                "data": None
+            }), 404
+
+        # 保存上传的Cookie文件到对应路径
+        cookie_file_path = Path(BASE_DIR / "cookiesFile" / result['filePath'])
+        cookie_file_path.parent.mkdir(parents=True, exist_ok=True)
+
+        file.save(str(cookie_file_path))
+
+        # 更新数据库中的账号信息（可选，比如更新更新时间）
+        # 这里可以根据需要添加额外的处理逻辑
+
+        return jsonify({
+            "code": 200,
+            "msg": "Cookie文件上传成功",
+            "data": None
+        }), 200
+
+    except Exception as e:
+        print(f"上传Cookie文件时出错: {str(e)}")
+        return jsonify({
+            "code": 500,
+            "msg": f"上传Cookie文件失败: {str(e)}",
+            "data": None
+        }), 500
+
+
+# Cookie文件下载API
+@app.route('/downloadCookie', methods=['GET'])
+def download_cookie():
+    try:
+        file_path = request.args.get('filePath')
+        if not file_path:
+            return jsonify({
+                "code": 500,
+                "msg": "缺少文件路径参数",
+                "data": None
+            }), 400
+
+        # 验证文件路径的安全性，防止路径遍历攻击
+        cookie_file_path = Path(BASE_DIR / "cookiesFile" / file_path).resolve()
+        base_path = Path(BASE_DIR / "cookiesFile").resolve()
+
+        if not cookie_file_path.is_relative_to(base_path):
+            return jsonify({
+                "code": 500,
+                "msg": "非法文件路径",
+                "data": None
+            }), 400
+
+        if not cookie_file_path.exists():
+            return jsonify({
+                "code": 500,
+                "msg": "Cookie文件不存在",
+                "data": None
+            }), 404
+
+        # 返回文件
+        return send_from_directory(
+            directory=str(cookie_file_path.parent),
+            path=cookie_file_path.name,
+            as_attachment=True
+        )
+
+    except Exception as e:
+        print(f"下载Cookie文件时出错: {str(e)}")
+        return jsonify({
+            "code": 500,
+            "msg": f"下载Cookie文件失败: {str(e)}",
+            "data": None
+        }), 500
+
+
 # 包装函数：在线程中运行异步函数
 def run_async_function(type,id,status_queue):
     match type:
diff --git a/sau_frontend/src/views/AccountManagement.vue b/sau_frontend/src/views/AccountManagement.vue
index a5938b8..a6c6a4b 100644
--- a/sau_frontend/src/views/AccountManagement.vue
+++ b/sau_frontend/src/views/AccountManagement.vue
@@ -57,6 +57,8 @@
                 <el-table-column label="操作">
                   <template #default="scope">
                     <el-button size="small" @click="handleEdit(scope.row)">编辑</el-button>
+                    <el-button size="small" type="primary" @click="handleDownloadCookie(scope.row)">下载Cookie文件</el-button>
+                    <el-button size="small" type="info" @click="handleUploadCookie(scope.row)">上传Cookie文件</el-button>
                     <el-button size="small" type="danger" @click="handleDelete(scope.row)">删除</el-button>
                   </template>
                 </el-table-column>
@@ -120,6 +122,8 @@
                 <el-table-column label="操作">
                   <template #default="scope">
                     <el-button size="small" @click="handleEdit(scope.row)">编辑</el-button>
+                    <el-button size="small" type="primary" @click="handleDownloadCookie(scope.row)">下载Cookie文件</el-button>
+                    <el-button size="small" type="info" @click="handleUploadCookie(scope.row)">上传Cookie文件</el-button>
                     <el-button size="small" type="danger" @click="handleDelete(scope.row)">删除</el-button>
                   </template>
                 </el-table-column>
@@ -183,6 +187,8 @@
                 <el-table-column label="操作">
                   <template #default="scope">
                     <el-button size="small" @click="handleEdit(scope.row)">编辑</el-button>
+                    <el-button size="small" type="primary" @click="handleDownloadCookie(scope.row)">下载Cookie文件</el-button>
+                    <el-button size="small" type="info" @click="handleUploadCookie(scope.row)">上传Cookie文件</el-button>
                     <el-button size="small" type="danger" @click="handleDelete(scope.row)">删除</el-button>
                   </template>
                 </el-table-column>
@@ -246,6 +252,8 @@
                 <el-table-column label="操作">
                   <template #default="scope">
                     <el-button size="small" @click="handleEdit(scope.row)">编辑</el-button>
+                    <el-button size="small" type="primary" @click="handleDownloadCookie(scope.row)">下载Cookie文件</el-button>
+                    <el-button size="small" type="info" @click="handleUploadCookie(scope.row)">上传Cookie文件</el-button>
                     <el-button size="small" type="danger" @click="handleDelete(scope.row)">删除</el-button>
                   </template>
                 </el-table-column>
@@ -309,6 +317,8 @@
                 <el-table-column label="操作">
                   <template #default="scope">
                     <el-button size="small" @click="handleEdit(scope.row)">编辑</el-button>
+                    <el-button size="small" type="primary" @click="handleDownloadCookie(scope.row)">下载Cookie文件</el-button>
+                    <el-button size="small" type="info" @click="handleUploadCookie(scope.row)">上传Cookie文件</el-button>
                     <el-button size="small" type="danger" @click="handleDelete(scope.row)">删除</el-button>
                   </template>
                 </el-table-column>
@@ -547,7 +557,7 @@ const handleDelete = (row) => {
       try {
         // 调用API删除账号
         const response = await accountApi.deleteAccount(row.id)
-        
+
         if (response.code === 200) {
           // 从状态管理中删除账号
           accountStore.deleteAccount(row.id)
@@ -568,6 +578,77 @@ const handleDelete = (row) => {
     })
 }
 
+// 下载Cookie文件
+const handleDownloadCookie = (row) => {
+  // 从后端获取Cookie文件
+  const baseUrl = import.meta.env.VITE_API_BASE_URL || 'http://localhost:5409'
+  const downloadUrl = `${baseUrl}/downloadCookie?filePath=${encodeURIComponent(row.filePath)}`
+
+  // 创建一个隐藏的链接来触发下载
+  const link = document.createElement('a')
+  link.href = downloadUrl
+  link.download = `${row.name}_cookie.json`
+  link.target = '_blank'
+  link.style.display = 'none'
+  document.body.appendChild(link)
+  link.click()
+  document.body.removeChild(link)
+}
+
+// 上传Cookie文件
+const handleUploadCookie = (row) => {
+  // 创建一个隐藏的文件输入框
+  const input = document.createElement('input')
+  input.type = 'file'
+  input.accept = '.json'
+  input.style.display = 'none'
+  document.body.appendChild(input)
+
+  input.onchange = async (event) => {
+    const file = event.target.files[0]
+    if (!file) return
+
+    // 检查文件类型
+    if (!file.name.endsWith('.json')) {
+      ElMessage.error('请选择JSON格式的Cookie文件')
+      document.body.removeChild(input)
+      return
+    }
+
+    try {
+      // 创建FormData对象
+      const formData = new FormData()
+      formData.append('file', file)
+      formData.append('id', row.id)
+      formData.append('platform', row.platform)
+
+      // 发送上传请求
+      const baseUrl = import.meta.env.VITE_API_BASE_URL || 'http://localhost:5409'
+      const response = await fetch(`${baseUrl}/uploadCookie`, {
+        method: 'POST',
+        body: formData
+      })
+
+      const result = await response.json()
+
+      if (result.code === 200) {
+        ElMessage.success('Cookie文件上传成功')
+        // 刷新账号列表以显示更新
+        fetchAccounts()
+      } else {
+        ElMessage.error(result.msg || 'Cookie文件上传失败')
+      }
+    } catch (error) {
+      console.error('上传Cookie文件失败:', error)
+      ElMessage.error('Cookie文件上传失败')
+    } finally {
+      document.body.removeChild(input)
+    }
+  }
+
+  input.click()
+}
+
 // SSE事件源对象
 let eventSource = null
 

From 75bbb39b431771eb09eb3fbd57ffd11405235264 Mon Sep 17 00:00:00 2001
From: Deroino <117969239+Deroino@users.noreply.github.com>
Date: Thu, 13 Nov 2025 10:44:10 +0800
Subject: [PATCH 12/15] feat(account-management): update cookie buttons text
 and styling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Change button text from '下载Cookie文件/上传Cookie文件' to '下载Cookie/上传Cookie'
- Add icons to the buttons for better visual recognition
- Keep the essential 'Cookie' text for clarity while making buttons more concise
- Maintain proper button styling and layout in the account management table
---
 sau_frontend/src/views/AccountManagement.vue | 22 ++++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/sau_frontend/src/views/AccountManagement.vue b/sau_frontend/src/views/AccountManagement.vue
index a6c6a4b..f833cb6 100644
--- a/sau_frontend/src/views/AccountManagement.vue
+++ b/sau_frontend/src/views/AccountManagement.vue
@@ -57,8 +57,8 @@
                 <el-table-column label="操作">
                   <template #default="scope">
                     <el-button size="small" @click="handleEdit(scope.row)">编辑</el-button>
-                    <el-button size="small" type="primary" @click="handleDownloadCookie(scope.row)">下载Cookie文件</el-button>
-                    <el-button size="small" type="info" @click="handleUploadCookie(scope.row)">上传Cookie文件</el-button>
+                    <el-button size="small" type="primary" :icon="Download" @click="handleDownloadCookie(scope.row)">下载Cookie</el-button>
+                    <el-button size="small" type="info" :icon="Upload" @click="handleUploadCookie(scope.row)">上传Cookie</el-button>
                     <el-button size="small" type="danger" @click="handleDelete(scope.row)">删除</el-button>
                   </template>
                 </el-table-column>
@@ -122,8 +122,8 @@
                 <el-table-column label="操作">
                   <template #default="scope">
                     <el-button size="small" @click="handleEdit(scope.row)">编辑</el-button>
-                    <el-button size="small" type="primary" @click="handleDownloadCookie(scope.row)">下载Cookie文件</el-button>
-                    <el-button size="small" type="info" @click="handleUploadCookie(scope.row)">上传Cookie文件</el-button>
+                    <el-button size="small" type="primary" :icon="Download" @click="handleDownloadCookie(scope.row)">下载Cookie</el-button>
+                    <el-button size="small" type="info" :icon="Upload" @click="handleUploadCookie(scope.row)">上传Cookie</el-button>
                     <el-button size="small" type="danger" @click="handleDelete(scope.row)">删除</el-button>
                   </template>
                 </el-table-column>
@@ -187,8 +187,8 @@
                 <el-table-column label="操作">
                   <template #default="scope">
                     <el-button size="small" @click="handleEdit(scope.row)">编辑</el-button>
-                    <el-button size="small" type="primary" @click="handleDownloadCookie(scope.row)">下载Cookie文件</el-button>
-                    <el-button size="small" type="info" @click="handleUploadCookie(scope.row)">上传Cookie文件</el-button>
+                    <el-button size="small" type="primary" :icon="Download" @click="handleDownloadCookie(scope.row)">下载Cookie</el-button>
+                    <el-button size="small" type="info" :icon="Upload" @click="handleUploadCookie(scope.row)">上传Cookie</el-button>
                     <el-button size="small" type="danger" @click="handleDelete(scope.row)">删除</el-button>
                   </template>
                 </el-table-column>
@@ -252,8 +252,8 @@
                 <el-table-column label="操作">
                   <template #default="scope">
                     <el-button size="small" @click="handleEdit(scope.row)">编辑</el-button>
-                    <el-button size="small" type="primary" @click="handleDownloadCookie(scope.row)">下载Cookie文件</el-button>
-                    <el-button size="small" type="info" @click="handleUploadCookie(scope.row)">上传Cookie文件</el-button>
+                    <el-button size="small" type="primary" :icon="Download" @click="handleDownloadCookie(scope.row)">下载Cookie</el-button>
+                    <el-button size="small" type="info" :icon="Upload" @click="handleUploadCookie(scope.row)">上传Cookie</el-button>
                     <el-button size="small" type="danger" @click="handleDelete(scope.row)">删除</el-button>
                   </template>
                 </el-table-column>
@@ -317,8 +317,8 @@
                 <el-table-column label="操作">
                   <template #default="scope">
                     <el-button size="small" @click="handleEdit(scope.row)">编辑</el-button>
-                    <el-button size="small" type="primary" @click="handleDownloadCookie(scope.row)">下载Cookie文件</el-button>
-                    <el-button size="small" type="info" @click="handleUploadCookie(scope.row)">上传Cookie文件</el-button>
+                    <el-button size="small" type="primary" :icon="Download" @click="handleDownloadCookie(scope.row)">下载Cookie</el-button>
+                    <el-button size="small" type="info" :icon="Upload" @click="handleUploadCookie(scope.row)">上传Cookie</el-button>
                     <el-button size="small" type="danger" @click="handleDelete(scope.row)">删除</el-button>
                   </template>
                 </el-table-column>
@@ -403,7 +403,7 @@
 
 <script setup>
 import { ref, reactive, computed, onMounted, onBeforeUnmount } from 'vue'
-import { Refresh, CircleCheckFilled, CircleCloseFilled } from '@element-plus/icons-vue'
+import { Refresh, CircleCheckFilled, CircleCloseFilled, Download, Upload } from '@element-plus/icons-vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { accountApi } from '@/api/account'
 import { useAccountStore } from '@/stores/account'

From e60ce3f64a9866c0ca182e1c3a07d04fcdb84136 Mon Sep 17 00:00:00 2001
From: Deroino <117969239+Deroino@users.noreply.github.com>
Date: Thu, 13 Nov 2025 11:31:46 +0800
Subject: [PATCH 13/15] feat(account-management): optimize account loading with
 async validation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add new /getAccounts API for fast account retrieval without validation
- Update frontend to use fast API for initial load, showing accounts immediately
- Add '验证中' status with loading animation to indicate validation progress
- Implement background validation process that doesn't block UI
- Add Loading icon from Element Plus for visual feedback during validation
- Update status display logic to handle '验证中', '正常', and invalid states
- Improve user experience with immediate feedback and async validation
---
 sau_backend.py                               | 31 +++++++
 sau_frontend/src/api/account.js              | 13 ++-
 sau_frontend/src/views/AccountManagement.vue | 89 +++++++++++++++++---
 3 files changed, 116 insertions(+), 17 deletions(-)

diff --git a/sau_backend.py b/sau_backend.py
index 1b41512..0b8a2ac 100644
--- a/sau_backend.py
+++ b/sau_backend.py
@@ -186,6 +186,37 @@ def get_all_files():
         }), 500
 
 
+@app.route("/getAccounts", methods=['GET'])
+def getAccounts():
+    """快速获取所有账号信息，不进行cookie验证"""
+    try:
+        with sqlite3.connect(Path(BASE_DIR / "db" / "database.db")) as conn:
+            conn.row_factory = sqlite3.Row
+            cursor = conn.cursor()
+            cursor.execute('''
+            SELECT * FROM user_info''')
+            rows = cursor.fetchall()
+            rows_list = [list(row) for row in rows]
+
+            print("\n📋 当前数据表内容（快速获取）：")
+            for row in rows:
+                print(row)
+
+            return jsonify(
+                {
+                    "code": 200,
+                    "msg": None,
+                    "data": rows_list
+                }), 200
+    except Exception as e:
+        print(f"获取账号列表时出错: {str(e)}")
+        return jsonify({
+            "code": 500,
+            "msg": f"获取账号列表失败: {str(e)}",
+            "data": None
+        }), 500
+
+
 @app.route("/getValidAccounts",methods=['GET'])
 async def getValidAccounts():
     with sqlite3.connect(Path(BASE_DIR / "db" / "database.db")) as conn:
diff --git a/sau_frontend/src/api/account.js b/sau_frontend/src/api/account.js
index 1001d60..309d3af 100644
--- a/sau_frontend/src/api/account.js
+++ b/sau_frontend/src/api/account.js
@@ -2,21 +2,26 @@ import { http } from '@/utils/request'
 
 // 账号管理相关API
 export const accountApi = {
-  // 获取有效账号列表
+  // 获取有效账号列表（带验证）
   getValidAccounts() {
     return http.get('/getValidAccounts')
   },
-  
+
+  // 获取账号列表（不带验证，快速加载）
+  getAccounts() {
+    return http.get('/getAccounts')
+  },
+
   // 添加账号
   addAccount(data) {
     return http.post('/account', data)
   },
-  
+
   // 更新账号
   updateAccount(data) {
     return http.post('/updateUserinfo', data)
   },
-  
+
   // 删除账号
   deleteAccount(id) {
     return http.get(`/deleteAccount?id=${id}`)
diff --git a/sau_frontend/src/views/AccountManagement.vue b/sau_frontend/src/views/AccountManagement.vue
index f833cb6..48e76f9 100644
--- a/sau_frontend/src/views/AccountManagement.vue
+++ b/sau_frontend/src/views/AccountManagement.vue
@@ -47,9 +47,12 @@
                 <el-table-column prop="status" label="状态">
                   <template #default="scope">
                     <el-tag
-                      :type="scope.row.status === '正常' ? 'success' : 'danger'"
+                      :type="getStatusTagType(scope.row.status)"
                       effect="plain"
                     >
+                      <el-icon :class="scope.row.status === '验证中' ? 'is-loading' : ''" v-if="scope.row.status === '验证中'">
+                        <Loading />
+                      </el-icon>
                       {{ scope.row.status }}
                     </el-tag>
                   </template>
@@ -112,9 +115,12 @@
                 <el-table-column prop="status" label="状态">
                   <template #default="scope">
                     <el-tag
-                      :type="scope.row.status === '正常' ? 'success' : 'danger'"
+                      :type="getStatusTagType(scope.row.status)"
                       effect="plain"
                     >
+                      <el-icon :class="scope.row.status === '验证中' ? 'is-loading' : ''" v-if="scope.row.status === '验证中'">
+                        <Loading />
+                      </el-icon>
                       {{ scope.row.status }}
                     </el-tag>
                   </template>
@@ -177,9 +183,12 @@
                 <el-table-column prop="status" label="状态">
                   <template #default="scope">
                     <el-tag
-                      :type="scope.row.status === '正常' ? 'success' : 'danger'"
+                      :type="getStatusTagType(scope.row.status)"
                       effect="plain"
                     >
+                      <el-icon :class="scope.row.status === '验证中' ? 'is-loading' : ''" v-if="scope.row.status === '验证中'">
+                        <Loading />
+                      </el-icon>
                       {{ scope.row.status }}
                     </el-tag>
                   </template>
@@ -242,9 +251,12 @@
                 <el-table-column prop="status" label="状态">
                   <template #default="scope">
                     <el-tag
-                      :type="scope.row.status === '正常' ? 'success' : 'danger'"
+                      :type="getStatusTagType(scope.row.status)"
                       effect="plain"
                     >
+                      <el-icon :class="scope.row.status === '验证中' ? 'is-loading' : ''" v-if="scope.row.status === '验证中'">
+                        <Loading />
+                      </el-icon>
                       {{ scope.row.status }}
                     </el-tag>
                   </template>
@@ -307,9 +319,12 @@
                 <el-table-column prop="status" label="状态">
                   <template #default="scope">
                     <el-tag
-                      :type="scope.row.status === '正常' ? 'success' : 'danger'"
+                      :type="getStatusTagType(scope.row.status)"
                       effect="plain"
                     >
+                      <el-icon :class="scope.row.status === '验证中' ? 'is-loading' : ''" v-if="scope.row.status === '验证中'">
+                        <Loading />
+                      </el-icon>
                       {{ scope.row.status }}
                     </el-tag>
                   </template>
@@ -403,7 +418,7 @@
 
 <script setup>
 import { ref, reactive, computed, onMounted, onBeforeUnmount } from 'vue'
-import { Refresh, CircleCheckFilled, CircleCloseFilled, Download, Upload } from '@element-plus/icons-vue'
+import { Refresh, CircleCheckFilled, CircleCloseFilled, Download, Upload, Loading } from '@element-plus/icons-vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { accountApi } from '@/api/account'
 import { useAccountStore } from '@/stores/account'
@@ -420,12 +435,31 @@ const activeTab = ref('all')
 // 搜索关键词
 const searchKeyword = ref('')
 
-// 获取账号数据
+// 获取账号数据（快速，不验证）
+const fetchAccountsQuick = async () => {
+  try {
+    const res = await accountApi.getAccounts()
+    if (res.code === 200 && res.data) {
+      // 将所有账号的状态暂时设为"验证中"
+      const accountsWithPendingStatus = res.data.map(account => {
+        // account[4] 是状态字段，暂时设为"验证中"
+        const updatedAccount = [...account];
+        updatedAccount[4] = '验证中'; // 临时状态
+        return updatedAccount;
+      });
+      accountStore.setAccounts(accountsWithPendingStatus);
+    }
+  } catch (error) {
+    console.error('快速获取账号数据失败:', error)
+  }
+}
+
+// 获取账号数据（带验证）
 const fetchAccounts = async () => {
   if (appStore.isAccountRefreshing) return
-  
+
   appStore.setAccountRefreshing(true)
-  
+
   try {
     const res = await accountApi.getValidAccounts()
     if (res.code === 200 && res.data) {
@@ -446,12 +480,30 @@ const fetchAccounts = async () => {
   }
 }
 
+// 后台验证所有账号（优化版本，使用setTimeout避免阻塞UI）
+const validateAllAccountsInBackground = async () => {
+  // 使用setTimeout将验证过程放在下一个事件循环，避免阻塞UI
+  setTimeout(async () => {
+    try {
+      const res = await accountApi.getValidAccounts()
+      if (res.code === 200 && res.data) {
+        accountStore.setAccounts(res.data)
+      }
+    } catch (error) {
+      console.error('后台验证账号失败:', error)
+    }
+  }, 0)
+}
+
 // 页面加载时获取账号数据
 onMounted(() => {
-  // 只有第一次进入时才获取数据
-  if (appStore.isFirstTimeAccountManagement) {
-    fetchAccounts()
-  }
+  // 快速获取账号列表（不验证），立即显示
+  fetchAccountsQuick()
+
+  // 在后台验证所有账号
+  setTimeout(() => {
+    validateAllAccountsInBackground()
+  }, 100) // 稍微延迟一下，让用户看到快速加载的效果
 })
 
 // 获取平台标签类型
@@ -465,6 +517,17 @@ const getPlatformTagType = (platform) => {
   return typeMap[platform] || 'info'
 }
 
+// 获取状态标签类型
+const getStatusTagType = (status) => {
+  if (status === '验证中') {
+    return 'info'; // 验证中使用灰色
+  } else if (status === '正常') {
+    return 'success'; // 正常使用绿色
+  } else {
+    return 'danger'; // 无效使用红色
+  }
+}
+
 // 过滤后的账号列表
 const filteredAccounts = computed(() => {
   if (!searchKeyword.value) return accountStore.accounts

From 7ccaab9b7500b2bac420663cdc574e11a8e45347 Mon Sep 17 00:00:00 2001
From: Deroino <117969239+Deroino@users.noreply.github.com>
Date: Thu, 13 Nov 2025 11:47:03 +0800
Subject: [PATCH 14/15] feat(account-management): make abnormal status
 clickable to trigger re-login
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Added clickable status functionality for accounts with '异常' status
- Implemented handleReLogin method to trigger login flow when clicking abnormal status
- Added visual feedback with hover effects for clickable statuses
- Updated SSE flow to show different success messages for re-login vs new account
- Fixed account data handling to properly work with store objects
- Added dynamic default avatars for accounts
---
 sau_frontend/src/views/AccountManagement.vue | 134 +++++++++++++++----
 1 file changed, 110 insertions(+), 24 deletions(-)

diff --git a/sau_frontend/src/views/AccountManagement.vue b/sau_frontend/src/views/AccountManagement.vue
index 48e76f9..dad1efc 100644
--- a/sau_frontend/src/views/AccountManagement.vue
+++ b/sau_frontend/src/views/AccountManagement.vue
@@ -30,7 +30,7 @@
               <el-table :data="filteredAccounts" style="width: 100%">
                 <el-table-column label="头像" width="80">
                   <template #default="scope">
-                    <el-avatar :src="scope.row.avatar" :size="40" />
+                    <el-avatar :src="getDefaultAvatar(scope.row.name)" :size="40" />
                   </template>
                 </el-table-column>
                 <el-table-column prop="name" label="名称" width="180" />
@@ -49,6 +49,8 @@
                     <el-tag
                       :type="getStatusTagType(scope.row.status)"
                       effect="plain"
+                      :class="{'clickable-status': isStatusClickable(scope.row.status)}"
+                      @click="handleStatusClick(scope.row)"
                     >
                       <el-icon :class="scope.row.status === '验证中' ? 'is-loading' : ''" v-if="scope.row.status === '验证中'">
                         <Loading />
@@ -98,7 +100,7 @@
               <el-table :data="filteredKuaishouAccounts" style="width: 100%">
                 <el-table-column label="头像" width="80">
                   <template #default="scope">
-                    <el-avatar :src="scope.row.avatar" :size="40" />
+                    <el-avatar :src="getDefaultAvatar(scope.row.name)" :size="40" />
                   </template>
                 </el-table-column>
                 <el-table-column prop="name" label="名称" width="180" />
@@ -117,6 +119,8 @@
                     <el-tag
                       :type="getStatusTagType(scope.row.status)"
                       effect="plain"
+                      :class="{'clickable-status': isStatusClickable(scope.row.status)}"
+                      @click="handleStatusClick(scope.row)"
                     >
                       <el-icon :class="scope.row.status === '验证中' ? 'is-loading' : ''" v-if="scope.row.status === '验证中'">
                         <Loading />
@@ -166,7 +170,7 @@
               <el-table :data="filteredDouyinAccounts" style="width: 100%">
                 <el-table-column label="头像" width="80">
                   <template #default="scope">
-                    <el-avatar :src="scope.row.avatar" :size="40" />
+                    <el-avatar :src="getDefaultAvatar(scope.row.name)" :size="40" />
                   </template>
                 </el-table-column>
                 <el-table-column prop="name" label="名称" width="180" />
@@ -185,6 +189,8 @@
                     <el-tag
                       :type="getStatusTagType(scope.row.status)"
                       effect="plain"
+                      :class="{'clickable-status': isStatusClickable(scope.row.status)}"
+                      @click="handleStatusClick(scope.row)"
                     >
                       <el-icon :class="scope.row.status === '验证中' ? 'is-loading' : ''" v-if="scope.row.status === '验证中'">
                         <Loading />
@@ -234,7 +240,7 @@
               <el-table :data="filteredChannelsAccounts" style="width: 100%">
                 <el-table-column label="头像" width="80">
                   <template #default="scope">
-                    <el-avatar :src="scope.row.avatar" :size="40" />
+                    <el-avatar :src="getDefaultAvatar(scope.row.name)" :size="40" />
                   </template>
                 </el-table-column>
                 <el-table-column prop="name" label="名称" width="180" />
@@ -253,6 +259,8 @@
                     <el-tag
                       :type="getStatusTagType(scope.row.status)"
                       effect="plain"
+                      :class="{'clickable-status': isStatusClickable(scope.row.status)}"
+                      @click="handleStatusClick(scope.row)"
                     >
                       <el-icon :class="scope.row.status === '验证中' ? 'is-loading' : ''" v-if="scope.row.status === '验证中'">
                         <Loading />
@@ -302,7 +310,7 @@
               <el-table :data="filteredXiaohongshuAccounts" style="width: 100%">
                 <el-table-column label="头像" width="80">
                   <template #default="scope">
-                    <el-avatar :src="scope.row.avatar" :size="40" />
+                    <el-avatar :src="getDefaultAvatar(scope.row.name)" :size="40" />
                   </template>
                 </el-table-column>
                 <el-table-column prop="name" label="名称" width="180" />
@@ -321,6 +329,8 @@
                     <el-tag
                       :type="getStatusTagType(scope.row.status)"
                       effect="plain"
+                      :class="{'clickable-status': isStatusClickable(scope.row.status)}"
+                      @click="handleStatusClick(scope.row)"
                     >
                       <el-icon :class="scope.row.status === '验证中' ? 'is-loading' : ''" v-if="scope.row.status === '验证中'">
                         <Loading />
@@ -517,6 +527,11 @@ const getPlatformTagType = (platform) => {
   return typeMap[platform] || 'info'
 }
 
+// 判断状态是否可点击（异常状态可点击）
+const isStatusClickable = (status) => {
+  return status === '异常'; // 只有异常状态可点击，验证中不可点击
+}
+
 // 获取状态标签类型
 const getStatusTagType = (status) => {
   if (status === '验证中') {
@@ -528,10 +543,18 @@ const getStatusTagType = (status) => {
   }
 }
 
+// 处理状态点击事件
+const handleStatusClick = (row) => {
+  if (isStatusClickable(row.status)) {
+    // 触发重新登录流程
+    handleReLogin(row)
+  }
+}
+
 // 过滤后的账号列表
 const filteredAccounts = computed(() => {
   if (!searchKeyword.value) return accountStore.accounts
-  return accountStore.accounts.filter(account => 
+  return accountStore.accounts.filter(account =>
     account.name.includes(searchKeyword.value)
   )
 })
@@ -601,7 +624,12 @@ const handleAddAccount = () => {
 // 编辑账号
 const handleEdit = (row) => {
   dialogType.value = 'edit'
-  Object.assign(accountForm, { ...row })
+  Object.assign(accountForm, {
+    id: row.id,
+    name: row.name,
+    platform: row.platform,
+    status: row.status
+  })
   dialogVisible.value = true
 }
 
@@ -712,6 +740,37 @@ const handleUploadCookie = (row) => {
   input.click()
 }
 
+// 重新登录账号
+const handleReLogin = (row) => {
+  // 设置表单信息
+  dialogType.value = 'edit'
+  Object.assign(accountForm, {
+    id: row.id,
+    name: row.name,
+    platform: row.platform,
+    status: row.status
+  })
+
+  // 重置SSE状态
+  sseConnecting.value = false
+  qrCodeData.value = ''
+  loginStatus.value = ''
+
+  // 显示对话框
+  dialogVisible.value = true
+
+  // 立即开始登录流程
+  setTimeout(() => {
+    connectSSE(row.platform, row.name)
+  }, 300)
+}
+
+// 获取默认头像
+const getDefaultAvatar = (name) => {
+  // 使用简单的默认头像，可以基于用户名生成不同的颜色
+  return `https://ui-avatars.com/api/?name=${encodeURIComponent(name)}&background=random`
+}
+
 // SSE事件源对象
 let eventSource = null
 
@@ -727,12 +786,12 @@ const closeSSEConnection = () => {
 const connectSSE = (platform, name) => {
   // 关闭可能存在的连接
   closeSSEConnection()
-  
+
   // 设置连接状态
   sseConnecting.value = true
   qrCodeData.value = ''
   loginStatus.value = ''
-  
+
   // 获取平台类型编号
   const platformTypeMap = {
     '小红书': '1',
@@ -740,20 +799,20 @@ const connectSSE = (platform, name) => {
     '抖音': '3',
     '快手': '4'
   }
-  
+
   const type = platformTypeMap[platform] || '1'
-  
+
   // 创建SSE连接
   const baseUrl = import.meta.env.VITE_API_BASE_URL || 'http://localhost:5409'
   const url = `${baseUrl}/login?type=${type}&id=${encodeURIComponent(name)}`
-  
+
   eventSource = new EventSource(url)
-  
+
   // 监听消息
   eventSource.onmessage = (event) => {
     const data = event.data
     console.log('SSE消息:', data)
-    
+
     // 如果还没有二维码数据，且数据长度较长，认为是二维码
     if (!qrCodeData.value && data.length > 100) {
       try {
@@ -769,30 +828,32 @@ const connectSSE = (platform, name) => {
       } catch (error) {
         console.error('处理二维码数据出错:', error)
       }
-    } 
+    }
     // 如果收到状态码
     else if (data === '200' || data === '500') {
       loginStatus.value = data
-      
+
       // 如果登录成功
       if (data === '200') {
         setTimeout(() => {
           // 关闭连接
           closeSSEConnection()
-          
+
           // 1秒后关闭对话框并开始刷新
           setTimeout(() => {
             dialogVisible.value = false
             sseConnecting.value = false
-            ElMessage.success('账号添加成功')
-            
+
+            // 根据是否是重新登录显示不同提示
+            ElMessage.success(dialogType.value === 'edit' ? '重新登录成功' : '账号添加成功')
+
             // 显示更新账号信息提示
             ElMessage({
               type: 'info',
               message: '正在同步账号信息...',
               duration: 0
             })
-            
+
             // 触发刷新操作
             fetchAccounts().then(() => {
               // 刷新完成后关闭提示
@@ -804,7 +865,7 @@ const connectSSE = (platform, name) => {
       } else {
         // 登录失败，关闭连接
         closeSSEConnection()
-        
+
         // 2秒后重置状态，允许重试
         setTimeout(() => {
           sseConnecting.value = false
@@ -814,7 +875,7 @@ const connectSSE = (platform, name) => {
       }
     }
   }
-  
+
   // 监听错误
   eventSource.onerror = (error) => {
     console.error('SSE连接错误:', error)
@@ -834,14 +895,29 @@ const submitAccountForm = () => {
       } else {
         // 编辑账号逻辑
         try {
+          // 将平台名称转换为类型数字
+          const platformTypeMap = {
+            '快手': 1,
+            '抖音': 2,
+            '视频号': 3,
+            '小红书': 4
+          };
+          const type = platformTypeMap[accountForm.platform] || 1;
+
           const res = await accountApi.updateAccount({
             id: accountForm.id,
-            type: Number(accountForm.platform === '快手' ? 1 : accountForm.platform === '抖音' ? 2 : accountForm.platform === '视频号' ? 3 : 4),
+            type: type,
             userName: accountForm.name
           })
           if (res.code === 200) {
             // 更新状态管理中的账号
-            accountStore.updateAccount(accountForm.id, accountForm)
+            const updatedAccount = {
+              id: accountForm.id,
+              name: accountForm.name,
+              platform: accountForm.platform,
+              status: accountForm.status // Keep the existing status
+            };
+            accountStore.updateAccount(accountForm.id, updatedAccount)
             ElMessage.success('更新成功')
             dialogVisible.value = false
             // 刷新账号列表
@@ -929,6 +1005,16 @@ onBeforeUnmount(() => {
   }
   
   // 二维码容器样式
+  .clickable-status {
+    cursor: pointer;
+    transition: all 0.3s;
+
+    &:hover {
+      transform: scale(1.05);
+      box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+    }
+  }
+
   .qrcode-container {
     margin-top: 20px;
     display: flex;

From 88d2dc1ce65d2538322c8f4b222ef105487e2b9a Mon Sep 17 00:00:00 2001
From: Deroino <117969239+Deroino@users.noreply.github.com>
Date: Fri, 14 Nov 2025 22:09:42 +0800
Subject: [PATCH 15/15] docs: add project documentation in CLAUDE.md

---
 CLAUDE.md | 101 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 101 insertions(+)
 create mode 100644 CLAUDE.md

diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..fd1a1aa
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,101 @@
+## Project Overview
+
+This project, `social-auto-upload`, is a powerful automation tool designed to help content creators and operators efficiently publish video content to multiple domestic and international mainstream social media platforms in one click. The project implements video upload, scheduled release and other functions for platforms such as `Douyin`, `Bilibili`, `Xiaohongshu`, `Kuaishou`, `WeChat Channel`, `Baijiahao` and `TikTok`.
+
+The project consists of a Python backend and a Vue.js frontend.
+
+**Backend:**
+
+*   Framework: Flask
+*   Core Functionality:
+    *   Handles file uploads and management.
+    *   Interacts with a SQLite database to store information about files and user accounts.
+    *   Uses `playwright` for browser automation to interact with social media platforms.
+    *   Provides a RESTful API for the frontend to consume.
+    *   Uses Server-Sent Events (SSE) for real-time communication with the frontend during the login process.
+
+**Frontend:**
+
+*   Framework: Vue.js
+*   Build Tool: Vite
+*   UI Library: Element Plus
+*   State Management: Pinia
+*   Routing: Vue Router
+*   Core Functionality:
+    *   Provides a web interface for managing social media accounts, video files, and publishing videos.
+    *   Communicates with the backend via a RESTful API.
+
+**Command-line Interface:**
+
+The project also provides a command-line interface (CLI) for users who prefer to work from the terminal. The CLI supports two main actions:
+
+*   `login`: To log in to a social media platform.
+*   `upload`: To upload a video to a social media platform, with an option to schedule the upload.
+
+## Building and Running
+
+### Backend
+
+1.  **Install dependencies:**
+    ```bash
+    pip install -r requirements.txt
+    ```
+
+2.  **Install Playwright browser drivers:**
+    ```bash
+    playwright install chromium
+    ```
+
+3.  **Initialize the database:**
+    ```bash
+    python db/createTable.py
+    ```
+
+4.  **Run the backend server:**
+    ```bash
+    python sau_backend.py
+    ```
+    The backend server will start on `http://localhost:5409`.
+
+### Frontend
+
+1.  **Navigate to the frontend directory:**
+    ```bash
+    cd sau_frontend
+    ```
+
+2.  **Install dependencies:**
+    ```bash
+    npm install
+    ```
+
+3.  **Run the development server:**
+    ```bash
+    npm run dev
+    ```
+    The frontend development server will start on `http://localhost:5173`.
+
+### Command-line Interface
+
+To use the CLI, you can run the `cli_main.py` script with the appropriate arguments.
+
+**Login:**
+
+```bash
+python cli_main.py <platform> <account_name> login
+```
+
+**Upload:**
+
+```bash
+python cli_main.py <platform> <account_name> upload <video_file> [-pt {0,1}] [-t YYYY-MM-DD HH:MM]
+```
+
+## Development Conventions
+
+*   The backend code is located in the root directory and the `myUtils` and `uploader` directories.
+*   The frontend code is located in the `sau_frontend` directory.
+*   The project uses a SQLite database for data storage. The database file is located at `db/database.db`.
+*   The `conf.example.py` file should be copied to `conf.py` and configured with the appropriate settings.
+*   The `requirements.txt` file lists the Python dependencies.
+*   The `package.json` file in the `sau_frontend` directory lists the frontend dependencies.