You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
1.6 KiB
81 lines
1.6 KiB
2 years ago
|
<template>
|
||
|
|
<view>
|
||
|
|
<view class="bg-img flex align-center"
|
||
|
|
:style="'background-image: url('+imgURL+ (card.oilCardType==2?'card-zs.png':'card-other.png')+');'">
|
||
|
|
<view class="padding-xl text-white">
|
||
|
|
<view class="padding-xs text-bold">
|
||
|
|
<!-- <text v-show="card.oilCardType==2">
|
||
|
|
直属油卡
|
||
|
|
</text>
|
||
|
|
<text v-show="card.oilCardType==3">
|
||
|
|
外请油卡
|
||
|
|
</text>
|
||
|
|
<text v-show="card.oilCardType==1">
|
||
|
|
个人油卡
|
||
|
|
</text> -->
|
||
|
|
油豆
|
||
|
|
</view>
|
||
|
|
<view class="padding-xs padding-top-lg padding-bottom text-xxl">
|
||
|
|
{{card.accountCardCode|cardNoFormat}}
|
||
|
|
</view>
|
||
|
|
<view class="padding-xs" v-if="card.companyId">
|
||
|
|
{{card.companyName}}
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="padding-xs text-lg">
|
||
|
|
<text class="text-df">账户余额:</text>
|
||
|
|
<text class="text-xl text-bold padding-left-xs" v-if="card.shareCompanyQuota==1">
|
||
|
|
共享余额
|
||
|
|
</text>
|
||
|
|
<text class="text-xl text-bold padding-left-xs" v-else>
|
||
|
|
{{card.balance|moneyFormat}} 个
|
||
|
|
</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
card: {
|
||
|
|
type: Object,
|
||
|
|
default () {}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
imgURL: this.global.imgURL,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
},
|
||
|
|
filters:{
|
||
|
|
moneyFormat(value) {
|
||
|
|
if (value) {
|
||
|
|
return value.toFixed(2)
|
||
|
|
} else {
|
||
|
|
return '0.00'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
cardNoFormat(value) {
|
||
|
|
if (value) {
|
||
|
|
return value.replace(/(.{4})/g,'$1 ')
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.bg-img {
|
||
|
|
background-position: inherit;
|
||
|
|
background-size: cover;
|
||
|
|
}
|
||
|
|
.hidden-2{
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
</style>
|