1.项目概述
- 项目名称:银川综合保税区可视化平台
- 面向保税区的“一屏总览”与三维园区可视化,整合企业入驻、人员就业、土地规划、项目建设、视频监控等核心业务数据
- 提供二维/三维联动的大屏驾驶舱与园区三维漫游体验,支持场景切换与相机寻览模式
2.业务与功能
- 企业态势:企业入驻分布与类型统计、月度增长趋势
- 人员与就业:入驻人数与就业岗位指标的实时展示
- 土地规划:地籍编号、土地名称、总面积、位置、规划图等详情查询
- 项目建设监管:安全状态、施工许可证办理情况、总投资与工程形象进度表格化呈现
- 视频监控:设备列表、在线状态与视频窗口展示
- 三维园区:加载多源地图数据、道路/建筑/行政边界图层,支持相机飞行与园区“查验中心”等重点区域进入
3.技术栈
- 前端框架:Vue 3、TypeScript、Pinia、Ant Design Vue
- 日期与工具:dayjs
- 可视化:ECharts,包含图形扩展与自定义形状实现立体柱形效果
- 三维与地图:ThingJS 2.0 / UEarth / thing.campus 集成与容器初始化,地图样式与图层通过 public\map\map.json 驱动
4.个人职责与贡献
- 负责大屏页面架构与模块化设计,完成“企业入驻”“人员/就业”“资金/销售”“项目进度”“视频监控”等核心面板开发
- 集成 ThingJS/UEarth 三维能力,搭建三维容器与地图管理器,实现相机寻览、场景切换与园区重点位点进入
- 基于 ECharts 实现高性能图表与自定义图形,优化渲染与交互细节
- 开发通用组件(如标注与信息面板),支持工具提示、单击/双击细分交互与弹窗详情
- 封装业务接口调用与数据适配,完善土地规划、企业统计等数据的异步加载与状态管理
- 性能与体验优化:资源按需加载、滚动与动画优化、相机飞行参数调校,保障大屏稳定与流畅展示
- 工程化支撑:统一风格与全局样式、组件注册与路由初始化、免登录核心依赖初始化流程编排
项目访问地址:http://61.133.201.182:56333/#/
锦弘健康管家微信小程序 | 前端开发
2025.06 – 至今
uni-app / Vue 3 / @dcloudio/uni-ui
面向用户与医馆员工两端的健康管理小程序,提供就医与健康管理闭环服务。通过AI支持线上问诊,根
据医生文档智能推荐医生。通过定位获取附近医馆,支持医生与医馆信息展示、预约到店与咨询。
新绿色APS高级生产系统 | 前端开发
2024.09 - 至今
Vue 2.6 / TypeScript / Ant Design Vue / dhtmlx-gantt / Leaflet
中药配方颗粒生产调度与质量追踪系统,覆盖前处理、提取、制剂、包装到成品出库全流程。为生产管
理室、车间、技术部、物控部、质管部QA提供统一数据填报与查询平台。支持计划编制与执行、库存统
计、生产日报、检测数据对接、模板导入导出。
云南中药饮片生产系统 | 前端开发
2026.03 – 至今
Vue 2 / Ant Design Vue / ECharts / Leaflet / WangEditor
中药饮片生产管理系统,涵盖生产计划、质量检测、仓储管理、地图可视化等功能,实现生产全流程数字化管控,生产追溯系统。
新绿色直服饮片生产追溯系统 | 前端开发
2023.06 - 2024.07
Vue 2 / Element UI / Vuex / Axios / ECharts
新绿色药业生产与追溯管理平台,覆盖中药饮片与配方颗粒的全流程业务。搭建路由与页面骨架,覆盖
生产、检测、追溯等核心模块。完成通用组件封装、权限模块实现、性能与体验优化。
爸爸的果园微信小程序 | 前端开发
2024.04 - 2024.07
微信小程序 / uni-app / Vue 2 / uView UI
农业认养类小程序,覆盖选择地块、签署合同、选择农作物、生长监控、收货全流程。支持微信授权登
录、微信支付、电子签名与图片上传。负责前端架构与模块落地,实现认养闭环与农场/任务核心页面。
青川智慧便民平台(微信小程序/H5) | 前端开发
2022.04 - 2022.08
UniApp / uView UI / Vuex
青川县在线政务便民平台,包含在线政务、疫情防控、就业创业、旅游介绍等多个模块。使用UniApp各
类API进行页面交互,封装复用组件,完成页面构建与布局。
新绿色中药饮片生产系统 | 前端组组长
2023.11 – 至今
Vue 2 / TypeScript / Vuex / Ant Design Vue / ECharts / Leaflet
面向中药材/饮片全链路的生产、检测、包装、库存、销售与追溯一体化平台。支持角色权限与模块化工作台,覆盖企业基础档案与业务流程闭环。主导权限路由与请求层封装,打通产地地图采集与追溯查询
链路。
厚宇中药饮片生产系统 | 前端组长
2023.08 – 至今
Vue 2.6 / TypeScript / Ant Design Vue / Leaflet / ECharts
生产追溯系统包含23个模块,涵盖原料入库、生产过程、检验检测、包装、库存、销售等全流程。负责
权限路由与主框架搭建、包装管理模块端到端实现、请求与错误处理统一封装、GIS地图组件封装。