feat(web): 增加角色列表和充值流水功能

- 在 HomeView 中添加角色列表和充值流水两个表格
- 实现角色列表数据的获取和搜索功能
- 添加充值流水数据的获取功能
- 引入 dayjs 库对时间进行格式化
- 优化表单选择框，使用 el-select-v2 组件

server/src/routes/role.routes.js

@@ -1,30 +1,31 @@
-const express = require('express');
-const { getConnection, query } = require('../utils/db.util');
+const express = require("express");
+const { getConnection, query } = require("../utils/db.util");
 
 const router = express.Router();
 
 // 获取角色列表
-router.get('/roles', async (req, res) => {
-    try {
-        const connection = await getConnection();
-        const results = await query('SELECT * FROM role', [], connection);
-        res.json(results);
-    } catch (error) {
-        console.error('获取角色数据失败:', error);
-        res.status(500).json({ error: '获取角色数据失败' });
-    }
+router.get("/roles", async (req, res) => {
+  try {
+    const { search = "" } = req.query;
+    const connection = await getConnection();
+    const results = await query(`SELECT * FROM role where name like '%${search}%'`, [], connection);
+    res.json(results);
+  } catch (error) {
+    console.error("获取角色数据失败:", error);
+    res.status(500).json({ error: "获取角色数据失败" });
+  }
 });
 
 // 获取充值列表
-router.get('/recharges', async (req, res) => {
-    try {
-        const connection = await getConnection();
-        const results = await query('SELECT * FROM recharge', [], connection);
-        res.json(results);
-    } catch (error) {
-        console.error('获取充值列表失败:', error);
-        res.status(500).json({ error: '获取充值列表失败' });
-    }
+router.get("/recharges", async (req, res) => {
+  try {
+    const connection = await getConnection();
+    const results = await query("SELECT * FROM recharge", [], connection);
+    res.json(results);
+  } catch (error) {
+    console.error("获取充值列表失败:", error);
+    res.status(500).json({ error: "获取充值列表失败" });
+  }
 });
 
-module.exports = router;
+module.exports = router;