<template>
  <div class="container">
    <div class="content">
      <div class="title">
<!--        <el-date-picker-->
<!--            v-model="date"-->
<!--            type="daterange"-->
<!--            range-separator="~"-->
<!--            start-placeholder="开始日期"-->
<!--            end-placeholder="结束日期"-->
<!--        />-->
<!--        <el-select-->
<!--            v-model="chargeMan"-->
<!--            placeholder="收费员"-->
<!--            style="width: 100px;margin-left: 10px"-->
<!--        >-->
<!--          <el-option-->
<!--              v-for="item in chargeManOptions"-->
<!--              :key="item.value"-->
<!--              :label="item.label"-->
<!--              :value="item.value"-->
<!--          />-->
<!--        </el-select>-->
      </div>
      <div class="content-box">
        <el-table :data="tableData" style="width: 100%">
          <el-table-column prop="salePersonName" label="收费员" align="center"/>
          <el-table-column  prop="totalIncome" label="营业收入/总金额" align="center">
          </el-table-column>
          <el-table-column label="支付方式" align="center">
            <el-table-column prop="socialIncome" label="医保" align="center"/>
            <el-table-column prop="wechatIncome" label="微信" align="center"/>
            <el-table-column prop="aliPayIncome" label="支付宝" align="center"/>
            <el-table-column prop="cashIncome" label="现金" align="center"/>
            <el-table-column prop="otherIncome" label="其他" align="center"/>
          </el-table-column>
          <el-table-column label="收费人次" align="center">
          </el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
import {onMounted, ref} from 'vue'
import {dateEquals} from "element-plus";
import {post} from "@/utils/request.ts";

const tableData = ref<any>([]);

const date = ref<any>([]);
const chargeMan = ref<any>('');
const chargeManOptions = ref<any>([]);

const getSalePersonCharge = () => {
  post("statistics/salePerson").then((res:any)=>{

    tableData.value = res
  })
}
onMounted(()=>{
  getSalePersonCharge()
})

</script>
<style scoped lang="scss">
.title {
  margin-bottom: 20px;
}
</style>