abu/wzj-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add 添加审批记录

Browse Source
This commit is contained in:
songgaoshuai 2023-06-14 12:32:12 +08:00
parent 251dd33cbf
commit cfcd951022
2 changed files with 49 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/api/workflow/processInstance/index.ts
View File

@ -1,4 +1,3 @@
import request from '@/utils/request'; import request from '@/utils/request';
const baseUrl = import.meta.env.VITE_APP_BASE_API; const baseUrl = import.meta.env.VITE_APP_BASE_API;
import { getToken } from '@/utils/auth'; import { getToken } from '@/utils/auth';
@ -6,8 +5,18 @@ import { getToken } from '@/utils/auth';
/** /**
* 通过流程实例id获取历史流程图 * 通过流程实例id获取历史流程图
*/ */
export const getHistoryProcessImage = (processInstanceId: string) =>{ export const getHistoryProcessImage = (processInstanceId: string) => {
return baseUrl+`/workflow/processInstance/getHistoryProcessImage/${processInstanceId}`+'?Authorization=Bearer '+getToken() return baseUrl + `/workflow/processInstance/getHistoryProcessImage/${processInstanceId}` + '?Authorization=Bearer ' + getToken();
} };
/**
* 获取审批记录
* @param processInstanceId 流程实例id
* @returns
*/
export const getHistoryRecord = (processInstanceId: string) => {
return request({
url: `/workflow/processInstance/getHistoryRecord/${processInstanceId}`,
method: 'get'
});
};

42
src/components/Process/approvalRecord.vue
View File

@ -1,24 +1,52 @@
<template> <template>
<el-dialog v-model="visible" title="审批记录" width="60%" append-to-body :close-on-click-modal="false"> <el-dialog v-model="visible" title="审批记录" :width="width" append-to-body :close-on-click-modal="false">
<div> <div v-loading="loading">
<el-image :src="src" style="font-size: 20px; margin: 50px;"> <div>
</el-image> <el-image :src="src" style="font-size: 20px; margin: 50px;"> </el-image>
</div>
<div>
<el-table :data="historyList" style="width: 100%" max-height="570" v-loading="loading">
<el-table-column label="流程审批历史记录" align="center">
<el-table-column type="index" label="序号" align="center" width="50"></el-table-column>
<el-table-column prop="name" label="任务名称" align="center"></el-table-column>
<el-table-column prop="nickName" label="办理人" align="center"></el-table-column>
<el-table-column prop="status" label="状态" align="center"></el-table-column>
<el-table-column prop="comment" label="审批意见" align="center"></el-table-column>
<el-table-column prop="startTime" label="开始时间" align="center"></el-table-column>
<el-table-column prop="endTime" label="结束时间" align="center"></el-table-column>
<el-table-column prop="runDuration" label="运行时长" align="center"></el-table-column>
</el-table-column>
</el-table>
</div>
</div> </div>
</el-dialog> </el-dialog>
</template> </template>
<script > <script>
import { getHistoryProcessImage } from '@/api/workflow/processInstance'; import { getHistoryProcessImage,getHistoryRecord } from '@/api/workflow/processInstance';
export default { export default {
props: {
width: {
type:String,
default:"70%"
}
},
data() { data() {
return { return {
loading:false,
src:"", src:"",
visible:false visible:false,
historyList:[]
}; };
}, },
methods: { methods: {
init(processInstanceId) { init(processInstanceId) {
this.visible = true this.visible = true
this.loading = true
this.src = getHistoryProcessImage(processInstanceId) this.src = getHistoryProcessImage(processInstanceId)
getHistoryRecord(processInstanceId).then(response => {
this.historyList = response.data
this.loading = false
})
} }
} }
}; };