feat: add rewards statistic in dashboard page

This commit is contained in:
RockYang 2023-08-03 10:19:37 +08:00
parent d7b278f2f7
commit 0c8157dbc0
2 changed files with 34 additions and 8 deletions

View File

@ -22,9 +22,10 @@ func NewDashboardHandler(app *core.AppServer, db *gorm.DB) *DashboardHandler {
}
type statsVo struct {
Users int64 `json:"users"`
Chats int64 `json:"chats"`
Tokens int64 `json:"tokens"`
Users int64 `json:"users"`
Chats int64 `json:"chats"`
Tokens int64 `json:"tokens"`
Rewards float64 `json:"rewards"`
}
func (h *DashboardHandler) Stats(c *gin.Context) {
@ -47,9 +48,16 @@ func (h *DashboardHandler) Stats(c *gin.Context) {
// tokens took stats
var tokenCount int64
res = h.db.Model(&model.HistoryMessage{}).Select("sum(tokens) as tokens_total").Where("created_at > ?", zeroTime).Scan(&tokenCount)
res = h.db.Model(&model.HistoryMessage{}).Select("sum(tokens) as total").Where("created_at > ?", zeroTime).Scan(&tokenCount)
if res.Error == nil {
stats.Tokens = tokenCount
}
// reward revenue
var amount float64
res = h.db.Model(&model.Reward{}).Select("sum(amount) as total").Where("created_at > ?", zeroTime).Scan(&amount)
if res.Error == nil {
stats.Rewards = amount
}
resp.SUCCESS(c, stats)
}

View File

@ -1,7 +1,7 @@
<template>
<div class="dashboard">
<el-row class="mgb20" :gutter="20">
<el-col :span="8">
<el-col :span="6">
<el-card shadow="hover" :body-style="{ padding: '0px' }">
<div class="grid-content grid-con-1">
<el-icon class="grid-con-icon">
@ -14,7 +14,7 @@
</div>
</el-card>
</el-col>
<el-col :span="8">
<el-col :span="6">
<el-card shadow="hover" :body-style="{ padding: '0px' }">
<div class="grid-content grid-con-2">
<el-icon class="grid-con-icon">
@ -27,7 +27,7 @@
</div>
</el-card>
</el-col>
<el-col :span="8">
<el-col :span="6">
<el-card shadow="hover" :body-style="{ padding: '0px' }">
<div class="grid-content grid-con-3">
<el-icon class="grid-con-icon">
@ -40,6 +40,19 @@
</div>
</el-card>
</el-col>
<el-col :span="6">
<el-card shadow="hover" :body-style="{ padding: '0px' }">
<div class="grid-content grid-con-3">
<el-icon class="grid-con-icon">
<i class="iconfont icon-reward"></i>
</el-icon>
<div class="grid-cont-right">
<div class="grid-num">{{ stats.rewards }}</div>
<div>今日入账</div>
</div>
</div>
</el-card>
</el-col>
</el-row>
</div>
</template>
@ -50,12 +63,13 @@ import {ChatDotRound, TrendCharts, User} from "@element-plus/icons-vue";
import {httpGet} from "@/utils/http";
import {ElMessage} from "element-plus";
const stats = ref({users: 0, chats: 0, tokens: 0})
const stats = ref({users: 0, chats: 0, tokens: 0, rewards: 0})
httpGet('/api/admin/dashboard/stats').then((res) => {
stats.value.users = res.data.users
stats.value.chats = res.data.chats
stats.value.tokens = res.data.tokens
stats.value.rewards = res.data.rewards
}).catch((e) => {
ElMessage.error("获取统计数据失败:" + e.message)
})
@ -89,6 +103,10 @@ httpGet('/api/admin/dashboard/stats').then((res) => {
text-align: center;
line-height: 100px;
color: #fff;
.iconfont {
font-size: 50px;
}
}
.grid-con-1 .grid-con-icon {