|
@@ -14,15 +14,15 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 日期范围选择 -->
|
|
<!-- 日期范围选择 -->
|
|
|
- <div class="flex-1 mr-4">
|
|
|
|
|
- <label class="block text-sm font-medium text-gray-700 mb-1">开始时间</label>
|
|
|
|
|
- <a-date-picker v-model:value="startDate" class="w-full" placeholder="开始时间" />
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+<!-- <div class="flex-1 mr-4">-->
|
|
|
|
|
+<!-- <label class="block text-sm font-medium text-gray-700 mb-1">开始时间</label>-->
|
|
|
|
|
+<!-- <a-date-picker v-model:value="startDate" class="w-full" placeholder="开始时间" />-->
|
|
|
|
|
+<!-- </div>-->
|
|
|
|
|
|
|
|
- <div class="flex-1 mr-4">
|
|
|
|
|
- <label class="block text-sm font-medium text-gray-700 mb-1">结束时间</label>
|
|
|
|
|
- <a-date-picker v-model:value="endDate" class="w-full" placeholder="结束时间" />
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+<!-- <div class="flex-1 mr-4">-->
|
|
|
|
|
+<!-- <label class="block text-sm font-medium text-gray-700 mb-1">结束时间</label>-->
|
|
|
|
|
+<!-- <a-date-picker v-model:value="endDate" class="w-full" placeholder="结束时间" />-->
|
|
|
|
|
+<!-- </div>-->
|
|
|
|
|
|
|
|
<!-- 操作按钮 -->
|
|
<!-- 操作按钮 -->
|
|
|
<div class="flex space-x-2 ml-4 mt-6">
|
|
<div class="flex space-x-2 ml-4 mt-6">
|
|
@@ -77,7 +77,7 @@
|
|
|
<div class="bg-white rounded-lg shadow-sm p-6">
|
|
<div class="bg-white rounded-lg shadow-sm p-6">
|
|
|
<div class="flex justify-between items-center mb-4">
|
|
<div class="flex justify-between items-center mb-4">
|
|
|
<h2 class="text-xl font-bold text-gray-800">学习明细数据</h2>
|
|
<h2 class="text-xl font-bold text-gray-800">学习明细数据</h2>
|
|
|
- <div class="text-sm text-gray-500">({{ formatDateRange() }})注:从查询条件时间范围落下来的</div>
|
|
|
|
|
|
|
+<!-- <div class="text-sm text-gray-500">({{ formatDateRange() }})注:从查询条件时间范围落下来的</div>-->
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<a-table
|
|
<a-table
|
|
@@ -111,14 +111,16 @@
|
|
|
let barChart = null
|
|
let barChart = null
|
|
|
|
|
|
|
|
// 日期选择器
|
|
// 日期选择器
|
|
|
- const startDate = ref(dayjs('2025-08-04'))
|
|
|
|
|
- const endDate = ref(dayjs('2025-08-10'))
|
|
|
|
|
|
|
+ // const startDate = ref(dayjs('2025-08-04'))
|
|
|
|
|
+ // const endDate = ref(dayjs('2025-08-10'))
|
|
|
|
|
+ const startDate = ref(undefined)
|
|
|
|
|
+ const endDate = ref(undefined)
|
|
|
|
|
|
|
|
// 筛选条件
|
|
// 筛选条件
|
|
|
const filters = reactive({
|
|
const filters = reactive({
|
|
|
courseId: '',
|
|
courseId: '',
|
|
|
- startTime: '2025-08-04',
|
|
|
|
|
- endTime: '2025-08-10'
|
|
|
|
|
|
|
+ startTime: undefined,
|
|
|
|
|
+ endTime: undefined
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
// 统计卡片数据
|
|
// 统计卡片数据
|