add 添加附件下载

src/components/Process/approvalRecord.vue

@@ -41,6 +41,24 @@
               </template>
             </el-table-column>
             <el-table-column prop="comment" label="审批意见" sortable align="center"></el-table-column>
+            <el-table-column prop="attachmentList" label="附件" sortable align="center">
+              <template #default="scope">
+                <el-popover placement="right"  v-if="scope.row.attachmentList && scope.row.attachmentList.length > 0" :width="310" trigger="click">
+                    <template #reference>
+                      <el-button style="margin-right: 16px">附件</el-button>
+                    </template>
+                    <el-table border :data="scope.row.attachmentList">
+                      <el-table-column prop="name" width="202" :show-overflow-tooltip="true" label="附件名称"></el-table-column>
+                      <el-table-column prop="name" width="80" align="center" :show-overflow-tooltip="true" label="操作">
+                        <template #default="tool">
+                          <el-button type="text" @click="handleDownload(tool.row.contentId)">下载</el-button>
+                        </template>
+                      </el-table-column>
+                    </el-table>
+                    
+                  </el-popover>
+              </template>
+            </el-table-column>
             <el-table-column prop="startTime" label="开始时间" sortable align="center"></el-table-column>
             <el-table-column prop="endTime" label="结束时间" sortable align="center"></el-table-column>
             <el-table-column prop="runDuration" label="运行时长" sortable align="center"></el-table-column>
@@ -52,6 +70,7 @@
 </template>
 <script lang="ts" setup>
 import { getHistoryProcessImage, getHistoryRecord } from '@/api/workflow/processInstance';
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 import { ref } from 'vue';
 const props = defineProps({
   width: {
@@ -114,6 +133,11 @@ const handleMouseOver = async (graphic: any) => {
 const handleMouseLeave = async () => {
   popupVisible.value = false;
 };
+
+/** 下载按钮操作 */
+const handleDownload = (ossId: string) => {
+  proxy?.$download.oss(ossId);
+};
 /**
  * 对外暴露子组件方法
  */