feat: add file upload workflow

frontend/src/views/admin/AdminListingReviewView.vue

@@ -2,12 +2,14 @@
 import { ElMessage } from 'element-plus'
 import { onMounted, ref } from 'vue'
 
+import { fetchAdminFileBlob } from '@/api/files'
 import { approveListing, fetchPendingReviewListings, rejectListing, type Listing } from '@/api/listings'
 
 const loading = ref(false)
 const submitting = ref(false)
 const listings = ref<Listing[]>([])
 const activeListing = ref<Listing | null>(null)
+const evidenceListing = ref<Listing | null>(null)
 const rejectReason = ref('')
 
 onMounted(loadListings)
@@ -55,6 +57,28 @@ async function handleReject() {
   }
 }
 
+function openEvidence(row: Listing) {
+  evidenceListing.value = row
+}
+
+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
@@ -84,6 +108,13 @@ function readError(error: unknown, fallback: string) {
       <el-table-column prop="rank_level" label="段位" width="110" />
       <el-table-column prop="price_hourly" label="时租" width="90" />
       <el-table-column prop="deposit_amount" label="押金" width="90" />
+      <el-table-column label="截图" width="90">
+        <template #default="{ row }">
+          <el-button size="small" :disabled="!row.screenshot_urls?.length" @click="openEvidence(row)">
+            {{ row.screenshot_urls?.length || 0 }} 个
+          </el-button>
+        </template>
+      </el-table-column>
       <el-table-column prop="updated_at" label="提交时间" min-width="180" />
       <el-table-column label="操作" width="170">
         <template #default="{ row }">
@@ -103,5 +134,21 @@ function readError(error: unknown, fallback: string) {
         <el-button type="danger" :loading="submitting" @click="handleReject">确认拒绝</el-button>
       </template>
     </el-dialog>
+
+    <el-dialog :model-value="!!evidenceListing" title="账号资产截图" width="680px" @update:model-value="evidenceListing = null">
+      <div v-if="evidenceListing" class="dialog-body">
+        <p><strong>{{ evidenceListing.title }}</strong></p>
+        <div v-if="evidenceListing.screenshot_urls?.length" class="evidence-list">
+          <div v-for="url in evidenceListing.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>
+      <template #footer>
+        <el-button @click="evidenceListing = null">关闭</el-button>
+      </template>
+    </el-dialog>
   </section>
 </template>