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.
80 lines
1.6 KiB
80 lines
1.6 KiB
<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>
|
|
|