feat: add powerlog page for admin console

CHANGELOG.md

@@ -1,11 +1,17 @@
 # 更新日志
-## v3.2.8
+## v4.0.0
+非兼容版本，重大重构，引入算力概念，将系统中所有的能力（AI对话，MJ绘画，SD绘画，DALL绘画）全部使用算力来兑换。
+只要你的算力值余额不为0，你就可以进行任何操作。比如一次 GPT3.5 对话消耗1个单位算力，一次 GPT4 对话消耗10个算力。一次 MJ 对话消耗15个算力...
+
+* 功能重构：重构整体系统，全部采用算力来进行结算
 * 功能优化：SD 绘画页面采用 websocket 替换 http 轮询机制，节省带宽
 * 功能优化：移动端聊天页面图片支持预览和放大功能
 * 功能优化：MJ 和 SD 页面数据分页加载，解决一次性加载太多数据导致页面卡顿的问题
-* 功能优化：手机端 MJ 增加提示词翻译功能
+* 功能优化：**前端不登录也可以预览功能，只有在发起操作的时候才需要登录**
-* 功能优化：控制台订单管理页面显示未支付订单，并提供订单删除功能。
+* 功能优化：控制台订单管理页面显示未支付订单，并提供订单删除功能
-* 功能新增：移动端支持充值
+* 功能新增：支持H5支付
+* 功能优化：支持数学公式的识别和美化输出
+* 功能新增：新增算力消费日志功能
 
 ## v3.2.7
 * 功能重构：采用 Vant 重构移动页面，新增 MidJourney 功能

api/handler/admin/power_log_handler.go

@@ -0,0 +1,71 @@
+package admin
+
+import (
+	"chatplus/core"
+	"chatplus/core/types"
+	"chatplus/handler"
+	"chatplus/store/model"
+	"chatplus/store/vo"
+	"chatplus/utils"
+	"chatplus/utils/resp"
+
+	"github.com/gin-gonic/gin"
+	"gorm.io/gorm"
+)
+
+type PowerLogHandler struct {
+	handler.BaseHandler
+}
+
+func NewPowerLogHandler(app *core.AppServer, db *gorm.DB) *PowerLogHandler {
+	return &PowerLogHandler{BaseHandler: handler.BaseHandler{App: app, DB: db}}
+}
+
+func (h *PowerLogHandler) List(c *gin.Context) {
+	var data struct {
+		Username string   `json:"username"`
+		Type     int      `json:"type"`
+		Model    string   `json:"model"`
+		Date     []string `json:"date"`
+		Page     int      `json:"page"`
+		PageSize int      `json:"page_size"`
+	}
+	if err := c.ShouldBindJSON(&data); err != nil {
+		resp.ERROR(c, types.InvalidArgs)
+		return
+	}
+
+	session := h.DB.Session(&gorm.Session{})
+	if data.Model != "" {
+		session = session.Where("model", data.Model)
+	}
+	if data.Type > 0 {
+		session = session.Where("type", data.Type)
+	}
+	if len(data.Date) == 2 {
+		start := data.Date[0] + " 00:00:00"
+		end := data.Date[1] + " 00:00:00"
+		session = session.Where("created_at >= ? AND created_at <= ?", start, end)
+	}
+
+	var total int64
+	session.Model(&model.PowerLog{}).Count(&total)
+	var items []model.PowerLog
+	var list = make([]vo.PowerLog, 0)
+	offset := (data.Page - 1) * data.PageSize
+	res := session.Order("id DESC").Offset(offset).Limit(data.PageSize).Find(&items)
+	if res.Error == nil {
+		for _, item := range items {
+			var log vo.PowerLog
+			err := utils.CopyObject(item, &log)
+			if err != nil {
+				continue
+			}
+			log.Id = item.Id
+			log.CreatedAt = item.CreatedAt.Unix()
+			log.TypeStr = item.Type.String()
+			list = append(list, log)
+		}
+	}
+	resp.SUCCESS(c, vo.NewPage(total, data.Page, data.PageSize, list))
+}

api/handler/power_log_handler.go

@@ -47,7 +47,7 @@ func (h *PowerLogHandler) List(c *gin.Context) {
 	var items []model.PowerLog
 	var list = make([]vo.PowerLog, 0)
 	offset := (data.Page - 1) * data.PageSize
-	res := session.Debug().Order("id DESC").Offset(offset).Limit(data.PageSize).Find(&items)
+	res := session.Order("id DESC").Offset(offset).Limit(data.PageSize).Find(&items)
 	if res.Error == nil {
 		for _, item := range items {
 			var log vo.PowerLog

api/main.go

@@ -139,6 +139,7 @@ func main() {
 		fx.Provide(admin.NewProductHandler),
 		fx.Provide(admin.NewOrderHandler),
 		fx.Provide(admin.NewChatHandler),
+		fx.Provide(admin.NewPowerLogHandler),
 
 		// 创建服务
 		fx.Provide(sms.NewSendServiceManager),
@@ -407,6 +408,10 @@ func main() {
 			group := s.Engine.Group("/api/powerLog/")
 			group.POST("list", h.List)
 		}),
+		fx.Invoke(func(s *core.AppServer, h *admin.PowerLogHandler) {
+			group := s.Engine.Group("/api/admin/powerLog/")
+			group.POST("list", h.List)
+		}),
 		fx.Invoke(func(s *core.AppServer, db *gorm.DB) {
 			err := s.Run(db)
 			if err != nil {

web/src/components/admin/AdminSidebar.vue

@@ -126,6 +126,11 @@ const items = [
     index: '/admin/system',
     title: '系统设置',
   },
+  {
+    icon: 'log',
+    index: '/admin/powerLog',
+    title: '用户算力日志',
+  },
   {
     icon: 'log',
     index: '/admin/loginLog',

web/src/router.js

@@ -162,6 +162,12 @@ const routes = [
                 meta: {title: '对话管理'},
                 component: () => import('@/views/admin/ChatList.vue'),
             },
+            {
+                path: '/admin/powerLog',
+                name: 'admin-power-log',
+                meta: {title: '算力日志'},
+                component: () => import('@/views/admin/PowerLog.vue'),
+            },
         ]
     },
 

web/src/views/admin/PowerLog.vue

@@ -0,0 +1,147 @@
+<template>
+  <div class="container power-log" v-loading="loading">
+    <div class="handle-box">
+      <el-input v-model="query.model" placeholder="模型" class="handle-input mr10" clearable></el-input>
+      <el-select v-model="query.type" placeholder="类别" style="width: 100px">
+        <el-option label="全部" :value="0"/>
+        <el-option label="充值" :value="1"/>
+        <el-option label="消费" :value="2"/>
+        <el-option label="退款" :value="3"/>
+        <el-option label="奖励" :value="4"/>
+        <el-option label="众筹" :value="5"/>
+      </el-select>
+      <el-date-picker
+          v-model="query.date"
+          type="daterange"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          format="YYYY-MM-DD"
+          value-format="YYYY-MM-DD"
+          style="margin: 0 10px;width: 200px; position: relative;top:3px;"
+      />
+      <el-button type="primary" :icon="Search" @click="fetchData">搜索</el-button>
+    </div>
+
+    <el-row v-if="items.length > 0">
+      <el-table :data="items" :row-key="row => row.id" table-layout="auto" border>
+        <el-table-column prop="username" label="用户"/>
+        <el-table-column prop="model" label="模型"/>
+        <el-table-column prop="type" label="类型">
+          <template #default="scope">
+            <el-tag size="small" :type="tagColors[scope.row.type]">{{ scope.row.type_str }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="数额">
+          <template #default="scope">
+            <div>
+              <el-text type="success" v-if="scope.row.mark === 1">+{{ scope.row.amount }}</el-text>
+              <el-text type="danger" v-if="scope.row.mark === 0">-{{ scope.row.amount }}</el-text>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="balance" label="余额"/>
+        <el-table-column label="发生时间">
+          <template #default="scope">
+            <span>{{ dateFormat(scope.row['created_at']) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="remark" label="备注"/>
+      </el-table>
+
+      <div class="pagination">
+        <el-pagination v-if="total > 0" background
+                       layout="total,prev, pager, next"
+                       :hide-on-single-page="true"
+                       v-model:current-page="page"
+                       v-model:page-size="pageSize"
+                       @current-change="fetchData()"
+                       :total="total"/>
+
+      </div>
+    </el-row>
+    <el-empty :image-size="100" v-else/>
+
+  </div>
+</template>
+
+<script setup>
+import {onMounted, ref} from "vue";
+import {httpGet, httpPost} from "@/utils/http";
+import {ElMessage} from "element-plus";
+import {dateFormat} from "@/utils/libs";
+import {Search} from "@element-plus/icons-vue";
+import Clipboard from "clipboard";
+
+const items = ref([])
+const total = ref(0)
+const page = ref(1)
+const pageSize = ref(20)
+const loading = ref(false)
+const query = ref({
+  model: "",
+  date: [],
+  type: 0
+})
+const tagColors = ref(["", "success", "primary", "danger", "info", "warning"])
+
+onMounted(() => {
+  fetchData()
+  const clipboard = new Clipboard('.copy-order-no');
+  clipboard.on('success', () => {
+    ElMessage.success("复制成功！");
+  })
+
+  clipboard.on('error', () => {
+    ElMessage.error('复制失败！');
+  })
+})
+
+// 获取数据
+const fetchData = () => {
+  loading.value = true
+  httpPost('/api/admin/powerLog/list', {
+    model: query.value.model,
+    date: query.value.date,
+    type: query.value.type,
+    page: page.value,
+    page_size: pageSize.value
+  }).then((res) => {
+    if (res.data) {
+      items.value = res.data.items
+      total.value = res.data.total
+      page.value = res.data.page
+      pageSize.value = res.data.page_size
+    }
+    loading.value = false
+  }).catch(e => {
+    loading.value = false
+    ElMessage.error("获取数据失败：" + e.message);
+  })
+}
+</script>
+
+<style lang="stylus" scoped>
+.power-log {
+  .handle-box {
+    .handle-input {
+      max-width 150px;
+      margin-right 10px;
+    }
+  }
+
+  .opt-box {
+    padding-bottom: 10px;
+    display flex;
+    justify-content flex-start
+
+    .el-icon {
+      margin-right: 5px;
+    }
+  }
+
+  .el-select {
+    width: 100%
+  }
+
+}
+</style>