<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>
