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
115
116
117
118
119
<!--
* @ Author: zhaowei
* @ Create Time: 2022-09-3 10:20:17
* @ Modified by: zhaowei
* @ Modified time: 2022-09-07 18:00:17
* @ Description:
-->
<template>
<div class="body">
<div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar>
</div>
<van-steps class="step" direction="vertical" :active="active" style="padding-top:5%;" >
<van-step v-for="(item,index) in bussList" :key = "index" style="padding-bottom:20%;" >
<van-row >
<van-col span="5"> <span>{{item.name}}</span></van-col>
<van-col span="8"> <span>{{item.jobs}}</span></van-col>
<van-col span="11"> <span>{{item.time}}</span></van-col>
</van-row>
<van-row >
<van-col span="5"> <span>{{item.falg}}</span></van-col>
</van-row>
</van-step>
</van-steps>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
import { Step, Steps } from 'vant';
Vue.use(Step);
Vue.use(Steps);
/*
* title
*/
@Component({
name: "businessProgress"
})
export default class businessProgress extends Vue {
tatleName = "业务进度"
bussList:any =[
{
name :"赵飞",
jobs : "客户经理",
time : "2021/02/20 11:14:12",
falg:"同意"
},
{
name :"李星琳",
jobs : "支行审批岗",
time : "2021/02/20 11:14:12",
falg:"同意"
},
{
name :"孙先辉",
jobs : "支行行长",
time : "2021/02/20 11:14:12",
falg:"同意"
},
{
name :"童菲可",
jobs : "某某审批岗",
time : "2021/02/20 11:14:12",
falg:""
},
{
name :"孙晴",
jobs : "某某审批岗",
time : "2021/02/20 11:14:12",
falg:""
},
{
name :"赵可欣",
jobs : "某某最终审批岗",
time : "2021/02/20 11:14:12",
falg:""
},
]
active = 3
}
</script>
<style scoped lang="scss">
.body {
height: 100%;
width: 100%;
background-color:#ffffff;
}
.step{
height: 100%;
width: 100%;
background-color:#ffffff;
}
</style>