|
@@ -24,11 +24,11 @@
|
|
|
<div class="card-nums">
|
|
<div class="card-nums">
|
|
|
<div class="num-item">
|
|
<div class="num-item">
|
|
|
<div class="text-24px font-bold">{{ item.data?.reservationCount ?? 0 }}</div>
|
|
<div class="text-24px font-bold">{{ item.data?.reservationCount ?? 0 }}</div>
|
|
|
- <div class="text-12px text-gray-400 mt-4px">预约人数</div>
|
|
|
|
|
|
|
+ <div class="text-12px text-gray-400 mt-4px">预约人次</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="num-item">
|
|
<div class="num-item">
|
|
|
<div class="text-24px font-bold">{{ item.data?.entryCount ?? 0 }}</div>
|
|
<div class="text-24px font-bold">{{ item.data?.entryCount ?? 0 }}</div>
|
|
|
- <div class="text-12px text-gray-400 mt-4px">入场人数</div>
|
|
|
|
|
|
|
+ <div class="text-12px text-gray-400 mt-4px">入场人次</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="card-icon">
|
|
<div class="card-icon">
|
|
@@ -40,7 +40,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 图表区域 -->
|
|
<!-- 图表区域 -->
|
|
|
- <div class="grid lg:grid-cols-2 grid-cols-1 gap-16px mb-16px">
|
|
|
|
|
|
|
+ <div class="grid lg:grid-cols-2 grid-cols-1 gap-16px mb-16px">
|
|
|
<!-- 学校预约概览 - 柱状图 -->
|
|
<!-- 学校预约概览 - 柱状图 -->
|
|
|
<a-card :bordered="false" title="学校预约概览">
|
|
<a-card :bordered="false" title="学校预约概览">
|
|
|
<BarChart :chartData="schoolOverviewData" height="350px" />
|
|
<BarChart :chartData="schoolOverviewData" height="350px" />
|
|
@@ -92,7 +92,7 @@
|
|
|
|
|
|
|
|
<!-- 合计 + 分页 -->
|
|
<!-- 合计 + 分页 -->
|
|
|
<div class="flex justify-between items-center mt-12px">
|
|
<div class="flex justify-between items-center mt-12px">
|
|
|
- <div class="text-14px text-gray-600">合计:预约人数 {{ totalReservationCount }} / 入场人数{{ totalEntryCount }}</div>
|
|
|
|
|
|
|
+ <div class="text-14px text-gray-600">合计:预约人次 {{ totalReservationCount }} / 入场人次{{ totalEntryCount }}</div>
|
|
|
<TablePagination
|
|
<TablePagination
|
|
|
v-model:current="tablePagination.current"
|
|
v-model:current="tablePagination.current"
|
|
|
:total="tablePagination.total"
|
|
:total="tablePagination.total"
|
|
@@ -117,7 +117,7 @@
|
|
|
import jnImg from '/@/assets/images/indx/jn.png';
|
|
import jnImg from '/@/assets/images/indx/jn.png';
|
|
|
import yueImg from '/@/assets/images/indx/yue.png';
|
|
import yueImg from '/@/assets/images/indx/yue.png';
|
|
|
import dayImg from '/@/assets/images/indx/day.png';
|
|
import dayImg from '/@/assets/images/indx/day.png';
|
|
|
-import { router } from '/@/router';
|
|
|
|
|
|
|
+ import { router } from '/@/router';
|
|
|
|
|
|
|
|
// ========== 数据概览 ==========
|
|
// ========== 数据概览 ==========
|
|
|
const overviewData = ref<any>({});
|
|
const overviewData = ref<any>({});
|
|
@@ -188,8 +188,8 @@ import { router } from '/@/router';
|
|
|
const tableColumns = [
|
|
const tableColumns = [
|
|
|
{ title: '序号', dataIndex: 'index', width: 80, align: 'center' as const },
|
|
{ title: '序号', dataIndex: 'index', width: 80, align: 'center' as const },
|
|
|
{ title: '学校名称', dataIndex: 'schoolName', align: 'center' as const },
|
|
{ title: '学校名称', dataIndex: 'schoolName', align: 'center' as const },
|
|
|
- { title: '预约人数', dataIndex: 'reservationCount', align: 'center' as const },
|
|
|
|
|
- { title: '入场人数', dataIndex: 'entryCount', align: 'center' as const },
|
|
|
|
|
|
|
+ { title: '预约人次', dataIndex: 'reservationCount', align: 'center' as const },
|
|
|
|
|
+ { title: '入场人次', dataIndex: 'entryCount', align: 'center' as const },
|
|
|
{ title: '履约率', dataIndex: 'fulfillmentRate', align: 'center' as const },
|
|
{ title: '履约率', dataIndex: 'fulfillmentRate', align: 'center' as const },
|
|
|
];
|
|
];
|
|
|
|
|
|