feat：多项功能优化

bj_power_mes/frontend/src/pages/Attachment.vue

@@ -1,26 +1,31 @@
 <template>
   <el-card>
+    <!-- 附件中心：仅作集中查阅（只读）。新增/删除在各业务页面内完成（如检验页、工序步骤行）。
+         本页展示文件路径，点击路径可直接下载查看。 -->
+    <el-alert type="info" :closable="false" show-icon style="margin-bottom:12px"
+      title="附件中心为只读查阅页：新增/删除附件请在各自业务页面（如质量检验、工序步骤）内操作" />
     <el-form inline style="margin-bottom:12px">
       <el-form-item label="业务类型">
-        <el-select v-model="form.bizType" style="width:160px">
+        <el-select v-model="form.bizType" clearable style="width:160px" placeholder="全部">
           <el-option label="工单" value="work_order" />
           <el-option label="物料" value="material" />
           <el-option label="工艺流程" value="process_flow" />
           <el-option label="检验" value="inspection" />
+          <el-option label="质量" value="quality" />
         </el-select>
       </el-form-item>
       <el-form-item label="业务ID">
-        <el-input v-model="form.bizId" placeholder="如 工单号 / 图号" style="width:220px" />
+        <el-input v-model="form.bizId" placeholder="如 工单号 / 图号" style="width:220px" @keyup.enter="load" />
       </el-form-item>
-      <el-form-item>
-        <el-upload action="#" :show-file-list="false" :http-request="doUpload">
-          <el-button type="primary">选择文件上传</el-button>
-        </el-upload>
-      </el-form-item>
-      <el-form-item><el-button @click="load">查询</el-button></el-form-item>
+      <el-form-item><el-button type="primary" @click="load">查询</el-button></el-form-item>
     </el-form>
     <el-table :data="list" border size="small">
       <el-table-column prop="fileName" label="文件名" min-width="180" />
+      <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>
       <el-table-column prop="fileSize" label="大小" width="110">
         <template #default="{row}">{{ fmtSize(row.fileSize) }}</template>
       </el-table-column>
@@ -28,22 +33,16 @@
       <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-column label="操作" width="160" fixed="right">
-        <template #default="{row}">
-          <el-button size="small" type="primary" @click="download(row)">下载</el-button>
-          <el-button size="small" type="danger" @click="remove(row)">删除</el-button>
-        </template>
-      </el-table-column>
     </el-table>
   </el-card>
 </template>
 <script setup>
 import { reactive, ref, onMounted } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
+import { ElMessage } from 'element-plus'
 import request from '../utils/request'
 import { getToken } from '../utils/auth'
 
-const form = reactive({ bizType: 'work_order', bizId: '' })
+const form = reactive({ bizType: '', bizId: '' })
 const list = ref([])
 
 async function load() {
@@ -55,25 +54,8 @@ function fmtSize(n) {
   if (n < 1024 * 1024) return (n / 1024).toFixed(1) + ' KB'
   return (n / 1024 / 1024).toFixed(1) + ' MB'
 }
-async function doUpload(option) {
-  if (!form.bizId) {
-    ElMessage.warning('请先填写业务ID再上传')
-    return
-  }
-  const fd = new FormData()
-  fd.append('file', option.file)
-  fd.append('bizType', form.bizType)
-  fd.append('bizId', form.bizId)
-  try {
-    await request.post('/attachment/upload', fd)
-    ElMessage.success('上传成功')
-    if (option.onSuccess) option.onSuccess()
-    load()
-  } catch (e) {
-    if (option.onError) option.onError(e)
-  }
-}
 async function download(row) {
+  if (!row.filePath) return
   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 }
@@ -85,11 +67,5 @@ async function download(row) {
   a.click()
   URL.revokeObjectURL(url)
 }
-async function remove(row) {
-  await ElMessageBox.confirm('确认删除该附件？', '提示', { type: 'warning' })
-  await request.post('/attachment/delete', { id: row.id })
-  ElMessage.success('已删除')
-  load()
-}
 onMounted(load)
 </script>