From 655ede8d3e2c9bac63867c5dd38487f1b0e4f841 Mon Sep 17 00:00:00 2001
From: ltx <1006158920@qq.com>
Date: Fri, 6 Nov 2026 11:23:14 +0800
Subject: [PATCH] =?UTF-8?q?update=EF=BC=9A=E7=89=88=E6=9C=AC=E6=8E=A7?=
 =?UTF-8?q?=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/app-releases/index.vue | 75 +++++++++++++++++++++++++++-----
 1 file changed, 63 insertions(+), 12 deletions(-)

diff --git a/src/views/app-releases/index.vue b/src/views/app-releases/index.vue
index 23c7706..789a3f2 100644
--- a/src/views/app-releases/index.vue
+++ b/src/views/app-releases/index.vue
@@ -49,7 +49,7 @@
             </el-upload>
           </div>
         </div>
-        <div class="upload-tip"><el-icon><CircleCheck /></el-icon><span>建议从同一个打包输出目录选取两个文件；APK 将在服务端计算 SHA-256。</span></div>
+        <div class="upload-tip"><el-icon><CircleCheck /></el-icon><span>建议从同一个打包输出目录选取两个文件；APK 由浏览器直传 OSS，后台校验文件并计算 SHA-256。</span></div>
       </section>
 
       <section class="panel details-panel">
@@ -74,6 +74,10 @@
           <span>先保存为草稿，核对无误后再发布</span>
           <el-button type="primary" class="upload-button" :loading="uploading" :disabled="!file" @click="upload">上传为草稿</el-button>
         </div>
+        <div v-if="uploading" class="upload-progress">
+          <span>{{ uploadPhase }}</span>
+          <el-progress :percentage="uploadProgress" :stroke-width="8" />
+        </div>
       </section>
     </div>
 
@@ -99,6 +103,7 @@
 
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue';
+import axios from 'axios';
 import { ElMessage, ElMessageBox } from 'element-plus';
 import type { UploadFile } from 'element-plus';
 import { CircleCheck, Document, Refresh, UploadFilled, WarningFilled } from '@element-plus/icons-vue';
@@ -128,6 +133,8 @@ const notesEn = ref('');
 const mandatory = ref(false);
 const loading = ref(false);
 const uploading = ref(false);
+const uploadProgress = ref(0);
+const uploadPhase = ref('');
 const channelLabel = import.meta.env.VITE_API_URL || '未配置';
 const publishedCount = computed(() => releases.value.filter((item) => item.releaseStatus === 1).length);
 const draftCount = computed(() => releases.value.filter((item) => item.releaseStatus === 0).length);
@@ -153,6 +160,7 @@ function selectApk(uploadFile: UploadFile) {
   if (!selected) return;
   if (!selected.name.toLowerCase().endsWith('.apk')) return ElMessage.warning('请选择 .apk 安装包');
   file.value = selected;
+  uploadProgress.value = 0;
 }
 async function selectBuildInfo(uploadFile: UploadFile) {
   const selected = uploadFile.raw;
@@ -179,18 +187,59 @@ async function upload() {
   if (!versionName.value.trim() || !Number.isInteger(versionCode.value) || (versionCode.value ?? 0) <= 0 || !/^[A-F0-9]{64}$/.test(fingerprint)) {
     return ElMessage.warning('请核对版本名、整数版本号和 64 位公开签名指纹');
   }
-  const form = new FormData();
-  form.append('file', file.value);
-  form.append('versionName', versionName.value.trim());
-  form.append('versionCode', String(versionCode.value));
-  form.append('certificateSha256', fingerprint);
-  form.append('notesZh', notesZh.value);
-  form.append('notesEn', notesEn.value);
-  form.append('isMandatory', String(mandatory.value));
+  const selected = file.value;
   uploading.value = true;
-  try { const response = await http.post('/app-updates/admin/upload', form, { headers: { 'Content-Type': 'multipart/form-data' }, timeout: 300000 }); if (response.data?.statusCode !== 200) throw new Error('上传失败'); ElMessage.success('已上传为草稿，请核对后发布'); file.value = null; buildInfoName.value = ''; await load(); }
-  catch { ElMessage.error('上传失败，请查看服务器返回的具体错误'); }
-  finally { uploading.value = false; }
+  uploadProgress.value = 0;
+  uploadPhase.value = '正在获取临时上传地址…';
+  try {
+    const ticketResponse = await http.post('/app-updates/admin/upload-ticket', {
+      versionCode: versionCode.value,
+      fileSize: selected.size,
+    });
+    if (ticketResponse.data?.statusCode !== 200) throw new Error('获取 OSS 上传地址失败');
+    const ticket = ticketResponse.data?.data;
+    if (!ticket?.uploadUrl || !ticket?.objectKey || ticket?.contentType !== 'application/octet-stream') {
+      throw new Error('后台返回的上传地址无效');
+    }
+    uploadPhase.value = '正在直传阿里云 OSS…';
+    // Use a standalone Axios request: the signed OSS URL must not carry the admin JWT.
+    await axios.put(ticket.uploadUrl, selected, {
+      headers: { 'Content-Type': ticket.contentType },
+      timeout: 0,
+      onUploadProgress: (event) => {
+        uploadProgress.value = Math.min(99, Math.round((event.loaded / selected.size) * 100));
+      },
+    });
+    uploadProgress.value = 100;
+    uploadPhase.value = 'OSS 上传完成，后台正在校验并生成草稿…';
+    const response = await http.post('/app-updates/admin/upload-complete', {
+      objectKey: ticket.objectKey,
+      fileSize: selected.size,
+      versionName: versionName.value.trim(),
+      versionCode: versionCode.value,
+      certificateSha256: fingerprint,
+      notesZh: notesZh.value.trim(),
+      notesEn: notesEn.value.trim(),
+      isMandatory: mandatory.value,
+    }, { timeout: 300000 });
+    if (response.data?.statusCode !== 200) throw new Error('OSS 文件校验或草稿创建失败');
+    ElMessage.success('已上传为草稿，请核对后发布');
+    file.value = null;
+    buildInfoName.value = '';
+    await load();
+  } catch (error) {
+    if (axios.isAxiosError(error)) {
+      const status = error.response?.status;
+      ElMessage.error(status === 403
+        ? 'OSS 拒绝上传，请检查临时签名、Bucket 权限和系统时间'
+        : '无法直传 OSS，请检查网络及 Bucket CORS 配置');
+    } else {
+      ElMessage.error(error instanceof Error ? error.message : '上传失败，请查看后台错误');
+    }
+  } finally {
+    uploading.value = false;
+    uploadPhase.value = '';
+  }
 }
 async function publish(row: Release) {
   const confirmed = await ElMessageBox.confirm(`请确认安装包与构建信息匹配。发布 ${row.versionName}（${row.versionCode}）后，裁判端将可检查到此版本。`, '发布确认', { type: 'warning' }).then(() => true, () => false);
@@ -267,6 +316,8 @@ onMounted(load);
 .form-footer span { color: #8b9cb0; font-size: 11px; }
 .upload-button { min-width: 130px; height: 38px; border: 0; border-radius: 9px; background: linear-gradient(110deg, #1686ee, #1265ce); box-shadow: 0 7px 15px rgba(27, 115, 214, .19); }
 .upload-button:hover { background: linear-gradient(110deg, #3198f1, #1d74da); }
+.upload-progress { display: grid; gap: 8px; margin-top: 15px; color: #54708f; font-size: 12px; }
+.upload-progress :deep(.el-progress-bar__inner) { background: linear-gradient(110deg, #1686ee, #43a5f4); }
 .history-panel { margin-top: 18px; padding: 23px 24px 12px; }
 .history-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 17px; }
 .record-count { padding: 7px 10px; border-radius: 7px; background: #f3f7fc; color: #7890aa; font-size: 11px; }