feat: add file upload workflow

frontend/src/views/admin/AdminDisputesView.vue

@@ -3,11 +3,13 @@ import { ElMessage } from 'element-plus'
 import { onMounted, ref } from 'vue'
 
 import { arbitrateDispute, fetchAdminDisputes, type Dispute } from '@/api/disputes'
+import { fetchAdminFileBlob } from '@/api/files'
 
 const loading = ref(false)
 const submitting = ref(false)
 const disputes = ref<Dispute[]>([])
 const activeDispute = ref<Dispute | null>(null)
+const evidenceDispute = ref<Dispute | null>(null)
 const result = ref('release_deposit')
 const remark = ref('')
 const amount = ref<number | undefined>()
@@ -30,6 +32,38 @@ function openArbitration(row: Dispute) {
   amount.value = undefined
 }
 
+function evidenceItems(row: Dispute | null) {
+  const raw = row?.evidence_urls
+  if (!raw) return []
+  if (Array.isArray(raw)) return raw
+  return []
+}
+
+function extractObjectKey(url: string) {
+  try {
+    const parsed = new URL(url, window.location.origin)
+    return parsed.searchParams.get('key') || ''
+  } catch {
+    return ''
+  }
+}
+
+async function openEvidence(url: string) {
+  const key = extractObjectKey(url)
+  if (!key) {
+    window.open(url, '_blank')
+    return
+  }
+  try {
+    const blob = await fetchAdminFileBlob(key)
+    const objectURL = URL.createObjectURL(blob)
+    window.open(objectURL, '_blank')
+    window.setTimeout(() => URL.revokeObjectURL(objectURL), 60_000)
+  } catch (error) {
+    ElMessage.error(readError(error, '证据文件打开失败'))
+  }
+}
+
 async function handleArbitrate() {
   if (!activeDispute.value) return
   submitting.value = true
@@ -74,6 +108,11 @@ function readError(error: unknown, fallback: string) {
       <el-table-column prop="status" label="状态" width="110" />
       <el-table-column prop="description" label="说明" min-width="220" show-overflow-tooltip />
       <el-table-column prop="arbitration_result" label="结果" width="150" />
+      <el-table-column label="证据" width="100">
+        <template #default="{ row }">
+          <el-button size="small" :disabled="evidenceItems(row).length === 0" @click="evidenceDispute = row">查看</el-button>
+        </template>
+      </el-table-column>
       <el-table-column label="操作" width="120">
         <template #default="{ row }">
           <el-button size="small" :disabled="row.status === 'resolved'" @click="openArbitration(row)">仲裁</el-button>
@@ -111,5 +150,18 @@ function readError(error: unknown, fallback: string) {
         <el-button type="primary" :loading="submitting" @click="handleArbitrate">保存裁决</el-button>
       </template>
     </el-dialog>
+
+    <el-dialog :model-value="!!evidenceDispute" title="申诉证据" width="640px" @update:model-value="evidenceDispute = null">
+      <div v-if="evidenceDispute" class="dialog-body">
+        <p><strong>{{ evidenceDispute.order_no }}</strong> · {{ evidenceDispute.title }}</p>
+        <div v-for="item in evidenceItems(evidenceDispute)" :key="item" class="evidence-row">
+          <span>{{ item }}</span>
+          <el-button size="small" @click="openEvidence(item)">打开</el-button>
+        </div>
+      </div>
+      <template #footer>
+        <el-button type="primary" @click="evidenceDispute = null">关闭</el-button>
+      </template>
+    </el-dialog>
   </section>
 </template>