<script lang="ts" setup>
|
import { onMounted, ref } from 'vue';
|
|
import { toDateText } from '@jnpf/utils';
|
|
import { getEmailList } from '#/api/onlineDev/portal';
|
|
import CardHeader from '../CardHeader/index.vue';
|
|
defineProps(['activeData']);
|
const list = ref<any[]>([]);
|
|
function initData() {
|
getEmailList().then((res) => {
|
list.value = res.data.list?.length ? res.data.list.slice(0, 7) : [];
|
});
|
}
|
|
onMounted(() => initData());
|
</script>
|
<template>
|
<a-card class="portal-card-box">
|
<template #title v-if="activeData.title">
|
<CardHeader :title="activeData.title" :card="activeData.card" />
|
</template>
|
<div class="portal-card-body portal-card-email">
|
<template v-if="list.length">
|
<div class="item" v-for="(item, i) in list" :key="i">
|
<router-link :to="`/emailDetail?id=${item.id}`">
|
<span class="name com-hover">{{ item.fullName }}</span>
|
</router-link>
|
<span class="time">{{ toDateText(item.creatorTime) }}</span>
|
</div>
|
</template>
|
<div class="portal-common-noData" v-else>
|
<jnpf-empty />
|
</div>
|
</div>
|
</a-card>
|
</template>
|
