单人项目管理系统
基于 ThinkPHP 6、Vue 3 和 Ant Design Vue 的单人项目、任务节点、付费资源与服务维护集中管理后台。
AI提示词记录
当前试看最新 3 条提示词记录;开通 VIP 或单独购买后可查看全部 7 条。
任务概览、统计图表与图表交互
实现任务概览页 /dist/index/overview。顶部展示任务总数和各状态任务数量胶囊,每个状态数字都可点击并跳转到任务列表,任务列表读取 query 后自动筛选对应状态。 概览页下方左侧展示每日任务趋势折线图,右侧展示任务解决时长分布饼图。折线图参考 AntV 基础折线图效果:白色卡片、淡灰坐标线、蓝色新增任务折线、绿色完成任务折线、圆形数据点、顶部简洁图例和浅灰坐标文字。鼠标悬停时应显示竖向辅助线和 tooltip,并且以相邻两点之间的中线作为命中分界,而不是只能命中数据点。 饼图展示 2 小时内、1 天内、2 天内、3 天内、3 天以上的解决时长分布。颜色需要区分明显但不过度鲜艳,图例显示数量和占比。统计范围为近 15 天,后端需要通过任务状态日志和 resolved_at、resolution_seconds 等字段提供可靠统计。
付费资源、充值记录与飞书卡片提醒
实现付费资源管理页和飞书提醒页。付费资源支持包年包月和按量付费两类,字段包含资源名称、付费分类、描述、到期时间、提前提醒天数、每月充值日、最近充值时间、排序和启用状态。页面包含“提醒充值”和“资源列表”两个 Tab;提醒充值 Tab 自动展示当前已到提醒条件的资源,左侧菜单“付费资源”旁显示待提醒数量红色徽标。 资源支持新增、编辑、删除、启用、禁用、查看充值记录和添加充值记录。充值记录字段包含充值时间、充值金额、充值时长、附件和备注,附件支持图片预览。 飞书提醒模块需要每个前台用户独立配置 V2 自定义机器人 Webhook URL,前端不要明文显示地址,使用密码输入框。测试发送和正式提醒都使用 interactive card 卡片模式,每个待充值资源单独发送一条飞书通知。测试发送时应使用当前页面输入的配置,不应误触保存接口;接口必须稳定返回 total、success、failed、messages 统计结果。
服务维护、富文本记录、构建部署与验证
实现服务维护页 /dist/index/service-maintenances,用于记录服务器、域名、接口、数据库、应用发布和其它类型的维护事项。页面使用表格和弹窗表单,支持新增、编辑、删除、上传附件和查看附件。 维护内容使用富文本框,必须支持图片上传、字体颜色、背景色、文本对齐、加粗、斜体、链接、列表和引用。详情按钮放在附件列之前;点击详情后使用宽度约为屏幕 80% 的弹窗展示富文本内容,保持编辑时的图片居中、尺寸、图注和文本排版效果。 项目交付需要包含数据库迁移、构建脚本、启动说明和验证命令。前端构建使用 npm run build,构建后脚本将 web/dist 同步到 public/dist。启动服务建议使用 php -d upload_max_filesize=100M -d post_max_size=120M -d memory_limit=256M -d max_execution_time=120 -S 127.0.0.1:8001 -t public public/router.php,以支持较大附件上传。
解锁后可查看完整时间轴、复制全部提示词,并浏览每个阶段的配套截图。
解锁全部提示词记录