mirror of
https://github.com/silenty4ng/k5web
synced 2025-04-01 21:25:02 +00:00
add thanks list
This commit is contained in:
parent
67c3fd5d52
commit
e4572fe7c2
6 changed files with 160 additions and 4 deletions
src
router/routes/modules
views
dashboard/workplace/components
list
thanks
|
@ -71,6 +71,17 @@ const DASHBOARD: AppRouteRecordRaw = {
|
|||
requiresAuth: true,
|
||||
roles: ['*'],
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'thanks',
|
||||
name: 'Thanks',
|
||||
component: () => import('@/views/thanks/index.vue'),
|
||||
meta: {
|
||||
hideInMenu: true,
|
||||
locale: '感谢列表',
|
||||
requiresAuth: true,
|
||||
roles: ['*'],
|
||||
},
|
||||
}
|
||||
],
|
||||
};
|
||||
|
|
|
@ -21,7 +21,8 @@
|
|||
<a-typography-text>◆ K5Web 官扩刷中文教程(BG3ODZ):<t-link theme="primary" href="https://www.bilibili.com/video/BV1Ab421p7rN" target="_blank">https://www.bilibili.com/video/BV1Ab421p7rN</t-link> 。</a-typography-text><br>
|
||||
<a-typography-text>◆ K5Web 自扩刷中文教程(BG3ODZ):<t-link theme="primary" href="https://www.bilibili.com/video/BV1Qk2BYDErN" target="_blank">https://www.bilibili.com/video/BV1Qk2BYDErN</t-link> 。</a-typography-text><br>
|
||||
<a-typography-text>◆ K5Web 使用视频教程(BG3ODZ):<t-link theme="primary" href="https://www.bilibili.com/video/BV1Q4421D75x" target="_blank">https://www.bilibili.com/video/BV1Q4421D75x</t-link> 。</a-typography-text><br>
|
||||
<a-typography-text>◆ K5Web 使用视频教程(BG7QJV):<t-link theme="primary" href="https://www.douyin.com/video/7378314511419313458" target="_blank">https://www.douyin.com/video/7378314511419313458</t-link> 。</a-typography-text>
|
||||
<a-typography-text>◆ K5Web 使用视频教程(BG7QJV):<t-link theme="primary" href="https://www.douyin.com/video/7378314511419313458" target="_blank">https://www.douyin.com/video/7378314511419313458</t-link> 。</a-typography-text><br>
|
||||
<a-typography-text>◆ 感谢<t-link theme="primary" href="/#/chirp/thanks">各位</t-link>对 K5Web 的支持,本站将至少维护至 2026年11月21日 23:59:59。</a-typography-text>
|
||||
</div>
|
||||
<div style="margin-top: 50px;"> </div>
|
||||
<div>
|
||||
|
|
|
@ -247,7 +247,7 @@ const changeThreshold = () => {
|
|||
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: 'Backup',
|
||||
name: 'Image',
|
||||
};
|
||||
</script>
|
||||
|
||||
|
|
|
@ -219,7 +219,7 @@
|
|||
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: 'Radio',
|
||||
name: 'Mdc',
|
||||
};
|
||||
</script>
|
||||
|
||||
|
|
|
@ -183,7 +183,7 @@ const writeChannel = async() => {
|
|||
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: 'Chi',
|
||||
name: 'Settings',
|
||||
};
|
||||
</script>
|
||||
|
||||
|
|
144
src/views/thanks/index.vue
Normal file
144
src/views/thanks/index.vue
Normal file
|
@ -0,0 +1,144 @@
|
|||
<template>
|
||||
<div class="container">
|
||||
<Breadcrumb :items="['感谢']" />
|
||||
<a-row :gutter="20" align="stretch">
|
||||
<a-col :span="24">
|
||||
<a-card class="general-card" title="感谢各位老板!">
|
||||
<t-base-table max-height="65vh" :data="state.data" :columns="columns" :foot-data="state.footdata"></t-base-table>
|
||||
<p>如有漏记可以联系我微信 silenty4ng 补充,另外感谢泉盛送的无线电设备;傅总送的无线电设备、天线、茶叶;小胖.log送的无线电设备;拓朋送的无线电设备。</p>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { reactive, ref, onMounted } from 'vue';
|
||||
|
||||
const columns = ref([
|
||||
{ colKey: 'name', title: '老板' },
|
||||
{ colKey: 'channel', title: '打赏渠道' },
|
||||
{ colKey: 'time', title: '打赏时间' },
|
||||
{ colKey: 'money', title: '打赏金额' },
|
||||
]);
|
||||
let state: any = reactive({
|
||||
data: [],
|
||||
footdata: []
|
||||
})
|
||||
onMounted(() => {
|
||||
let data = [
|
||||
{ "name": "*波", "channel": "支付宝", "time": "2024-08-08", "money": "0.10" },
|
||||
{ "name": "*波", "channel": "支付宝", "time": "2024-08-08", "money": "0.10" },
|
||||
{ "name": "**宇", "channel": "支付宝", "time": "2024-09-08", "money": "10.00" },
|
||||
{ "name": "*来", "channel": "微信", "time": "2025-01-15", "money": "0.59" },
|
||||
{ "name": "*泉", "channel": "微信", "time": "2025-01-21", "money": "1.00" },
|
||||
{ "name": "小胖.log", "channel": "微信", "time": "2023-12-28", "money": "8.88" },
|
||||
{ "name": "*工", "channel": "微信", "time": "2024-01-10", "money": "16.66" },
|
||||
{ "name": "A*O", "channel": "微信", "time": "2024-01-10", "money": "20.00" },
|
||||
{ "name": "傅总", "channel": "微信", "time": "2024-01-10", "money": "88.88" },
|
||||
{ "name": "小胖.log", "channel": "微信", "time": "2024-01-10", "money": "18.88" },
|
||||
{ "name": "小胖.log", "channel": "微信", "time": "2024-06-14", "money": "10.00" },
|
||||
{ "name": "小胖.log", "channel": "微信", "time": "2024-11-07", "money": "8.80" },
|
||||
{ "name": "小胖.log", "channel": "微信", "time": "2024-11-13", "money": "13.78" },
|
||||
{ "name": "W*d", "channel": "微信", "time": "2024-04-07", "money": "5.00" },
|
||||
{ "name": "*叔", "channel": "微信", "time": "2024-05-09", "money": "5.00" },
|
||||
{ "name": "L*d", "channel": "微信", "time": "2024-08-04", "money": "1.00" },
|
||||
{ "name": "*你", "channel": "微信", "time": "2024-08-08", "money": "5.55" },
|
||||
{ "name": "B*N", "channel": "微信", "time": "2024-08-10", "money": "2.00" },
|
||||
{ "name": "*里", "channel": "微信", "time": "2024-08-30", "money": "10.00" },
|
||||
{ "name": "*音", "channel": "微信", "time": "2024-10-17", "money": "6.88" },
|
||||
{ "name": "*益", "channel": "微信", "time": "2024-10-17", "money": "100.00" },
|
||||
{ "name": "*k", "channel": "微信", "time": "2024-10-20", "money": "2.00" },
|
||||
{ "name": "*伟", "channel": "微信", "time": "2024-10-23", "money": "1.00" },
|
||||
{ "name": "K*C", "channel": "微信", "time": "2024-10-28", "money": "1.00" },
|
||||
{ "name": "2*_", "channel": "微信", "time": "2024-11-03", "money": "5.00" },
|
||||
{ "name": "F*3", "channel": "微信", "time": "2024-11-27", "money": "1.00" },
|
||||
{ "name": "*)", "channel": "微信", "time": "2024-12-26", "money": "2.00" },
|
||||
{ "name": "*远", "channel": "微信", "time": "2024-12-25", "money": "1.00" },
|
||||
{ "name": "*宁", "channel": "微信", "time": "2024-12-24", "money": "5.00" },
|
||||
{ "name": "*🐼", "channel": "微信", "time": "2024-12-11", "money": "5.00" },
|
||||
{ "name": "B*M", "channel": "微信", "time": "2024-12-10", "money": "5.00" },
|
||||
{ "name": "BG4IEN", "channel": "QQ", "time": "2024-01-14", "money": "0.10" },
|
||||
{ "name": "武汉+老K", "channel": "QQ", "time": "2024-01-19", "money": "0.10" },
|
||||
{ "name": "罐子", "channel": "QQ", "time": "2024-03-13", "money": "6.66" },
|
||||
{ "name": "BG4IWE", "channel": "QQ", "time": "2024-06-07", "money": "2.00" },
|
||||
{ "name": "BA7IPG", "channel": "QQ", "time": "2024-06-16", "money": "5.00" },
|
||||
{ "name": "BA3QT", "channel": "QQ", "time": "2024-11-18", "money": "6.00" },
|
||||
];
|
||||
data.sort((a, b) => {
|
||||
if (parseFloat(b.money) - parseFloat(a.money) === 0){
|
||||
const atime = new Date(a.time);
|
||||
const btime = new Date(b.time);
|
||||
return btime.getTime() - atime.getTime();
|
||||
}
|
||||
return parseFloat(b.money) - parseFloat(a.money);
|
||||
});
|
||||
state.data = data;
|
||||
state.footdata = [{
|
||||
"name": "合计",
|
||||
"channel": "-",
|
||||
"time": "-",
|
||||
"money": data.reduce((acc, row) => {
|
||||
return acc + parseFloat(row.money);
|
||||
}, 0).toFixed(2)
|
||||
}]
|
||||
})
|
||||
</script>
|
||||
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: 'Thanks',
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.container {
|
||||
padding: 0 20px 20px 20px;
|
||||
|
||||
:deep(.arco-list-content) {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
:deep(.arco-card-meta-title) {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.arco-list-col) {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
:deep(.arco-list-item) {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
:deep(.block-title) {
|
||||
margin: 0 0 12px 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
:deep(.list-wrap) {
|
||||
|
||||
// min-height: 140px;
|
||||
.list-row {
|
||||
align-items: stretch;
|
||||
|
||||
.list-col {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.arco-space) {
|
||||
width: 100%;
|
||||
|
||||
.arco-space-item {
|
||||
&:last-child {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
Loading…
Add table
Reference in a new issue