审批记录管理新增查看功能

src/modules/base/views/ApproveRecordManage.vue

@@ -77,8 +77,15 @@
         <el-table-column prop="setupStr" label="当前节点"></el-table-column>
         <el-table-column prop="currentApproveUserName" label="当前处理人">
         </el-table-column>
-        <el-table-column class-name="action-column" label="操作" width="80px">
+        <el-table-column class-name="action-column" label="操作" width="120px">
           <template slot-scope="scope">
+            <el-button
+              v-if="checkPrivilege('link', 'preview')"
+              class="btn-primary"
+              type="text"
+              @click="toPreview(scope.row)"
+              >查看</el-button
+            >
             <el-button
               v-if="checkPrivilege('link', 'delete')"
               class="btn-danger"
@@ -101,16 +108,26 @@
         </el-pagination>
       </div>
     </div>
+
+    <!-- ModifyTaskApply -->
+    <modify-task-apply
+      ref="ModifyTaskApply"
+      edit-type="PREVIEW"
+      :instance="curExamTask"
+    ></modify-task-apply>
   </div>
 </template>
 
 <script>
 import { approveRecordListPage, deleteApproveRecord } from "../api";
+import { examTaskGetOne } from "../../exam/api";
 import { FLOW_STATUS } from "@/constants/enumerate";
 import pickerOptions from "@/constants/datePickerOptions";
+import ModifyTaskApply from "../../exam/components/ModifyTaskApply";
 
 export default {
   name: "approve-record-manage",
+  components: { ModifyTaskApply },
   data() {
     return {
       filter: {
@@ -125,6 +142,7 @@ export default {
       total: 0,
       dataList: [],
       FLOW_STATUS,
+      curExamTask: {},
       // date-picker
       createTime: [],
       pickerOptions
@@ -154,6 +172,10 @@ export default {
       this.current = page;
       this.getList();
     },
+    async toPreview(row) {
+      this.curExamTask = await examTaskGetOne(row.taskId);
+      this.$refs.ModifyTaskApply.open();
+    },
     toDelete(row) {
       this.$confirm(`确定要删除当前记录吗?`, "提示", {
         type: "warning"

src/modules/exam/api.js

@@ -87,6 +87,11 @@ export const downloadExamTaskApproveForm = ({ examTaskId, htmlContent }) => {
     { responseType: "blob" }
   );
 };
+export const examTaskGetOne = examTaskId => {
+  return $postParam("/api/admin/exam/task/exam_task_get_one", {
+    examTaskId
+  });
+};
 
 // task-apply-manage
 export const taskApplyListPage = datas => {