|
@@ -1,40 +1,37 @@
|
|
|
<template>
|
|
|
<div style="height: 100vh" class="w-full bg-[#F7F8FA]">
|
|
|
<ChatHeaderBar title="系统消息列表" />
|
|
|
- <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
|
|
|
- <div style="height: 100vh" class="pt-40">
|
|
|
- <!-- <Empty title="" top="100" /> -->
|
|
|
- <van-empty v-if="!listData?.length && !loading" description="暂无系统消息" />
|
|
|
- <van-list
|
|
|
- v-else-if="listData.length"
|
|
|
- v-model:loading="loading"
|
|
|
- error-text="获取失败"
|
|
|
- finished-text="-- 没有更多了 --"
|
|
|
- :finished="finished"
|
|
|
- :immediate-check="false"
|
|
|
- @load="getLoadList"
|
|
|
- >
|
|
|
- <div v-for="item in listData" @click="onChatPage(item?.id)" :key="item.id" class="w-full">
|
|
|
- <p class="w-full pt-16 mb-12 text-center text-black-9 text-sm">
|
|
|
- {{ formatTimestamp(item?.createTime) }}
|
|
|
+ <!-- <van-pull-refresh v-model="refreshing" head-height="20" pull-distance="20" @refresh="onRefresh"> -->
|
|
|
+ <div style="height: calc(100vh - 20px)" class="pt-40 box-border overflow-y-auto">
|
|
|
+ <van-empty v-if="!listData?.length && !loading" description="暂无系统消息" />
|
|
|
+ <van-list
|
|
|
+ v-else-if="listData.length"
|
|
|
+ v-model:loading="loading"
|
|
|
+ error-text="获取失败"
|
|
|
+ finished-text="-- 没有更多了 --"
|
|
|
+ :finished="finished"
|
|
|
+ :immediate-check="false"
|
|
|
+ @load="getLoadList"
|
|
|
+ >
|
|
|
+ <div v-for="item in listData" @click="onChatPage(item?.id)" :key="item.id" class="w-full">
|
|
|
+ <p class="w-full pt-16 mb-12 text-center text-black-9 text-sm">
|
|
|
+ {{ formatTimestamp(item?.createTime) }}
|
|
|
+ </p>
|
|
|
+ <div
|
|
|
+ style="box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05)"
|
|
|
+ class="w-[91.2%] box-border h-103 mx-16 bg-white p-16 rounded-2xl"
|
|
|
+ >
|
|
|
+ <h1 class="text-black w-full line-clamp-1 text-2xl font-semibold mb-8">
|
|
|
+ {{ item?.messagePO.title }}
|
|
|
+ </h1>
|
|
|
+ <p class="line-clamp-2 w-full leading-3xl text-black-9 text-sm">
|
|
|
+ {{ item?.messagePO?.content }}
|
|
|
</p>
|
|
|
- <div
|
|
|
- style="box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05)"
|
|
|
- class="w-[91.2%] box-border h-103 mx-16 bg-white p-16 rounded-2xl"
|
|
|
- >
|
|
|
- <h1 class="text-black w-full line-clamp-1 text-2xl font-semibold mb-8">
|
|
|
- <!-- {{ messageShowName(item?.messageContent).title }} -->
|
|
|
- {{ item?.messagePO.title }}
|
|
|
- </h1>
|
|
|
- <p class="line-clamp-2 w-full leading-3xl text-black-9 text-sm">
|
|
|
- <!-- {{ messageShowName(item?.messageContent)?.content }} -->
|
|
|
- {{ item?.messagePO?.content }}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </van-list>
|
|
|
- </div>
|
|
|
- </van-pull-refresh>
|
|
|
+ </div>
|
|
|
+ </van-list>
|
|
|
+ </div>
|
|
|
+ <!-- </van-pull-refresh> -->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -76,6 +73,7 @@ const getLoadList = () => {
|
|
|
getList()
|
|
|
}
|
|
|
|
|
|
+// 刷新
|
|
|
const onRefresh = () => {
|
|
|
refreshing.value = true
|
|
|
queryParams.pageNum = 1
|