FlowProcess.vue
3.53 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<template>
<j-modal
:title="title"
:width="width"
:visible="visible"
:confirmLoading="confirmLoading"
@ok="close"
@cancel="close"
cancelText="关闭">
<a-card :bordered="false">
<div>
<div style="font-size: 16px; color: rgba(0, 0, 0, 0.85); font-weight: 500; margin-bottom: 20px;">订单编号:{{ flowInfo.code }}</div>
<a-row style="margin-bottom: 16px">
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="6">
<span style="color: rgba(0, 0, 0, 0.85)">创建人：{{ flowInfo.createBy }}</span>
</a-col>
<a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="12">
<span style="color: rgba(0, 0, 0, 0.85)">创建时间：{{ flowInfo.createTime }}</span>
</a-col>
</a-row>
<a-card :bordered="false" title="流程进度">
<a-steps style="margin-right: 14px;" :direction="isMobile() && 'vertical' || 'horizontal'" :current="flowInfo.seq - 1" progressDot>
<a-step v-for="(sa, index) in flowInfo.list" :key="index" :title="sa.auditorRealName">
<div style="fontSize: 12px; color: rgba(0, 0, 0, 0.45); position: relative; left:8px;"
slot="description">
<div v-if="sa.sequence === 0 && sa.status === null" style="margin: 8px 0 4px; font-size:16px;">
创建单据
</div>
<div v-if="sa.status === 1 && index !== flowInfo.list.length - 1 && sa.sequence !== 0"
style="margin: 8px 0 4px; font-size:16px; color: #00DB00">
审核通过
</div>
<div v-if="sa.status === 2" style="margin: 8px 0 4px; font-size:16px; color: red">
审核驳回
</div>
<div v-if="sa.status === 0" style="margin: 8px 0 4px; font-size:16px; color:lightseagreen">
待审核
</div>
<div v-if="sa.status === 1 && index === flowInfo.list.length - 1" style="margin: 8px 0 4px; font-size:16px; color: #50bfff">
审核完成
</div>
<div v-if="sa.remark !== null && sa.remark !== ''" style="margin: 8px 0 4px">
备注:{{ sa.remark }}
</div>
<div v-if="sa.updateTime == null" style="margin: 8px 0 4px">
时间:{{ sa.createTime }}
</div>
<div v-if="sa.updateTime != null" style="margin: 8px 0 4px">
时间:{{ sa.updateTime }}
</div>
</div>
</a-step>
</a-steps>
</a-card>
</div>
</a-card>
</j-modal>
</template>
<script>
import {mixinDevice} from '@/utils/mixin.js'
import {searchAuditFlow} from '@/api/api'
const directionType = {
horizontal: 'horizontal',
vertical: 'vertical'
}
export default {
name: "Success",
components: {},
mixins: [mixinDevice],
data() {
return {
confirmLoading: false,
visible: false,
title: '审核流程进度',
width: 1100,
directionType,
flowInfo: []
}
},
methods: {
close() {
this.$emit('close');
this.visible = false;
},
edit(record, type) {
this.visible = true;
let params = [];
if (type === '1') {
params = {
receiptId: record.id,
}
} else {
params = {
shipmentId: record.id
}
}
searchAuditFlow(params).then((res) => {
this.flowInfo = res;
});
},
}
}
</script>
<style>
</style>