通化矛盾纠纷多元化解信息化平台
项目经历
技术栈：vue3+vuex+element-plus+echarts +es6+ruoyi +vite
项目描述：该系统是服务于某社区机构，针对各种矛盾纠纷进行调解应用分析解决，矛盾纠纷有多类包括但不限于：合同纠纷，劳务纠纷，婚姻纠纷等等。主要功能包括：矛调大屏、在线咨询、统一受理、统一办理、组织机构、法规案例库、调解解调室等
开发内容：
• 通过ruoyi +vite来搭建项目基本开发环境，实现有效且快速投入开发
• 封装基础页面中查询搜索模块，提升了相同组件在多个模块中的复用性
• 使用v-lazy的懒加载技术，实现在大量图片进入视口时才加载，避免页面加载速度慢
• 使用虚拟滚动库vue-virtual-scroll-list 来优化长列表渲染，避免页面的卡顿
• 使用corpper.js实现个人中心的头像切片上传
• 使用defineAsunsComponent，Suspence，在异步组件没显示时，给用户展示默认页面

vegasHit 游戏数据平台
技术栈：react +redux+hooks +umi +antd+echarts +es6
项目描述：针对用户所运营的游戏数据进行统计分析开发的管理平台，主要功能包括： 游戏管理模块，玩家信息管理模块，玩家
权限管理模块，游戏活动方案模块，玩家充值统计模块，游戏活跃度模块，游戏计算指标看板，游戏事件分析看板等
开发内容：
• 使用ant-design/pro-components的ProLayout去自动生成菜单，导航组件的标准布局模式
• 使用echarts 来展示各种指标，参数，事件的数据统计分析
• 使用react-grid-layout 网格布局系统，在看板功能支持视图的拖拽和缩放
• 通过hooks 的高阶组件去封装的表单组件，图表组件，实现了组件高效复用，降低维护成本
• 通过hooks 的常用钩子函数来解决组件之间复用状态逻辑复杂的问题
• 使用websockt的双向通信特点，实现了可以即时收到通知警告等消息

SmartChart数据可视化大屏
技术栈：react +redux+hooks +antd+echarts +es6
项目描述：该项目是一个数据可视化定制平台，服务于内部企业数据可视化场景需求，如创建和使用报表、仪表板和大屏，进行可
视化数据分析，构建可视化数据应用等，各类报表，仪表均可支持权限可控的标准化交互能力，主要模块有：可视化看板，数据视
图列表，数据资源列表，定时任务，成员与角色，权限控制，组织设置等
开发内容：
• 使用antd-theme-generator 主题生成工具，实现动态主题切换功能
• 使用echarts-wordcloud插件来调整字体大小颜色旋转角，实现echarts文字云图表的个性化定制
• 使用react-grid-layout 网格布局系统，在看板功能支持视图的拖拽和缩放
• 通过flexlayout-react 的标签页与ECharts 图表结合，实现多视图动态切换与布局调整
• 通过react-resize-detector利用了现代浏览器中的ResizeObserver接口，实时检测并处理元素尺寸变化