parkRecord.vue
1.27 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
<template>
<div>
<div v-if="parkList.length>0">
<ul class="tabWrap" >
<li v-for="(i,index) in tabList"
:key="i.id"
:class="{tabActive:currentTabActive == index}"
@click="tabHandle(index)"
>{{i.text}}
</li>
</ul>
<div v-show="currentTabActive==0">
</div>
<div v-show="currentTabActive==1">1</div>
</div>
<div v-else>
暂无停车记录
</div>
</div>
</template>
<script>
export default {
name: 'parkRecord',
data() {
return {
tabList: [
{ text: '在停缴费', id: 1 },
{ text: '离场待缴', id: 2 },
],
currentTabActive: 0,
carNumber: '',
parkList:[1]
}
},
created() {
this.carNumber = this.$route.query.carNumber
console.log(this.carNumber)
},
methods: {
tabHandle(index) {
this.currentTabActive = index
}
}
}
</script>
<style scoped lang="scss">
.tabWrap {
height: 38px;
background: #FFF;
display: flex;
color: #666;
li {
flex: 1;
line-height: 38px;
text-align: center;
border-bottom: 1px solid #DFDFDF;
}
.tabActive {
color: #0564CC;
border-bottom: 1px solid #0564CC;
font-weight: bold;
}
}
</style>