- 时间选择：
-
- 全部
- 今天
- 昨天
- 最近七天
- 最近30天
- 本月
- 本年
-
-
-
- 时间区间选择：
+ 时间段：
-
-
- 拼团状态：
+ 拼团状态：
+
+
+
@@ -133,25 +158,112 @@
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
import { dateFormatter } from '@/utils/formatTime'
import { createImageViewer } from '@/components/ImageViewer'
+import * as CombinationRecordApi from '@/api/mall/promotion/combination/combinationRecord'
+import { TabsPaneContext } from 'element-plus'
defineOptions({ name: 'CombinationRecord' })
const queryParams = ref({
+ dateType: 0, // 日期类型
status: undefined, // 拼团状态
createTime: undefined, // 创建时间
pageSize: 10,
pageNo: 1
})
-const loading = ref(false) // 列表的加载中
+const loading = ref(true) // 列表的加载中
const total = ref(0) // 总记录数
const pageList = ref([]) // 分页数据
-/**
- * 获取分页数据
- */
-const getList = async () => {}
+/** 查询列表 */
+const getList = async () => {
+ loading.value = true
+ try {
+ const data = await CombinationRecordApi.getCombinationRecordPage(queryParams.value)
+ pageList.value = data.list
+ total.value = data.total
+ } finally {
+ loading.value = false
+ }
+}
+// 拼团统计数据
+const recordSummary = ref({
+ successCount: 0,
+ userCount: 0,
+ virtualGroupCount: 0
+})
+/** 获得拼团记录统计信息 */
+const getSummary = async () => {
+ recordSummary.value = await CombinationRecordApi.getCombinationRecordSummary()
+}
+
+// tabs 数据
+const tabsData = ref([
+ {
+ count: 0,
+ name: '全部',
+ type: 'all',
+ value: 0
+ },
+ {
+ count: 0,
+ name: '今天',
+ type: 'toDay',
+ value: 1
+ },
+ {
+ count: 0,
+ name: '昨天',
+ type: 'yesterday',
+ value: 2
+ },
+ {
+ count: 0,
+ name: '最近七天',
+ type: 'lastSevenDays',
+ value: 3
+ },
+ {
+ count: 0,
+ name: '最近30天',
+ type: 'last30Days',
+ value: 4
+ },
+ {
+ count: 0,
+ name: '本月',
+ type: 'thisMonth',
+ value: 5
+ },
+ {
+ count: 0,
+ name: '今年',
+ type: 'thisYear',
+ value: 6
+ }
+])
+
+/** 获得每个 Tab 的数量 */
+const getTabsCount = async () => {
+ const res = await CombinationRecordApi.getCombinationRecordCount()
+ tabsData.value.forEach((tab) => {
+ tab.count = res[tab.type]
+ })
+}
+
+const handleTabClick = async (tab: TabsPaneContext) => {
+ queryParams.value.dateType = tab.paneName as number
+ await getList()
+}
+
/** 商品图预览 */
const imagePreview = (imgUrl: string) => {
createImageViewer({
urlList: [imgUrl]
})
}
+
+/** 初始化 **/
+onMounted(async () => {
+ await getSummary()
+ await getTabsCount()
+ await getList()
+})