更新记录

1.0.0（2026-03-16） 下载此版本

• 初始版本发布
• 实现数据概览页面，包含统计卡片、订单趋势折线图、菜品分类饼图
• 实现桌号管理页面，支持小程序码预览、增删改查、批量删除、导出Excel
• 提供现代化UI主题样式，符合cooladmin设计风格
• 支持响应式布局，适配PC和移动端
• 左侧菜单滚动条优化，提升用户体验

平台兼容性

uni-app(3.7.0)

uni-app x(3.7.0)

其他

睿仔智能点餐后台管理面板主题

介绍

这是一个为uni-admin框架设计的现代化UI主题插件，提供优化的用户界面和交互体验。

主要特性

• 🎨 现代化UI设计，符合cooladmin设计风格
• 📊 优化的数据概览仪表盘，包含折线图、饼图等可视化组件
• 🪑 改进的桌号管理页面，优化的表格布局和交互体验
• 🎯 响应式设计，适配PC和移动端
• 🌈 多彩配色方案，提升视觉体验
• ⚡ 性能优化，流畅的动画效果

安装方法

1. 在HBuilderX中，右键项目根目录，选择"从插件市场导入"
2. 搜索"睿仔智能点餐后台管理面板主题"
3. 点击导入按钮，等待安装完成

使用说明

1. 配置主题

在项目的uni.scss文件中，引入主题样式：

@import '@/uni_modules/ruizai-admin-theme/theme.scss';

2. 配置菜单

在项目的admin.config.js文件中，添加插件菜单：

export default {
  // ... 其他配置
  sideBar: {
    staticMenu: [
      // ... 其他菜单
      {
        menu_id: "ruizai-dashboard",
        text: '数据概览',
        icon: 'admin-icons-chart',
        url: "/pages/index/index",
        children: []
      },
      {
        menu_id: "ruizai-table",
        text: '桌号管理',
        icon: 'admin-icons-table',
        url: "/pages/zhuohao-schema/list",
        children: []
      }
    ]
  }
}

3. 数据库配置

插件需要以下数据库表：

• zhuohao-schema: 桌号信息表

请在uniCloud控制台创建相应的数据库表，或使用提供的schema文件。

4. 云函数配置

插件不包含云函数，使用uni-admin框架的默认云函数。

页面说明

数据概览页面 (/pages/index/index)

• 展示今日订单、今日营收、总订单数、总用户数等关键指标
• 订单趋势折线图，支持今日、本周、本月切换
• 菜品分类饼图，直观展示菜品分布
• 订单状态分布表格
• 桌号使用情况表格

桌号管理页面 (/pages/zhuohao-schema/list)

• 桌号列表展示，支持搜索、分页
• 小程序码预览，固定尺寸显示
• 批量删除功能
• 导出Excel功能

自定义配置

修改配色

在uni_modules/ruizai-admin-theme/theme.scss中修改颜色变量：

$primary-color: #409eff;
$success-color: #67c23a;
$warning-color: #e6a23c;
$danger-color: #f56c6c;

修改图表数据

在pages/index/index.vue中修改模拟数据，或接入真实数据源。

注意事项

1. 本插件基于uni-admin框架开发，请确保已正确安装uni-admin
2. 插件中的敏感信息（如secret、appid等）已移除，请自行配置
3. 建议在开发环境中测试后再部署到生产环境
4. 如需自定义功能，请参考源代码进行修改

兼容性

• HBuilderX 3.0+
• uni-app 3.0+
• uniCloud (支持阿里云和腾讯云)

更新日志

1.0.0 (2024-03-15)

• 初始版本发布
• 实现数据概览页面
• 实现桌号管理页面
• 优化整体UI设计

技术支持

如有问题或建议，请通过以下方式联系：

• 插件市场：睿仔智能点餐后台管理面板主题
• 技术交流群：[群号]

许可证

MIT License

致谢

感谢uni-admin框架提供的优秀基础架构。