From 598f88b03a4d14d3d14fbc17c83cf7fe735465f5 Mon Sep 17 00:00:00 2001
From: wangyu <823267011@qq.com>
Date: Thu, 2 Jul 2026 14:24:08 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8A=A5=E9=94=80/=E6=8B=A8=E6=AC=BE=E5=8F=91?=
 =?UTF-8?q?=E7=A5=A8=E6=98=8E=E7=BB=86=E5=A2=9E=E5=8A=A0=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

审核员点击发票明细行的"预览"按钮即可直接查看PDF/图片内容，复用已有的
Folder全局预览组件，无需下载。

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .../hrm/requests/appropriationDetail.vue      | 35 ++++++++++++++----
 .../views/hrm/requests/reimburseDetail.vue    | 36 +++++++++++++++----
 2 files changed, 57 insertions(+), 14 deletions(-)

diff --git a/ruoyi-ui/src/views/hrm/requests/appropriationDetail.vue b/ruoyi-ui/src/views/hrm/requests/appropriationDetail.vue
index f50e8a1..aeed9ca 100644
--- a/ruoyi-ui/src/views/hrm/requests/appropriationDetail.vue
+++ b/ruoyi-ui/src/views/hrm/requests/appropriationDetail.vue
@@ -35,14 +35,20 @@
               <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">
+              <el-table-column label="附件" width="130" 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 v-if="scope.row.ossId && isFirstRowOfFile(detail.invoiceItems, scope.$index, scope.row.ossId)">
+                    <el-button
+                      type="text" size="mini" title="预览附件"
+                      @click="previewOss(scope.row.ossId)">
+                      <i class="el-icon-view"></i> 预览
+                    </el-button>
+                    <el-button
+                      type="text" size="mini" title="下载附件"
+                      @click="downloadOss(scope.row.ossId)">
+                      <i class="el-icon-download"></i> 下载
+                    </el-button>
+                  </template>
                 </template>
               </el-table-column>
             </el-table>
@@ -92,6 +98,7 @@ export default {
     FilePreview,
     BizDetailContainer
   },
+  inject: ['$folder'],
   data () {
     return {
       loading: false,
@@ -357,6 +364,20 @@ export default {
     downloadOss (ossId) {
       this.$download.oss(ossId)
     },
+    async previewOss (ossId) {
+      try {
+        const res = await listByIds([ossId])
+        const file = (res.data || [])[0]
+        if (!file) {
+          this.$message.warning('文件不存在')
+          return
+        }
+        this.$folder().previewSimple(file)
+      } catch (e) {
+        console.error('预览失败:', e)
+        this.$message.error('预览失败')
+      }
+    },
     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 bd96df5..2b97ab6 100644
--- a/ruoyi-ui/src/views/hrm/requests/reimburseDetail.vue
+++ b/ruoyi-ui/src/views/hrm/requests/reimburseDetail.vue
@@ -26,14 +26,20 @@
               <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">
+              <el-table-column label="附件" width="130" 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 v-if="scope.row.ossId && isFirstRowOfFile(detail.invoiceItems, scope.$index, scope.row.ossId)">
+                    <el-button
+                      type="text" size="mini" title="预览附件"
+                      @click="previewOss(scope.row.ossId)">
+                      <i class="el-icon-view"></i> 预览
+                    </el-button>
+                    <el-button
+                      type="text" size="mini" title="下载附件"
+                      @click="downloadOss(scope.row.ossId)">
+                      <i class="el-icon-download"></i> 下载
+                    </el-button>
+                  </template>
                 </template>
               </el-table-column>
             </el-table>
@@ -66,6 +72,7 @@
 </template>
 
 <script>
+import { listByIds } from "@/api/system/oss";
 import FilePreview from "@/components/FilePreview/index.vue";
 import BizDetailContainer from '@/views/hrm/components/BizDetailContainer/index.vue';
 
@@ -80,6 +87,7 @@ export default {
     BizDetailContainer,
     FilePreview
   },
+  inject: ['$folder'],
   computed: {
     currentBizId () {
       return this.bizId || this.$route?.params?.bizId || this.$route?.query?.bizId || this.$route?.params?.id
@@ -97,6 +105,20 @@ export default {
     },
     downloadOss (ossId) {
       this.$download.oss(ossId)
+    },
+    async previewOss (ossId) {
+      try {
+        const res = await listByIds([ossId])
+        const file = (res.data || [])[0]
+        if (!file) {
+          this.$message.warning('文件不存在')
+          return
+        }
+        this.$folder().previewSimple(file)
+      } catch (e) {
+        console.error('预览失败:', e)
+        this.$message.error('预览失败')
+      }
     }
   }
 }