提交记录展示附件

src/modules/exam/components/ApplySubmitHistory.vue

@@ -10,6 +10,23 @@
         <el-table-column prop="submitUserName" label="提交人"></el-table-column>
         <el-table-column prop="approveUsers" label="下级审核人">
         </el-table-column>
+        <el-table-column
+          prop="paperUrls"
+          label="附件"
+          class-name="action-column"
+          align="left"
+        >
+          <div iv slot-scope="scope">
+            <el-button
+              v-for="item in scope.row.paperUrls"
+              :key="item.name"
+              type="text"
+              class="btn-primary"
+              @click="downloadPaper(item)"
+              >{{ item.name }}卷：{{ item.filename }}</el-button
+            >
+          </div>
+        </el-table-column>
       </el-table>
     </div>
     <div class="history-none" v-else>
@@ -20,6 +37,7 @@
 
 <script>
 import { taskApplySubmitHistory } from "../api";
+import { attachmentPreview } from "../../login/api";
 
 export default {
   name: "apply-submit-history",
@@ -48,9 +66,17 @@ export default {
           submitUserName: `${item.submitUser.realName}(${item.submitUser.orgName})`,
           approveUsers: item.approveUserList
             .map(user => `${user.realName}(${user.orgName})`)
-            .join("，")
+            .join("，"),
+          paperUrls: item.submitUser.paperUrls
+            ? JSON.parse(item.submitUser.paperUrls)
+            : []
         };
       });
+    },
+    async downloadPaper(attachment) {
+      if (!attachment.attachmentId) return;
+      const data = await attachmentPreview(attachment.attachmentId);
+      window.open(data.url);
     }
   }
 };