Leo_Ding/GPU_Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

我的消息

Browse Source
This commit is contained in:
Leo_Ding 2025-12-31 18:08:29 +08:00
parent 4247e292c5
commit cef54f96d7
5 changed files with 166 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/friend.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 844 KiB

11
src/router/index.ts
View File

@ -209,6 +209,17 @@ const routes: RouteRecordRaw[] = [
component: () =>
import("@/views/admin/account/myCertificate/index.vue"),
},
{
path: "myInvite",
name: "MyInvite",
component: () => import("@/views/admin/account/myInvite/index.vue"),
},
{
path: "msgCenter",
name: "msgCenter",
component: () =>
import("@/views/admin/account/msgCenter/index.vue"),
},
{
path: "image",
name: "Image",

55
src/views/admin/account/msgCenter/index.vue Normal file
View File

@ -0,0 +1,55 @@
<template>
<a-card title="我的消息">
<a-tabs v-model:activeKey="activeKey">
<a-tab-pane key="1" tab="全部"></a-tab-pane>
<a-tab-pane key="2" tab="资金消息" force-render></a-tab-pane>
<a-tab-pane key="3" tab="安全消息"></a-tab-pane>
<a-tab-pane key="4" tab="活动消息"></a-tab-pane>
</a-tabs>
<a-table :columns="columns" :data-source="billData" :pagination="pagination" @change="handleTableChange"
:loading="loading" class="bill-table" :scroll="{ x: 1200 }" bordered>
</a-table>
</a-card>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
const activeKey = ref('1');
const loading = ref(false);
const billData = ref([])
const columns = [
{
title: '消息类型',
dataIndex: 'messageType',
key: 'messageType',
width: 200,
},
{
title: '消息内容',
dataIndex: 'messageContent',
key: 'messageContent',
width: 400,
},
{
title: '发送时间',
dataIndex: 'sendTime',
key: 'sendTime',
width: 200,
},
{
title: '状态',
dataIndex: 'status',
key: 'status',
width: 100,
},
];
const pagination = ref({
current: 1,
pageSize: 10,
total: 0,
showSizeChanger: true,
showQuickJumper: true,
showTotal: (total: number) => `共 ${total} 条记录`
})
// 表格变化处理
const handleTableChange = () => {}
</script>

98
src/views/admin/account/myInvite/index.vue Normal file
View File

@ -0,0 +1,98 @@
<template>
<a-card title="我的邀请">
<div style="border-radius: 5px;display: flex;justify-content: space-between;border: 1px solid #e8e8e8;">
<div>
<div style="font-size:18px;padding: 0 20px;margin-top: 20px;">累计奖金</div>
<div style="font-size:18px;font-weight: bold;padding: 0 20px;margin: 20px 0;">￥0.00</div>
<div style="display: flex;justify-content: space-between;align-items: center;gap: 60px;padding: 0 20px;line-height: 30px;">
<div>
<div>方式一：复制邀请链接</div>
<div><span>http://example.com/invite/123456</span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#1677ff;"><CopyOutlined /> </span></div>
</div>
<div>
<div>方式二：复制邀请码</div>
<div><span>http://example.com/invite/123456</span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#1677ff;"><CopyOutlined /> </span></div>
</div>
</div>
</div>
<div class="leftImg">
<div style="font-size:14px;padding: 0 20px;margin-top: 10px;text-align: right;color: #1677ff;">活动规则</div>
</div>
</div>
<div style="width: 100%;display: flex;justify-content: space-around;align-items: center;height: 150px;border: 1px solid #e8e8e8;margin-top: 20px;border-radius: 5px;">
<div style="display: flex;flex-direction: column;align-items: center;line-height: 35px;">
<div>累计成功邀请人数</div>
<div ><span style="font-weight: bold;font-size: 18px;">0</span> 人</div>
</div>
<div style="display: flex;flex-direction: column;align-items: center;line-height: 35px;">
<div>累计获得奖金</div>
<div style="font-weight: bold;">￥<span style="font-weight: bold;font-size: 18px;">0.00</span></div>
</div>
</div>
<!-- 账单表格 -->
<div style="margin-top: 20px;">
<div style="margin: 30px 0px 10px 0px;font-weight: bold;">邀请记录</div>
<a-table :columns="columns" :data-source="billData" :pagination="pagination" @change="handleTableChange"
:loading="loading" class="bill-table" :scroll="{ x: 1200 }" bordered>
</a-table>
</div>
</a-card>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { CopyOutlined } from '@ant-design/icons-vue';
const loading = ref(false);
const billData = ref([])
const columns = [
{
title: '用户名 ',
dataIndex: 'inviter',
key: 'inviter',
width: 200,
},
{
title: '状态',
dataIndex: 'invitee',
key: 'invitee',
width: 200,
},
{
title: '发放时间',
dataIndex: 'inviteTime',
key: 'inviteTime',
width: 150,
},
{
title: '金额',
dataIndex: 'rewardStatus',
key: 'rewardStatus',
width: 100,
},
{
title: '备注',
dataIndex: 'rewardAmount',
key: 'rewardAmount',
width: 200,
},
];
const pagination = ref({
current: 1,
pageSize: 10,
total: 0,
showSizeChanger: true,
showQuickJumper: true,
showTotal: (total: number) => `共 ${total} 条记录`
})
const handleTableChange = (pagination: any) => {
// 处理表格分页、排序等变化的逻辑
};
</script>
<style scoped>
.leftImg {
width: 474px;
height: 200px;
/* background: #f5f5f5; */
background: url("@/assets/friend.png") no-repeat center;
background-size: cover;
}
</style>

2
src/views/admin/index.vue
View File

@ -86,6 +86,8 @@ const menuItems: MenuItem[] = [
{ path: '/layout/admin/accountSet', name: '账户设置', visible: true },
{ path: '/layout/admin/realnameAuth', name: '实名认证', visible: true },
{ path: '/layout/admin/myCertificate', name: '我的算力券', visible: true },
{ path: '/layout/admin/myInvite', name: '我的邀请', visible: true },
{ path: '/layout/admin/msgCenter', name: '消息中心', visible: true },
],
},
];