70 lines
2.4 KiB
Vue
70 lines
2.4 KiB
Vue
<template>
|
|
<div class="container-wrapper">
|
|
<div class="seach">
|
|
<el-date-picker
|
|
v-model="date"
|
|
type="daterange"
|
|
unlink-panels
|
|
range-separator="To"
|
|
start-placeholder="Start date"
|
|
end-placeholder="End date"
|
|
@change="dateChangeHandler"
|
|
/>
|
|
</div>
|
|
<div class="detail">
|
|
<el-table :data="tableData" border style="width: 100%">
|
|
<el-table-column prop="chargeTime" label="结算时间" width="180"></el-table-column>
|
|
<el-table-column prop="customer" label="患者" width="180"></el-table-column>
|
|
<el-table-column prop="projectCode" label="订单号" width="240"></el-table-column>
|
|
<el-table-column prop="source" label="结算类型" width="180">
|
|
<template #default="scope">
|
|
<el-tag v-if="scope.row.source == 0" type="success">零售</el-tag>
|
|
<el-tag v-else>{{scope.row.source}}</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="netReceipts" label="结算金额" width="180">
|
|
<template #default="scope">
|
|
￥{{scope.row.netReceipts}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="dockerName" label="医生" width="180"></el-table-column>
|
|
<el-table-column prop="salePersonName" label="收费员" width="180"></el-table-column>
|
|
<el-table-column prop="type" label="交易类型" width="180">
|
|
<template #default="scope">
|
|
<el-tag v-if="scope.row.type == 0" type="danger">退款</el-tag>
|
|
<el-tag v-else type="success">收费</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
|
|
</template>
|
|
<script setup lang="ts">
|
|
import {onMounted, ref} from "vue";
|
|
import {post} from "@/utils/request.ts";
|
|
import {getToday, formatDateArray, getThisMonth} from "@/utils/dateUtils.ts";
|
|
import {apiConfig} from "@/assets/config/apiConfig.ts";
|
|
|
|
const tableData = ref([])
|
|
const date = ref()
|
|
const dateChangeHandler = () => {
|
|
date.value = formatDateArray(date.value)
|
|
getTableData()
|
|
}
|
|
|
|
|
|
const getTableData = () => {
|
|
post(apiConfig.ChargeListChargeLog, {beginTime: date.value[0], endTime: date.value[1]}).then((res: any) => {
|
|
tableData.value = res
|
|
})
|
|
}
|
|
onMounted(() => {
|
|
const today = getThisMonth()
|
|
date.value = [today.start, today.end]
|
|
getTableData()
|
|
})
|
|
</script>
|
|
<style scoped lang="scss">
|
|
|
|
</style> |