ES6

这是一个综合性的网站，里面可以写技术博客分享自己技术见解，还可以下载一些优秀的网站末班或者后台魔板，此网站支持有课进入，即可以无需登录的情况下，可直接进入，在需要买哪些源码可以扫码下载，还有一些比较实用性的工具，比如在线json格式化，数据表格化，时间格式转化，还有MD5加密功能,实现在线加密方式，还可以那种加密方式，如有功能不完善，或者建议可联系本人

通过油田中的现场设备对每口井的产量、液面、开关井时间、井的状态等实时数据进行采集，服务器端拿到这些数据后进行一定的处理然后前端通过请求获取到这些数据展示到网页中，主要用到了echarts可视化图表库进行展示。然后还可以通过网页中的一些指令，比较调参、开井、关井等进行操作，实现了油田的数字化管理，远程控制开关井。

该项目是致力于集团内部的综合福利管理，为企业提供综合一站式职场福利解决方案，一站式的数“智”化员工福利平台，助力企业，加强组织赋能以及数字化转型。为企业提供职场生命周期的规划，各平台的数据打通一键登录，强大的福利整合能力，企业看板管理，员工关怀等 本项目由用户端、PC端、HR端、管理端组成，以Vue3.0+TS搭建，结合Vant及Element-ui框架来实现各个页面的功能设计以及业务流程，包括单点登陆，页面多语言，微信分享，PDF预览，echart表图，文档上传下载，以及AI在线客服等

一、员工端：差旅申请与费用报销​ ​智能差旅申请模块​ ​多段行程表单​：支持员工一次性提交多城市差旅申请，动态生成表单字段（如交通方式、住宿标准），通过拖拽式布局适配不同企业规则 。 ​移动端适配​：基于React/Vue框架实现响应式布局，支持扫码上传发票、语音填写备注等便捷操作，结合LBS定位自动关联差标规则。 ​实时进度追踪​：采用WebSocket实现审批流状态实时刷新，通过进度条+时间轴可视化展示流程节点。 ​发票管理模块​ ​多源发票上传​：集成OCR识别组件（如Tesseract.js），支持拍照、扫码枪、微信卡包等多种方式上传发票，自动解析发票代码、金额、税号等字段 。 ​查重验真弹窗​：调用后端税务接口后，前端以模态框形式展示核验结果，对重复发票、假票进行高亮标注，并拦截提交。 ​电子发票归档​：采用IndexedDB本地缓存已上传发票，支持PDF预览与下载，同步对接招行云存储实现云端备份。 二、审批端：流程配置与智能决策​ ​可视化审批流设计器​ ​拖拽式流程图​：基于AntV G6或GoJS构建流程引擎，允许财务人员通过拖拽节点配置多级审批、会签/或签规则，支持条件分支（如超预算触发额外审批） 。 ​规则表达式编辑器​：提供类Excel公式的DSL（领域特定语言），例如 expense > budget * 1.2 触发预警，前端通过代码镜像组件实现语法高亮与校验。 ​移动审批助手​ ​卡片式审批看板​：采用卡片布局展示待审批单据，支持左滑操作（通过/拒绝）、批量处理，结合企业微信/钉钉消息推送提醒。 ​智能辅助决策​：基于历史数据训练的轻量化模型（TensorFlow.js），在审批页侧边栏提示“同类申请平均通过率85%”等参考信息。 三、财务端：支付与记账一体化​ ​银企直连支付面板​ ​支付方式选择器​：集成招行CBS接口，提供对公/对私支付、跨行转账等选项，通过级联菜单选择账户与收款方，自动填充银行账号信息 。 ​支付状态监控​：采用ECharts绘制支付流水热力图，实时显示成功/失败/待处理状态，支持按金额区间、时间维度筛选。 ​凭证生成看板​ ​自动化凭证模板​：基于JSON Schema定义凭证字段（如借方科目、贷方金额），前端通过动态表单渲染不同会计准则（如中国CAS、国际IFRS）的模板。 ​红冲/反记账功能​：提供凭证历史版本对比，支持一键反写冲销，变更记录通过Git-like提交日志展示。 四、管理端：数据分析与风控​ ​多维度报表中心​ ​动态数据看板​：采用D3.js实现可交互图表（如桑基图展示费用流转路径），支持按部门、项目、成本中心钻取分析。 ​自定义报表生成器​：通过JSON配置字段映射关系，用户可拖拽生成个性化报表（如“研发部门Q2差旅费占比”），导出为Excel/PDF格式。 ​风险预警控制台​ ​实时监控仪表盘​：使用WebSocket推送超标费用、异常发票等预警，通过Elasticsearch实现日志检索，支持按风险等级（高/中/低）过滤。 ​合规性检查面板​：内置税务规则库（如增值税税率校验），前端以树形结构展示规则层级，支持手动添加自定义规则。 五、技术架构与创新点​ ​微前端架构​ 采用qiankun框架拆分员工端、审批端等子应用，各模块独立开发部署，通过主应用统一鉴权与路由管理。 ​低代码扩展能力​ 内置可视化表单构建器（类似简道云），允许企业自定义字段、校验规则，前端通过Schema生成动态表单组件。 ​性能优化策略​ 对发票OCR、支付流水等高频操作采用Service Worker缓存，结合骨架屏优化加载体验；大数据量报表使用虚拟滚动（react-virtualized）减少DOM节点。

• 本项目是一个关于集成项目，主要负责路区管理，编辑每个路区范围以及人员情况。 • 使用React框架，React-Amap以及内部的cnui组件库，fusion组件库 • 使用Amap api在页面中加载地图，并根据用户需求展示站点下的路区分布，以及路区的 详细信息。 • 通过Amap.Marker实现站点下每个路区的标记，点击标记点时选择该路区，并且显示路 区的详细信息 • 实现路区的增，删，改操作，支持站长对路区位置，大小，及收派员的人员进行调整与 优化 • 优化地图上的路区显示，使不同路区的显示层级不一样，刚好完整的展示在地图的正中 央 • 加深了Amap api的理解，熟练的掌握了地图标记，添加覆盖物，控制地图缩放层级等功 能。 • 封装了地图主题组件，便于用户切换至舒心的主题，优化用户体验 • 清除不需要的数据，优化地图渲染和交互相应，确保系统在大规模也能流畅运行，

该项目是一套面向企业服务的SAAS在线考培教育平台，平台由android用户端、IOS用户端、PC运维端、PC租户端等多端共同进行服务，集合了VR虚拟场景学习，AI考试视频监控，直播等多项核心功能与增值服务，旨在打造一个综合性的企业服务生态

1.该项目作为数据智能平台系统，包含了，数据上报、数据监测、智能工具等功能 2.该项目，基于vue3,使用axios，vue-router，vuex，Echarts，vant框架，H5+APP等技术开发。 3.移动端页面开发完成后，使用H5+APP进行封装成APP。 4.实现调用手机摄像头，完成拍照上传，二维码扫描等功能

1. 项目概述 工地项目现场管理系统移动端，其中包含多个系统，质量平台，生产平台，安全平台登，实现手机添加任务，手机查看进度等功能 2. 项目架构 有vue3、vant3，构建的多页面应用

1. 项目介绍 斑马进度是以项目可控，从进度开始为出发点为建筑行业量身打造的一款软件，有 PC 端和 WEB端，可以更直观的检视项目进 度，并涵盖了提前预警，企业检查等极其重要的功能于一体的进度软件 2. 项目架构 由 C++，Java ，前端，三个端共同完成，前端使用 Vue3 + Pinia + Element Plus + TypeScript + CSS Modules + Webpack5 + Git + Jenkins + 华为云 + PageSpy + 埋点 3. 项目职责 ① 负责 PC 端与 WEB 端的前端开发工作，需求内审与排期，方案设计与评审 ② 封装斑马前端 SDK ，提供售卖包，解决各产线内嵌计划组件时间成本，突破产能100% ③ 优化历史遗留技术债，包含 git 分支管理，Jenkins 部署等其他工作 ④ 迁移并管理配套服务，运营，授权，大中台，用户信息管理 ⑤ 沉淀项目开发文档，统一代码风格，配置远程调试工具 4. 个人成果 ① 拆分模块，将原有的冗余业务拆分独立的 class ② 迁移前端部署服务，有阿里云迁移华为云，构建 Jenkins 流水线 ③ git 分支管理规范化，便于私有化升级 ④ 沉淀技术文档，方便其他人参与项目 ⑤ 封装基于 zpert 为核心的斑马前端SDK，用于第三方调佣

此项目共有四个模块：工作台、队员管理、统计分析、知识库。此系统是一个理疗康复系统，通过系统可以详细的了解病员的身体状况和理疗计划。 本人负责整个项目的搭建和页面开发；与后端配合进行接口调试及渲染页面；与 UI 设计交流讨论页面布局以及各个功能；主要使用的技术栈 Vue+Vuex+elementUI+Vue-router ，以及echarts插件。 此项目的人体各部位健康程度一览图是一个比较复杂的功能，根据人体各部位健康状态呈现不同颜色模块；解决方法：和后端约定好返回数据类型，然后通过定位把身体各个部位样式做一个覆盖。

主要是实现一些组件，共公司内部使用。 1.参与了项目中的组件开发，其中独立完成了10个组件的开发，包括设计文档、编码和单元测试；参与40多个组件的维护，包括：新功能的扩展，bug修复等。 2.参与组件库从vue-cli到vite的迁移，解决了迁移过程中遇到的问题，熟悉了迁移流程和注意事项。 3.使用自己团队开发的组件，对项目旧功能模块进行重构，减少重复的代码同时提升用户体验。 4.完善和修改项目中的cypress测试用例，提升测试覆盖率到80%以上。

该项目为政府指导投保页面，根据被保人的年龄和数量，计算价格，还有可回溯功能的对接，前端部分由我独立完成，使用vue3.0开发

小程序从0到1的开发与设计 小程序上线从0到1的部署 后台管理从0到1搭建编写 精通vue开发 小程序开发 uniapp开发 从0到1有各种丰富经验，熟练运用小程序webscoket

1. 项目分为活动、帖子、俱乐部、商城、个人中心等模块，帮助用户实现创建组织发布活动，分享帖子并且可以进入商城购买相关东西。 2. 我主要负责了除商城之外的其他所有模块。 3. 难点：都是比较常规的功能，暂时没有遇到太大难点

在线定制蛋糕平台分为pc端和app端，分为首页，全国配、蛋糕、合作专区、立即兑换页面，项目主要业务是在线零售蛋糕服务

该项目主要是用户通过用户端小程序购买养老服务，企业招聘服务人员，管家然后通过管家端小程序给用户提供服务。 该项目涵盖了 CMS 管理平台和北康养数据展示系统。CMS 管理平台实现了可配置不同服务供用户选择，并为供应商提供配置和审核功能；供应商管理平台则允许供应商配置自己的服务并通过审核后提供给用户选择。北康养数据展示系统包括数据端小程序和可视化大屏展示，用于展示销售数据并通过可视化图表进行对比清晰展示。 关键职责和成就： 1.使用 Vue2、ElementUI和 Vuex 完成 CMS 管理平台的项目搭建，实现了服务选择和配置功能。 2.开发供应商管理平台，采用 Vue3、ElementPlus和 Pinia 技术，为供应商提供服务配置和管理功能。 3.利用 UniApp 开发打包生成北康养用户端小程序、北康养管家端小程序和北康养数据端小程序，实现销售数据展示及对比功能。 4.参与项目的需求分析、设计和开发工作，确保系统稳定性、性能优秀和用户体验良好。

技术栈：Vue3/vite/ ElementPlus/ pinia/ SCSS / Axios / Echarts 项目简介：该SAAS项目是一个多系统软件即服务应用，包括业务系统、客服系统和中控系统。它提供了一套完整的解决方案，用于帮助企业管理和交付云端应用。 负责模块：产品管理/订单管理/车辆管理/AI智能识别 技术描述： 1.使用shallowRef() 和shallowReactive() 浅层式响应进行声明不是页面上需要视图进行更新的数据 2.使用异步组件进行异步加载，路由懒加载，合理使用keep-alive减少数据请求 3.使用ElementPlus作为UI组件库，按需引入UI组件，减少代码体积。 4.使用pinia进行状态管理，管理应用的共享状态，方便不同组件间的数据共享与通信。 5.使用new EventSource方法与后端结合发送SSE请求，实现页面中Echarts图表数据实时更新 6.封装自定义指令根据后端返回的数据进行页面中按钮的权限控制

表单上传，请求，多语言，多端，多域名，多时区，多站点，网页开发， 小程序开发，服务器运维，架构设计，项目管理，组件库开发，脚手架开发

1、项目分为首页、探针模型、工单管理、二级机构风险评估、经责审计画像、项目管理、系统管理几个模块，对于使用者来说，除了系统管理其他模块都是经常使用的功能，最典型的是工单管理功能； 2、我在该项目中负责工单管理、二级机构风险评估、经责审计画像、项目管理4个模块的开发和维护，同时担任整个系统的运维工作和顾问职责。继承了activity5的工单流程引擎功能，前端使用bootstrap4框架，使用jQuery插件、es6等技术，实现了Echarts各种图表和地图功能； 3、项目比较困难的就是工单流程的逻辑处理，使用单位人员组织架构的变动频繁。

项目分为医护、患者、药师三端,实现患者线上问诊、医生线上开方、药师线上审方后交 由患者付费的一套主体流程。