38 lines
1008 B
Vue
38 lines
1008 B
Vue
<template>
|
||
<view class="card">
|
||
<view class="flex justify-between">
|
||
<view class="font-600">{{ data.month }}</view>
|
||
<view class="space-x-20rpx">
|
||
<text>提成</text>
|
||
<text class="text-primary">{{ data.commission }}</text>
|
||
</view>
|
||
</view>
|
||
<view class="flex mt-20rpx">
|
||
<view class="w-160rpx">支出</view>
|
||
<view class="flex-1 grid grid-cols-3 text-gray-500">
|
||
<view class="text-right">
|
||
<text>日常：</text>
|
||
<text>{{ data.daily_expenses }}</text>
|
||
</view>
|
||
<view class="text-right">
|
||
<text>员工：</text>
|
||
<text>{{ data.employee_expenses }}</text>
|
||
</view>
|
||
<view class="text-right">
|
||
<text>其他：</text>
|
||
<text>{{ data.other_expenses }}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<script setup>
|
||
const props = defineProps({
|
||
data: {
|
||
type: Object,
|
||
default: () => {},
|
||
},
|
||
})
|
||
</script>
|
||
<style lang="scss" scoped></style>
|