2026-09-14 16:31:08 +08:00
|
|
|
|
<template>
|
|
|
|
|
|
<el-card>
|
2026-09-18 18:54:54 +08:00
|
|
|
|
<!-- 附件中心：仅作集中查阅（只读）。新增/删除在各业务页面内完成（如检验页、工序步骤行）。
|
|
|
|
|
|
本页展示文件路径，点击路径可直接下载查看。 -->
|
|
|
|
|
|
<el-alert type="info" :closable="false" show-icon style="margin-bottom:12px"
|
|
|
|
|
|
title="附件中心为只读查阅页：新增/删除附件请在各自业务页面（如质量检验、工序步骤）内操作" />
|
2026-09-14 16:31:08 +08:00
|
|
|
|
<el-form inline style="margin-bottom:12px">
|
|
|
|
|
|
<el-form-item label="业务类型">
|
2026-09-18 18:54:54 +08:00
|
|
|
|
<el-select v-model="form.bizType" clearable style="width:160px" placeholder="全部">
|
2026-09-14 16:31:08 +08:00
|
|
|
|
<el-option label="工单" value="work_order" />
|
|
|
|
|
|
<el-option label="物料" value="material" />
|
|
|
|
|
|
<el-option label="工艺流程" value="process_flow" />
|
|
|
|
|
|
<el-option label="检验" value="inspection" />
|
2026-09-18 18:54:54 +08:00
|
|
|
|
<el-option label="质量" value="quality" />
|
2026-09-14 16:31:08 +08:00
|
|
|
|
</el-select>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="业务ID">
|
2026-09-18 18:54:54 +08:00
|
|
|
|
<el-input v-model="form.bizId" placeholder="如 工单号 / 图号" style="width:220px" @keyup.enter="load" />
|
2026-09-14 16:31:08 +08:00
|
|
|
|
</el-form-item>
|
2026-09-18 18:54:54 +08:00
|
|
|
|
<el-form-item><el-button type="primary" @click="load">查询</el-button></el-form-item>
|
2026-09-14 16:31:08 +08:00
|
|
|
|
</el-form>
|
|
|
|
|
|
<el-table :data="list" border size="small">
|
|
|
|
|
|
<el-table-column prop="fileName" label="文件名" min-width="180" />
|
2026-09-18 18:54:54 +08:00
|
|
|
|
<el-table-column label="文件路径" min-width="260">
|
|
|
|
|
|
<template #default="{row}">
|
|
|
|
|
|
<el-link type="primary" :underline="false" @click="download(row)">{{ row.filePath || '-' }}</el-link>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
</el-table-column>
|
2026-09-14 16:31:08 +08:00
|
|
|
|
<el-table-column prop="fileSize" label="大小" width="110">
|
|
|
|
|
|
<template #default="{row}">{{ fmtSize(row.fileSize) }}</template>
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
<el-table-column prop="bizType" label="业务类型" width="120" />
|
|
|
|
|
|
<el-table-column prop="bizId" label="业务ID" width="140" />
|
|
|
|
|
|
<el-table-column prop="uploader" label="上传人" width="100" />
|
|
|
|
|
|
<el-table-column prop="createdAt" label="上传时间" min-width="170" />
|
|
|
|
|
|
</el-table>
|
|
|
|
|
|
</el-card>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
|
|
|
import { reactive, ref, onMounted } from 'vue'
|
2026-09-18 18:54:54 +08:00
|
|
|
|
import { ElMessage } from 'element-plus'
|
2026-09-14 16:31:08 +08:00
|
|
|
|
import request from '../utils/request'
|
|
|
|
|
|
import { getToken } from '../utils/auth'
|
|
|
|
|
|
|
2026-09-18 18:54:54 +08:00
|
|
|
|
const form = reactive({ bizType: '', bizId: '' })
|
2026-09-14 16:31:08 +08:00
|
|
|
|
const list = ref([])
|
|
|
|
|
|
|
|
|
|
|
|
async function load() {
|
|
|
|
|
|
list.value = (await request.get('/attachments', { params: { bizType: form.bizType, bizId: form.bizId } })) || []
|
|
|
|
|
|
}
|
|
|
|
|
|
function fmtSize(n) {
|
|
|
|
|
|
n = n || 0
|
|
|
|
|
|
if (n < 1024) return n + ' B'
|
|
|
|
|
|
if (n < 1024 * 1024) return (n / 1024).toFixed(1) + ' KB'
|
|
|
|
|
|
return (n / 1024 / 1024).toFixed(1) + ' MB'
|
|
|
|
|
|
}
|
|
|
|
|
|
async function download(row) {
|
2026-09-18 18:54:54 +08:00
|
|
|
|
if (!row.filePath) return
|
2026-09-14 16:31:08 +08:00
|
|
|
|
const token = getToken()
|
|
|
|
|
|
const resp = await fetch('/api/v1/attachment/download?name=' + encodeURIComponent(row.filePath), { headers: { Authorization: 'Bearer ' + token } })
|
|
|
|
|
|
if (!resp.ok) { ElMessage.error('下载失败'); return }
|
|
|
|
|
|
const blob = await resp.blob()
|
|
|
|
|
|
const url = URL.createObjectURL(blob)
|
|
|
|
|
|
const a = document.createElement('a')
|
|
|
|
|
|
a.href = url
|
|
|
|
|
|
a.download = row.fileName || 'file'
|
|
|
|
|
|
a.click()
|
|
|
|
|
|
URL.revokeObjectURL(url)
|
|
|
|
|
|
}
|
|
|
|
|
|
onMounted(load)
|
|
|
|
|
|
</script>
|
