FlowProcess.vue
3.45 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
111
112
113
114
<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.shipmentCode}}</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.auditor">
<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=='1'" 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;
// this.$refs.form.clearValidate();
},
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 >
.ant-steps-item-description{
margin-right: 14px !important;
}
</style>