feat: PWA (#40)

This commit is contained in:
Dream Hunter
2023-12-12 17:26:56 +08:00
committed by GitHub
parent bf6374af52
commit c2c1e4ae59
10 changed files with 3218 additions and 664 deletions

View File

@@ -43,6 +43,8 @@ const { t } = useI18n({
deleteTip: 'Are you sure to delete this email?',
refresh: 'Refresh',
emails: 'Emails',
itemCount: 'itemCount',
query: 'Query',
},
zh: {
title: '临时邮件 Admin',
@@ -58,6 +60,8 @@ const { t } = useI18n({
deleteTip: '确定要删除这个邮箱吗?',
refresh: '刷新',
emails: '邮件',
itemCount: '总数',
query: '查询',
}
}
});
@@ -270,7 +274,11 @@ const fetchMailUnknowData = async () => {
<n-tab-pane name="account" tab="account">
<div style="display: inline-block;">
<n-pagination v-model:page="page" v-model:page-size="pageSize" :item-count="count" :page-sizes="[20, 50, 100]"
show-size-picker />
show-size-picker>
<template #prefix="{ itemCount }">
{{ t('itemCount') }}: {{ itemCount }}
</template>
</n-pagination>
</div>
<n-button tertiary @click="fetchData" type="primary">
{{ t('refresh') }}
@@ -286,7 +294,11 @@ const fetchMailUnknowData = async () => {
</n-input-group>
<n-list hoverable clickable>
<div style="display: inline-block; margin-bottom: 10px;">
<n-pagination v-model:page="mailPage" v-model:page-size="mailPageSize" :item-count="mailCount" simple />
<n-pagination v-model:page="mailPage" v-model:page-size="mailPageSize" :item-count="mailCount" simple>
<template #prefix="{ itemCount }">
{{ t('itemCount') }}: {{ itemCount }}
</template>
</n-pagination>
</div>
<n-list-item v-for="row in mailData" v-bind:key="row.id">
<n-thing class="center" :title="row.subject">
@@ -307,12 +319,16 @@ const fetchMailUnknowData = async () => {
</n-tab-pane>
<n-tab-pane name="unknow" tab="unknown">
<n-button @click="fetchMailUnknowData" type="primary" ghost>
{{ t('refresh') }}
{{ t('query') }}
</n-button>
<n-list hoverable clickable>
<div style="display: inline-block; margin-bottom: 10px;">
<n-pagination v-model:page="mailUnknowPage" v-model:page-size="mailUnknowPageSize"
:item-count="mailUnknowCount" simple />
:item-count="mailUnknowCount" simple>
<template #prefix="{ itemCount }">
{{ t('itemCount') }}: {{ itemCount }}
</template>
</n-pagination>
</div>
<n-list-item v-for="row in mailUnknowData" v-bind:key="row.id">
<n-thing class="center" :title="row.subject">