136 lines
2.7 KiB
Vue
136 lines
2.7 KiB
Vue
|
<route lang="json5" type="page">
|
||
|
|
{
|
||
|
|
layout: 'default',
|
||
|
|
style: {
|
||
|
|
navigationStyle: 'custom',
|
||
|
|
navigationBarTitleText: '我发起流程',
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</route>
|
||
|
|
<template>
|
||
|
|
<PageLayout nav-title="我发起流程">
|
||
|
|
<view class="container">
|
||
|
|
<template v-for="(item, i) in list" :key="i">
|
||
|
|
<wd-card :title="item.bpmBizTitle" title-bold border-radius="8" use-footer-slot>
|
||
|
|
<wd-row class="row">
|
||
|
|
<wd-col :span="6">
|
||
|
|
<text>申请理由:</text>
|
||
|
|
</wd-col>
|
||
|
|
<wd-col :span="18">
|
||
|
|
{{item.bpmBizTitle}}
|
||
|
|
</wd-col>
|
||
|
|
</wd-row>
|
||
|
|
<wd-row class="row">
|
||
|
|
<wd-col :span="6">
|
||
|
|
<text>流程名称:</text>
|
||
|
|
</wd-col>
|
||
|
|
<wd-col :span="18">
|
||
|
|
{{item.prcocessDefinitionName}}
|
||
|
|
</wd-col>
|
||
|
|
</wd-row>
|
||
|
|
<wd-row class="row">
|
||
|
|
<wd-col :span="6">
|
||
|
|
<text>发起人:</text>
|
||
|
|
</wd-col>
|
||
|
|
<wd-col :span="18">
|
||
|
|
{{item.startUserName}}
|
||
|
|
</wd-col>
|
||
|
|
</wd-row>
|
||
|
|
<wd-row class="row">
|
||
|
|
<wd-col :span="6">
|
||
|
|
<text>开始时间:</text>
|
||
|
|
</wd-col>
|
||
|
|
<wd-col :span="18">
|
||
|
|
{{item.startTime}}
|
||
|
|
</wd-col>
|
||
|
|
</wd-row>
|
||
|
|
<wd-row class="row" v-show="item.endTime">
|
||
|
|
<wd-col :span="6">
|
||
|
|
<text>结束时间:</text>
|
||
|
|
</wd-col>
|
||
|
|
<wd-col :span="18">
|
||
|
|
{{item.endTime}}
|
||
|
|
</wd-col>
|
||
|
|
</wd-row>
|
||
|
|
<wd-row style="padding-top: 10px;">
|
||
|
|
<view v-if="!item.endTime">
|
||
|
|
<wd-button @click.stop="callBackProcess(item.processInstanceId)">取回流程</wd-button>
|
||
|
|
</view>
|
||
|
|
</wd-row>
|
||
|
|
</wd-card>
|
||
|
|
</template>
|
||
|
|
</view>
|
||
|
|
</PageLayout>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import {
|
||
|
|
myApplyProcessListApi,
|
||
|
|
callBackProcessApi,
|
||
|
|
} from '@/api/process'
|
||
|
|
import {
|
||
|
|
useToast
|
||
|
|
} from 'wot-design-uni'
|
||
|
|
|
||
|
|
const toast = useToast()
|
||
|
|
let pageNo = 1
|
||
|
|
let pageSize = 10
|
||
|
|
const list = ref([])
|
||
|
|
const taskInfo = ref({})
|
||
|
|
|
||
|
|
const getList = () => {
|
||
|
|
myApplyProcessListApi({
|
||
|
|
pageNo,
|
||
|
|
pageSize
|
||
|
|
}).then((res) => {
|
||
|
|
console.log(res)
|
||
|
|
if (res.success) {
|
||
|
|
list.value = [...list.value, ...res.result.records];
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
/**流程取回*/
|
||
|
|
const callBackProcess = (id) => {
|
||
|
|
callBackProcessApi({
|
||
|
|
processInstanceId: id
|
||
|
|
}).then((res) => {
|
||
|
|
if (res.success) {
|
||
|
|
list.value = []
|
||
|
|
getList()
|
||
|
|
toast.success(res.message)
|
||
|
|
}else{
|
||
|
|
toast.warning(res.message)
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
onReachBottom(() => {
|
||
|
|
pageNo++
|
||
|
|
getList()
|
||
|
|
})
|
||
|
|
|
||
|
|
onShow(() => {
|
||
|
|
list.value = []
|
||
|
|
pageNo = 1
|
||
|
|
pageSize = 10
|
||
|
|
getList()
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.container {
|
||
|
|
padding: 5px 0 5px;
|
||
|
|
min-height: 100vh;
|
||
|
|
background-color: #f7f7f7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.row {
|
||
|
|
color: #666666;
|
||
|
|
padding: 5px 0 5px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
::v-deep .wd-card__title-content {
|
||
|
|
border-bottom: 1px solid #efefef;
|
||
|
|
}
|
||
|
|
</style>
|