AI 图文聊天扣费系统

核心功能

多模型图文聊天页。 src/views/chat/index.vue 是一个完全独立于若依布局的深色科技风页面：左侧栏展示”AI 助手”Logo、模型下拉框与用户信息（“余额: X 次 / 到期: Y”），主区域是消息流，底部支持 Ctrl+Enter 发送、图片上传（FileReader 转 Base64 随消息展示）与”清空”按钮。发送时前端组装 {text, img, configId} 调 sendQuestion（POST /api/call），成功后从返回 JSON 中解析 choices[0].message.content 渲染 AI 回复，并调用 getInfo 刷新剩余次数。页面还内置了粒子动画、电路装饰线与”AI 正在思考中”加载动效，配合”购买套餐 / 充值 / 退出”三个渐变按钮，交互完成度很高。

双保险扣费与失败回滚。 /api/call 的扣费链路是项目核心，代码写得非常谨慎：

数据大屏。 BigScreenController.getCount 一次性统计新用户、总用户、在线用户（Redis token 数）、付费用户数（去重）、模型调用次数、注册赠送消耗金额与最近 7 天用户增长曲线，为运营提供看板数据。

功能截图

暂无运行截图。