97 lines
1.8 KiB
Vue
97 lines
1.8 KiB
Vue
<template>
|
||
<view class="b-Collection">
|
||
<!-- 时间 -->
|
||
<view class="b-Collection-Date">
|
||
{{data['date']}}
|
||
</view>
|
||
<!-- 收款/应结算 -->
|
||
<view class="b-Collection-row-A">
|
||
<view class="row-Item">
|
||
<view class="row-Item-Label">
|
||
收款：
|
||
</view>
|
||
<view class="row-Item-Value">
|
||
￥{{RetainDecimalPoint(data['total_mount'])}}
|
||
</view>
|
||
</view>
|
||
<view class="row-Item">
|
||
<view class="row-Item-Label">
|
||
应结算：
|
||
</view>
|
||
<view class="row-Item-Value">
|
||
￥{{RetainDecimalPoint(data['total_split_amount'])}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 未入账/已入账 -->
|
||
<view class="b-Collection-row-B">
|
||
<view class="row-Item">
|
||
<view class="row-Item-Label">
|
||
未入账：
|
||
</view>
|
||
<view class="row-Item-Value">
|
||
￥{{RetainDecimalPoint(data['un_entry'])}}
|
||
</view>
|
||
</view>
|
||
<view class="row-Item">
|
||
<view class="row-Item-Label">
|
||
已入账：
|
||
</view>
|
||
<view class="row-Item-Value">
|
||
￥{{RetainDecimalPoint(data['entry'])}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import mixin from '@/static/js/mixin.js'
|
||
export default {
|
||
mixins: [mixin],
|
||
name: "b-Collection",
|
||
props: {
|
||
data: {
|
||
type: Object,
|
||
default: () => {}
|
||
}
|
||
},
|
||
data() {
|
||
return {
|
||
|
||
};
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.b-Collection {
|
||
margin-bottom: 40rpx;
|
||
|
||
&-Date {
|
||
line-height: 60rpx;
|
||
color: #666666;
|
||
font-size: 22rpx;
|
||
line-height: 60rpx;
|
||
}
|
||
|
||
.b-Collection-row-A,
|
||
.b-Collection-row-B {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
|
||
.row-Item {
|
||
display: flex;
|
||
font-size: 30rpx;
|
||
|
||
&-Label {
|
||
max-width: 120rpx;
|
||
min-width: 120rpx;
|
||
}
|
||
|
||
&-Label {}
|
||
}
|
||
}
|
||
}
|
||
</style>
|