yvan/Study
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加获取工作流详细页面信息的接口和对应调用

Browse Source
This commit is contained in:
pixel
2020-11-18 18:06:31 +08:00
parent 5bb840c1ce
commit 0286d56e9c
8 changed files with 261 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/view/workflow/userList/need.vue
+83 -4
View File
@@ -1,17 +1,96 @@
<template>
<div>
</div>
<div>
<el-table
:data="tableData"
border
ref="multipleTable"
stripe
style="width: 100%"
tooltip-effect="dark"
>
<el-table-column label="ID" prop="ID" width="60"></el-table-column>
<el-table-column
label="流程名称"
prop="workflowProcess.label"
width="150"
></el-table-column>
<el-table-column
label="发起人"
prop="promoter.nickName"
width="120"
></el-table-column>
<el-table-column label="节点日期" width="180">
<template slot-scope="scope">{{
scope.row.CreatedAt | formatDate
}}</template>
</el-table-column>
<el-table-column
label="业务代码"
prop="businessType"
width="120"
></el-table-column>
<el-table-column
label="当前节点"
prop="workflowNode.label"
width="120"
></el-table-column>
<el-table-column label="流程状态" width="120">
<template slot-scope="scope">
<div>
{{ scope.row.isActive ? '进行中' : '已结束' }}
</div>
</template>
</el-table-column>
<el-table-column
label="详细介绍"
prop="workflowProcess.description"
min-width="200"
></el-table-column>
<el-table-column label="按钮组">
<template slot-scope="scope">
<el-button @click="handle(scope.row)">处理</el-button>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
import { formatTimeToStr } from '@/utils/date'
import {getMyNeed} from "@/api/workflowProcess"
export default {
data(){
return{
tableData:[]
}
},
methods:{
handle(row){
this.$router.push({
name: "workflowUse",
query: {
wfmId: row.ID
}
})
}
},
async created(){
const res = await getMyNeed()
if(res.code == 0){
console.log(res.data)
this.tableData = res.data.wfms
}
},
filters:{
formatDate: function(time) {
if (time != null && time != '') {
var date = new Date(time)
return formatTimeToStr(date, 'yyyy-MM-dd hh:mm:ss')
} else {
return ''
}
}
}
}
</script>
web/src/view/workflow/userList/started.vue
+89 -4
View File
@@ -1,16 +1,101 @@
<template>
<div>
</div>
<div>
<el-table
:data="tableData"
border
ref="multipleTable"
stripe
style="width: 100%"
tooltip-effect="dark"
>
<el-table-column
label="ID"
prop="ID"
width="60"
></el-table-column>
<el-table-column
label="流程名称"
prop="workflowProcess.label"
width="150"
></el-table-column>
<el-table-column
label="发起人"
prop="promoter.nickName"
width="120"
></el-table-column>
<el-table-column label="节点日期" width="180">
<template slot-scope="scope">{{
scope.row.CreatedAt | formatDate
}}</template>
</el-table-column>
<el-table-column
label="业务代码"
prop="businessType"
width="120"
></el-table-column>
<el-table-column
label="当前节点"
prop="workflowNode.label"
width="120"
></el-table-column>
<el-table-column
label="流程状态"
width="120"
>
<template slot-scope="scope">
<div>
{{scope.row.isActive?"进行中":"已结束"}}
</div>
</template>
</el-table-column>
<el-table-column
label="详细介绍"
prop="workflowProcess.description"
min-width="200"
></el-table-column>
<el-table-column label="按钮组">
<template slot-scope="scope">
<el-button @click="view(scope.row)">查看</el-button>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
import { formatTimeToStr } from '@/utils/date'
import {getMyStated} from "@/api/workflowProcess"
export default {
data(){
return{
tableData:[]
}
},
methods:{
view(row){
this.$router.push({
name: "workflowUse",
query: {
wfmId: row.ID
}
})
}
},
async created(){
const res = await getMyStated()
if(res.code == 0){
console.log(res.data)
this.tableData = res.data.wfms
}
},
filters:{
formatDate: function(time) {
if (time != null && time != '') {
var date = new Date(time)
return formatTimeToStr(date, 'yyyy-MM-dd hh:mm:ss')
} else {
return ''
}
}
}
}