<template>
|
<OrderItem v-for="item in list" :key="item.id" :order="item" class="mb-10px" />
|
</template>
|
|
<script lang="ts" setup>
|
import OrderItem from '@/views/mall/promotion/kefu/components/message/OrderItem.vue'
|
import { KeFuConversationRespVO } from '@/api/mall/promotion/kefu/conversation'
|
import { getOrderPage } from '@/api/mall/trade/order'
|
import { concat } from 'lodash-es'
|
|
defineOptions({ name: 'OrderBrowsingHistory' })
|
|
const list = ref<any>([]) // 列表
|
const total = ref(0) // 总数
|
const queryParams = reactive({
|
pageNo: 1,
|
pageSize: 10,
|
userId: 0
|
})
|
const skipGetMessageList = computed(() => {
|
// 已加载到最后一页的话则不触发新的消息获取
|
return total.value > 0 && Math.ceil(total.value / queryParams.pageSize) === queryParams.pageNo
|
}) // 跳过消息获取
|
|
/** 获得浏览记录 */
|
const getHistoryList = async (val: KeFuConversationRespVO) => {
|
queryParams.userId = val.userId
|
const res = await getOrderPage(queryParams)
|
total.value = res.total
|
list.value = res.list
|
}
|
|
/** 加载下一页数据 */
|
const loadMore = async () => {
|
if (skipGetMessageList.value) {
|
return
|
}
|
queryParams.pageNo += 1
|
const res = await getOrderPage(queryParams)
|
total.value = res.total
|
concat(list.value, res.list)
|
}
|
defineExpose({ getHistoryList, loadMore })
|
</script>
|
