面向重庆烟草专卖局的执法记录与综合管理平台，涵盖工单管理、数据管理、多屏直播、WebRTC视频调度、证据汇总、审批管理、AI 分析预警、异常任务共 8 大功能模块。项目基于 Vue 3.5 + TypeScript + Element Plus 构建，集成 Jessibuca Pro 流媒体播放器实现多路视频实时监控（最多 9 分屏），基于百度地图 SDK 实现事件 GPS 定位上图，通过命令式组件调用模式（createVNode + render）实现全局预览能力，主副表联动设计实现工单完整业务闭环。分析预警模块借助 AI 对执法数据进行异常检测与趋势预判。

• 工单主副表联动设计实现业务闭环——主表行点击自动加载关联视频副表，单路/批量多路播放，操作后自动刷新保持数据一致性；
• 命令式组件调用（createVNode + render）全局预览能力——图片/视频/音频/多屏四种工具，一行调用弹出预览，组件销毁后自动回收；
• 集成 Jessibuca Pro WebRTC 流媒体播放器，Composables（useVideoPlayer / useDeviceList）拆分逻辑，1/4/9 分屏 CSS Grid 动态切换 + 容器重试机制；
• 百度地图 SDK 事件 GPS 定位上图 + 288 行完整 TypeScript 类型声明；双种 Pinia 写法并存（Composition + Options API）渐进式架构；
• Axios 拦截器链——Token 注入 + blob/json 分流 + 状态码分类错误提示；全路由懒加载 + base: "./" 相对路径 + Vite 双代理（API + 流媒体）。
• 分析预警模块基于历史执法数据建立异常检测规则引擎，结合 AI 辅助分析实现对事件频次异常、处置超时等场景的自动预警与智能推送；

该项目利用互联网技术开发面向城市重点区域的人群热力态势感知大数据可视化大屏系统，替代传统的数据报表管理模式，更方便地帮助管理人员了解区域人群分布态势。该系统主要模块包括了热力图可视化、实时/累计流量监控、人群画像分析、AI 人流趋势预测等核心功能模块，基于腾讯地图 JS SDK 实现热力图渲染，使用 ECharts 构建多类型数据图表。借助 AI 对历史流量数据进行回归建模，实现高精度客流走向预测。

• 基于 Vue 3 + TypeScript + Vite 搭建大屏前端工程，ECharts 多类型图表 + datav-vue3 科技感边框 + Swiper 轮播 + 整点自动刷新；
• 继承 TMap.DOMOverlay 实现 SVG 地图覆盖物，动态渲染 Top3 热力点位并悬停交互；pointer-events 分层解决地图层与数据层交互冲突；
• 借助 AI 辅助设计实现最小二乘法与指数平滑组合预测模型，前端实时计算人流趋势斜率并预测未来一小时走向，准确率达 85%+；
• 基于 lib-flexible 实现 rem 自适应方案，覆盖 1366px~2560px 分辨率大屏适配。

该项目为深圳警圣科技股份有限公司构建全栈企业官网系统，涵盖三大子系统：Django 后端 API 服务（30+ 接口覆盖 8 大业务模块）、Next.js 15 企业官网前端（6 大模块、20+ 页面）、Vue Vben Admin CMS 管理后台（8 大功能模块）。系统采用前后端分离架构，通过 RESTful API 统一通信，后端对接腾讯云 COS 对象存储，官网前端深度融合 SSR/SSG 服务端渲染与全站 SEO 优化，管理后台实现 RBAC 权限体系与富文本内容编辑能力，支撑官网 7×24 小时稳定内容交付。全流程借助 AI 辅助完成 TypeScript 类型定义生成、API 接口对接文档解析与代码模板生成，显著缩短研发周期。

• 后端 Django 6.0 + DRF 3.17 构建 30+ RESTful API 接口，JWT 双 Token 认证 + 统一 {code, data, message} 响应 + 自定义异常中文翻译；
• 后端 腾讯云 COS 对象存储媒体文件直传并按类型分类，MySQL/SQLite 双环境 .env 一键切换，ORM select_related 预加载避免 N+1 查询；
• 官网 Next.js 15（App Router）+ React 19 + TypeScript 5，精细控制 RSC 与服务端组件边界，首页 Promise.all 并行数据预取优化首屏加载；
• 官网 全站 SEO 体系：独立 Metadata + JSON-LD 结构化数据 + 动态 Sitemap.xml；封装泛型 fetchJson 实现 API 优雅降级，DOMPurify 富文本 XSS 防护；
• CMS pnpm Monorepo + Turborepo 工程化架构，三级请求拦截器链（数据格式化 → Token 无感刷新 → 统一错误提示）；
• CMS RBAC 动态路由权限体系 + 标准化 CRUD 交互模式 + wangEditor 富文本集成 + 中英文双语/暗亮双主题切换。

该项目是面向警圣执法记录仪的桌面端管理工具（Electron 应用），用于设备连接、管理员鉴权、设备信息读写、时间同步、U盘模式切换等操作。借助 AI 对原厂 DLL 反汇编结果进行语义分析，快速还原 TCP 通信协议与数据帧结构，使用 Node.js 从零实现了 ADB 端口转发 + 自定义 TCP 协议通信，完全替代了原有的 C# WinForms 方案，以 Electron + Vue 3 重构为现代化桌面应用。

• Electron 28 + Vue 3 + Vite 5 重构桌面应用，替代原 C# WinForms 方案，electron-builder 打包 NSIS 安装程序分发；
• 借助 AI（Claude / ChatGPT）对原厂 DLL 反汇编与 Hex 数据进行语义分析，快速还原自定义 TCP 协议帧结构、CRC32 校验字段与 RSA 公钥交换流程，Node.js net.Socket 从零实现协议编解码层 + 标准 ADB Wire Protocol；
• "一命令一连接"短连接设计规避响应错位，三层通信架构 + 统一异常处理高阶函数保障可靠性；
• contextBridge 安全桥接 + nodeIntegration:false，符合 Electron 安全最佳实践；热插拔自动检测（2 秒轮询）+ 心跳双保险机制；
• 管理员/访客分级鉴权体系，写入操作采用顺序写入 + 自动重试（最多 3 次）策略保障操作可靠性。

面向医院场景的 IoT 共享设备自助租借微信小程序，用户通过微信扫码即可完成"扫码 → 支付 → 解锁 → 使用 → 归还 → 退款"的完整业务闭环。项目基于 uni-app（Vue 3）跨端框架开发，一套代码同时发布微信小程序、H5 和 App 三端，涵盖扫码租借、附近桩位查询、当前订单实时计时、历史订单、钱包充值、客服服务、常见问题共 7 大功能模块。集成微信 JSAPI 支付完成预付款缴纳与设备远程解锁，前端通过双定时器轮询实现订单状态实时同步与使用时长计时。

• uni-app 跨端工程化架构——单一代码库通过条件编译（#ifdef）隔离微信原生 API 差异，编译产出小程序 / H5 / App 三端产物，研发效率提升约 40%；
• 扫码租借链路五阶段状态机——URL 协议校验 → Base64 桩位编号解码 → 设备在线预检 → JSAPI 预付款 → 远程解锁，三重前置校验保障链路幂等性与事务一致性；
• 微信支付 V3 标准集成——code2session 换取 openid → 统一下单 → requestPayment 拉起收银台 → 异步回调驱动设备解锁，RSA-SHA256 签名认证 + 回调超时轮询兜底；
• 双定时器实时计时引擎——5s 间隔轮询订单状态同步 + 1s 高频计时驱动使用时长计算，onHide / onUnload 生命周期统一回收定时器引用，规避页面卸载后资源泄漏；
• 自定义导航栏基于 getMenuButtonBoundingClientRect 动态计算胶囊安全区域，沉浸式适配异形屏；请求拦截器链——Token 自动注入 + 401 过期无感刷新 + 错误码分类统一提示。