From 5672b1c07afdb7c36bd070eea8874ee0f4e195a5 Mon Sep 17 00:00:00 2001
From: wangyu <823267011@qq.com>
Date: Fri, 8 May 2026 18:28:19 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=8A=A5=E9=94=80/=E6=8B=A8=E6=AC=BE?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85):=20=E5=8F=91=E7=A5=A8=E6=98=8E=E7=BB=86?=
 =?UTF-8?q?=E5=86=85=E8=81=94=E9=99=84=E4=BB=B6=E4=B8=8B=E8=BD=BD=EF=BC=8C?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4=E7=8B=AC=E7=AB=8B=E5=8D=95=E6=8D=AE=E5=8C=BA?=
 =?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 发票明细表格新增「附件」列，同一文件只在首行显示下载按钮
- 移除独立的「报销/拨款单据」区块，文件通过明细行直接下载
- 无发票明细的老记录保留附件兜底展示

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../hrm/requests/appropriationDetail.vue      | 39 +++++++++++++------
 .../views/hrm/requests/reimburseDetail.vue    | 39 +++++++++++++------
 2 files changed, 56 insertions(+), 22 deletions(-)

diff --git a/ruoyi-ui/src/views/hrm/requests/appropriationDetail.vue b/ruoyi-ui/src/views/hrm/requests/appropriationDetail.vue
index 23e102e..607a500 100644
--- a/ruoyi-ui/src/views/hrm/requests/appropriationDetail.vue
+++ b/ruoyi-ui/src/views/hrm/requests/appropriationDetail.vue
@@ -24,28 +24,39 @@
           </el-descriptions>
         </el-card>
 
-        <!-- 拨款单据 -->
-        <div class="block-title">拨款单据</div>
-        <el-card class="inner-card" shadow="never">
-          <div class="hint-text">请上传相关拨款单据（发票、收据、凭证等）</div>
-          <file-preview v-model="detail.accessoryApplyIds"></file-preview>
-        </el-card>
-
-        <!-- 发票明细 -->
+        <!-- 发票明细（含附件下载） -->
         <template v-if="detail.invoiceItems && detail.invoiceItems.length">
           <div class="block-title">发票明细</div>
           <el-card class="inner-card" shadow="never">
             <el-table :data="detail.invoiceItems" border size="small" style="width:100%">
               <el-table-column type="index" label="序号" width="55" align="center" />
-              <el-table-column prop="itemName" label="项目名称" min-width="140" />
-              <el-table-column prop="reason" label="事由" min-width="180" />
-              <el-table-column prop="amount" label="金额(元)" width="120" align="right">
+              <el-table-column prop="itemName" label="项目名称" min-width="120" />
+              <el-table-column prop="reason" label="事由" min-width="160" />
+              <el-table-column prop="amount" label="金额(元)" width="110" align="right">
                 <template slot-scope="{ row }">¥{{ row.amount }}</template>
               </el-table-column>
+              <el-table-column label="附件" width="80" align="center">
+                <template slot-scope="scope">
+                  <el-button
+                    v-if="scope.row.ossId && isFirstRowOfFile(detail.invoiceItems, scope.$index, scope.row.ossId)"
+                    type="text" size="mini" title="下载附件"
+                    @click="downloadOss(scope.row.ossId)">
+                    <i class="el-icon-download"></i> 下载
+                  </el-button>
+                </template>
+              </el-table-column>
             </el-table>
           </el-card>
         </template>
 
+        <!-- 单据附件（无发票明细时的兜底展示） -->
+        <template v-else-if="detail.accessoryApplyIds">
+          <div class="block-title">拨款单据</div>
+          <el-card class="inner-card" shadow="never">
+            <file-preview v-model="detail.accessoryApplyIds"></file-preview>
+          </el-card>
+        </template>
+
         <!-- 拨款理由说明 -->
         <div class="block-title">拨款理由说明</div>
         <el-card class="inner-card" shadow="never">
@@ -340,6 +351,12 @@ export default {
       const p = n => (n < 10 ? `0${n}` : n)
       return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`
     },
+    isFirstRowOfFile (items, idx, ossId) {
+      return items.findIndex(it => it.ossId === ossId) === idx
+    },
+    downloadOss (ossId) {
+      this.$download.oss(ossId)
+    },
     getActionText (action) {
       const map = {
         'submit': '提交申请',
diff --git a/ruoyi-ui/src/views/hrm/requests/reimburseDetail.vue b/ruoyi-ui/src/views/hrm/requests/reimburseDetail.vue
index 33cd6d5..e60f0dd 100644
--- a/ruoyi-ui/src/views/hrm/requests/reimburseDetail.vue
+++ b/ruoyi-ui/src/views/hrm/requests/reimburseDetail.vue
@@ -15,28 +15,39 @@
           </el-descriptions>
         </el-card>
 
-        <!-- 报销单据 -->
-        <div class="block-title">报销单据</div>
-        <el-card class="inner-card" shadow="never">
-          <div class="hint-text">请上传相关报销单据（发票、收据、凭证等）</div>
-          <file-preview v-model="detail.accessoryApplyIds"></file-preview>
-        </el-card>
-
-        <!-- 发票明细 -->
+        <!-- 发票明细（含附件下载） -->
         <template v-if="detail.invoiceItems && detail.invoiceItems.length">
           <div class="block-title">发票明细</div>
           <el-card class="inner-card" shadow="never">
             <el-table :data="detail.invoiceItems" border size="small" style="width:100%">
               <el-table-column type="index" label="序号" width="55" align="center" />
-              <el-table-column prop="itemName" label="项目名称" min-width="140" />
-              <el-table-column prop="reason" label="事由" min-width="180" />
-              <el-table-column prop="amount" label="金额(元)" width="120" align="right">
+              <el-table-column prop="itemName" label="项目名称" min-width="120" />
+              <el-table-column prop="reason" label="事由" min-width="160" />
+              <el-table-column prop="amount" label="金额(元)" width="110" align="right">
                 <template slot-scope="{ row }">¥{{ row.amount }}</template>
               </el-table-column>
+              <el-table-column label="附件" width="80" align="center">
+                <template slot-scope="scope">
+                  <el-button
+                    v-if="scope.row.ossId && isFirstRowOfFile(detail.invoiceItems, scope.$index, scope.row.ossId)"
+                    type="text" size="mini" title="下载附件"
+                    @click="downloadOss(scope.row.ossId)">
+                    <i class="el-icon-download"></i> 下载
+                  </el-button>
+                </template>
+              </el-table-column>
             </el-table>
           </el-card>
         </template>
 
+        <!-- 单据附件（无发票明细时的兜底展示） -->
+        <template v-else-if="detail.accessoryApplyIds">
+          <div class="block-title">报销单据</div>
+          <el-card class="inner-card" shadow="never">
+            <file-preview v-model="detail.accessoryApplyIds"></file-preview>
+          </el-card>
+        </template>
+
         <!-- 报销理由说明 -->
         <div class="block-title">报销理由说明</div>
         <el-card class="inner-card" shadow="never">
@@ -81,6 +92,12 @@ export default {
       const p = n => (n < 10 ? `0${n}` : n)
       return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`
     },
+    isFirstRowOfFile (items, idx, ossId) {
+      return items.findIndex(it => it.ossId === ossId) === idx
+    },
+    downloadOss (ossId) {
+      this.$download.oss(ossId)
+    }
   }
 }
 </script>