|
@@ -11,9 +11,9 @@
|
|
|
<script setup lang="ts">
|
|
|
import Card from '@/components/card.vue'
|
|
|
import PageHelper from '@/components/page-helper.vue'
|
|
|
-import { getMessages } from '@/core/libs/requests'
|
|
|
-import { integral, interact, system } from '@/core/libs/svgs'
|
|
|
-import { beforeNow } from '@/utils/date-util'
|
|
|
+import { getMessages } from '../../core/libs/requests'
|
|
|
+import { integral, interact, system } from '../../core/libs/svgs'
|
|
|
+import { beforeNow } from '../../utils/date-util'
|
|
|
import dayjs from 'dayjs'
|
|
|
|
|
|
const tab = ref('integral')
|
|
@@ -49,19 +49,24 @@ const msgs = ref({
|
|
|
},
|
|
|
],
|
|
|
})
|
|
|
+const messageTypes = ref([{}])
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
- <view class="flex-grow">
|
|
|
+ <view class="flex-grow flex flex-col">
|
|
|
<wd-tabs v-model="tab">
|
|
|
<block v-for="({ label, value }, i) in tabs" :key="i">
|
|
|
<wd-tab :title="`${label}`" :name="value"></wd-tab>
|
|
|
</block>
|
|
|
</wd-tabs>
|
|
|
- <PageHelper :request="getMessages" :query="{}">
|
|
|
+ <PageHelper
|
|
|
+ :request="() => ({ list: [] })"
|
|
|
+ :query="{ messageType: '1' }"
|
|
|
+ class="flex-grow flex flex-col"
|
|
|
+ >
|
|
|
<template #default="{ source }">
|
|
|
<div class="p-3.5 gap-3.5 flex flex-col">
|
|
|
- <template v-for="({ title, createdAt, content, img }, i) in source.list" :key="i">
|
|
|
+ <template v-for="(it, i) in source.list" :key="i">
|
|
|
<Card>
|
|
|
<div class="grid items-center grid-cols-[38px_auto_100px]">
|
|
|
<div class="row-start-1 col-start-1">
|
|
@@ -79,28 +84,28 @@ const msgs = ref({
|
|
|
<div
|
|
|
class="text-black/90 text-base font-normal font-['PingFang_SC'] leading-[30px]"
|
|
|
>
|
|
|
- {{ title }}
|
|
|
+ {{ it.title }}
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row-start-1 col-start-3 text-end">
|
|
|
<div
|
|
|
class="text-black/30 text-sm font-normal font-['PingFang_SC'] leading-[10.18px]"
|
|
|
>
|
|
|
- {{ beforeNow(dayjs(createdAt).toDate()) }}
|
|
|
+ {{ beforeNow(dayjs(it.createdAt).toDate()) }}
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row-start-2 col-start-2 col-end-4">
|
|
|
<div
|
|
|
class="my-3 text-black/40 text-sm font-normal font-['PingFang_SC'] leading-[25px]"
|
|
|
>
|
|
|
- {{ content }}
|
|
|
+ {{ it.content }}
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if="img" class="row-start-3 col-start-2 col-end-4">
|
|
|
- <img class="w-[279px] h-[164px] rounded-md" :src="img" />
|
|
|
+ <div v-if="it.img" class="row-start-3 col-start-2 col-end-4">
|
|
|
+ <img class="w-[279px] h-[164px] rounded-md" :src="it.img" />
|
|
|
</div>
|
|
|
<div class="row-start-4 col-start-1 col-end-4 my-2">
|
|
|
- <div v-if="!img" class="bg-[#dadada] w-full h-[1px]"></div>
|
|
|
+ <div v-if="!it.img" class="bg-[#dadada] w-full h-[1px]"></div>
|
|
|
</div>
|
|
|
<div class="row-start-5 col-start-2 col-end-4">
|
|
|
<div
|