feat: add file upload workflow

frontend/src/views/admin/AdminListingDetailView.vue

@@ -3,6 +3,7 @@ import { ElMessage } from 'element-plus'
 import { computed, onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
 
+import { fetchAdminFileBlob } from '@/api/files'
 import { adminMarkListingAbnormal, adminOfflineListing, fetchAdminListing, type Listing } from '@/api/listings'
 
 const route = useRoute()
@@ -54,6 +55,24 @@ function money(value: number) {
   return `¥${Number(value || 0).toFixed(2)}`
 }
 
+function extractObjectKey(url: string) {
+  try {
+    const parsed = new URL(url, window.location.origin)
+    return parsed.searchParams.get('key') || url
+  } catch {
+    return url
+  }
+}
+
+async function openScreenshot(url: string) {
+  try {
+    const blob = await fetchAdminFileBlob(extractObjectKey(url))
+    window.open(URL.createObjectURL(blob), '_blank')
+  } catch {
+    window.open(url, '_blank')
+  }
+}
+
 function readError(error: unknown, fallback: string) {
   if (typeof error === 'object' && error && 'response' in error) {
     const response = (error as { response?: { data?: { message?: string } } }).response
@@ -108,6 +127,7 @@ function readError(error: unknown, fallback: string) {
         <p>平台：{{ listing.login_platform }}</p>
         <p>段位：{{ listing.rank_level || '-' }}</p>
         <p>哈夫币：{{ listing.haf_coin_amount }}</p>
+        <p>资产截图：{{ listing.screenshot_urls?.length || 0 }} 个</p>
       </div>
 
       <div class="order-panel dashboard-panel">
@@ -129,6 +149,17 @@ function readError(error: unknown, fallback: string) {
       <p>更新时间：{{ listing.updated_at }}</p>
     </div>
 
+    <div v-if="listing" class="order-panel dashboard-panel">
+      <h2>资产截图</h2>
+      <div v-if="listing.screenshot_urls?.length" class="evidence-list">
+        <div v-for="url in listing.screenshot_urls" :key="url" class="evidence-row">
+          <span>{{ url }}</span>
+          <el-button size="small" @click="openScreenshot(url)">打开</el-button>
+        </div>
+      </div>
+      <p v-else>暂无截图</p>
+    </div>
+
     <el-dialog :model-value="!!actionType" :title="actionTitle" width="560px" @update:model-value="actionType = ''">
       <div v-if="listing" class="dialog-body">
         <p><strong>{{ listing.title }}</strong></p>