TypeScript

这个项目是基于老官网进行的逐步迁移，采用了 Vue.js 3、Pinia、Vue Router、TypeScript 等先进的技术，并整合了 Element-UI 等现代化设计工具，以提升用户体验和技术性能。 在这个项目中，我负责了前端开发的主要部分，包括页面设计、技术选型、前端逻辑编写等工作。通过团队协作和技术创新，我们成功地将老官网升级为一个响应式、个性化定制的现代化网站，为用户提供了更流畅、更直观的浏览体验。 我专注于为客户提供高质量的前端开发服务，善于倾听客户需求，并根据实际情况提供最佳的解决方案。我相信我的技能和经验能够为您的项目带来价值，并为您的业务发展提供有力支持。

该项目是付费情感咨询和情感社区。有付费找情感咨询师进行咨询，可以在社区中发布文字、语音内容。 我负责整个系统的设计和开发。使用 React 开发，使用微信JSSDK开发相关功能，还用到了Mobx、Axios等工具库。

整个组件库分为：通用组件、业务组件、图标组件、自定义hooks、工具类组件 以上功能组件全部由本人一人完成，包括框架搭建以及业务理解，技术攻坚，包括搭建私服

此项目包含前台页面和后台页面和小程序，主要功能为投标保函的申请，线上支付对应的金额， 收到对应的保函，后台对客户相关信息进行管理，可对其他后台管理账号进行权限分配 项目职责：日常维护系统的 bug，增加系统中部分功能，账单查询功能，查询报表部分。封装 permission 方 法来实现部分权限功能。参与样式的编写包括利用 Ant Design 中的作用域插槽的方法来改变表格单元格中的 图标，通过动态路由的方式来实现后台管理系统的权限管理，用 Vue 自定义指令来减少代码的复用性，使用 AntDesign 中的 Image 来放大图片，在通过 ref 来实例化对象，在创建实例化对象中的函数来返回对应的值， 实现组件通信，页面组件化的设计，增加页面中复用性，通过路由传参的方式来判断后台组件是编辑还是新 建。接口的对接处理接口返回来的数据。

1.商城有销售、音频视频、考试、作业、学习计划、线下培训、测训、人员管理等。 2.负责所有以上模块得前端开发

前端：基于 React、TypeScript、Tailwind CSS等技术构建。 后端：基于 SpringBoot、MybatisPlus、Redis登技术构建。 项目地址：https://www.huangrx.cn

储能可视化大屏： 1.vue3+TS+vite+pinia；echarts图表；swiper插件 2.接口对接， 3.昨日充放电量，上月充放电量，告警总览-今日和当月报警，储能利用率走势图【当月】； 4.我同时负责页面设计； 账号：cnzskshdp 密码：aq0*h2%w8

通过拖拽组件，配置组件属性、样式的方式，快速搭建 页面，与数据源模型数据连 同，快速完成业务页面搭建。企业可使用该工具有效提升自己的开发效率。平台 支持直连多种数据源（MySQL、SQL Server、PostgreSQL、Oracle、Hive、Spark SQL、 Impala、Presto）等，还可以通过 API、静态 JSON 方式绑定可视化图表的数据，简单灵 活。大屏与报表的图表数据源可以复用，用户可以方便地为同一套数据搭建不同的展示形式 1、负责相关产品的需求以及前端程序的实现 2、承担web前端主要模块的设计、开发工作，对代码质量及进度负责，并完成项目的迭代、开发 3、负责公共组件的开发,方便后期的为复用和维护 4、配合 echarts 将项目情况直观的显示出来 5、与UI和后端保持沟通，定义图片格式，讨论数据形式与接口规范 6、使用Git / SVN对项目进行版本管理

中台介绍: 1 财务中心: 可进行开票、发票冲红、账单管理、自助出账、人工 出账、账单金额导出、分享等操作。 自动排查风险，提高工作效率。 2 权限中心: 实现角色间的单继承，保证权限管理统一分配。 支持第三方平台传来的数据权限，避免权限混乱问题的出现。 3合同中心: 将客户与客户、客户与平台的合同存入合同中心，生 成合同编号进行统一管理。 规定出账日期，记录账单金额，并在合同中心走到当前日期时进行账单出账。 计算账单的佣金等金额，生成计算后的账单，并传到用户前台展示。 支持对账、出账、打包、调整账单、实施金额查询等功能。

在G-paonsass云平台担任产品经理和项目经理期间，我与团队致力于打造一个多元 化协同智能中心，以数据驱动生产力进步。该平台通过GEENIAR-10T物联网、 GEENJIAR-HD大数据和GEENIAR-AI人工智能技术，实现可视化、运行监控、经营管 理、计量结算、优化调度、资产管理和运维管理等功能，为用户运营提供数据支撑和 辅助决策。我们的目标是提高电力线载波通信（PLC）技术在智能控制网应用领域的效率 和可靠性，为客户提供更好的服务。

• 负责四季门店ERP系统前端开发架构及开发工作。技术栈：Vue3+TS+ElementPlus+Vite。 • 负责四季门店ERP小程序端开发，toB及toC两端开发。技术栈：Uniapp+Vue3+TS+Vite。 • 负责保险业务商城小程序前端开发。技术栈：Uniapp+Vue3+TS+Vite。 • 负责AVG小车矿下探测大屏前端开发。技术栈：Vue3+TS+Echarts+Vite。 • 负责工业互联网解析标识猪H5、远盾网络官网（PC/移动端）、淄博在堂鱼盘艺术博物馆官网（PC/移动端）前端开发工作。技术栈：HTML5+CSS+JavaScript

为相关app进行用户激励管理 使用离线化，ts，node等技术，实现高可靠和高稳定性. 用户量极大的情况下保证各个活动的有效进行

uniapp是一款多端框架，通过基础的模板能更快的搭建项目。本人在前公司项目基础上对业务进行剥离，搭建了一套适用于搭建多端小程序的项目基础模板。

该项目是长安内部管理系统，包含了厂端和全国各地长安经销商的客户资源共享，经销商门店管理，车辆分配，线索资源分配，贷款审核，保证金管理，收售车辆，政策通知，市场活动等诸多模块，加强对经销商门店的管理，资源的利用和再分配利用。 我负责保证金管理，政策通知，市场活动等模块。 难点：政策发布对象多，分类麻烦，勾选发布对象多，需要一键勾选，树形结构复杂。 解决：采用原生js写法，多个组件循环递归。

1.自定义流程节点及审批人，实现可视化高效流程管理 2.将表单数据进行统计、合并、分析计算等 3.自定义流程配置以供上下游业务流转 4.拖拽设计数据可视化图表，对数据进行筛选、合并、统计等 5.组件封装、跟进版本迭代

系统有经营管理、项目管理、财务管理等大模块。用户可以实时看到自己关心的数据，比如项目状态，项目数量、收付款、应收应付款、合同额等。能实现采购、库存、应付、应收、费用报销等的管理。 我负责项目、工时、资源、日程、预算、业务导航、单据全景视图等模块的设计、开发、优化。 使用的技术有：公司自研的表单方案、查询方案、表单方案。第三方的日程组件、spreadjs表格组件。React、mobx、iris(go) 针对工时单明细数据量大时添加慢、预算spreadjs表格加载慢、单据全景视图加载慢等性能问题进行优化。

1.本项目是为青岛市企业托管中心职工内部开发的后台管理系统,主要功能模块有职工信息、党员信息、人员保障、政务服务、资产监管等；可以帮助内部员工快速了解部门所下辖的人员、职工和公司等。 2.本项目在实施过程中我负责了人员保障、资产监管、安全生产等50%的模块；在后期维护时由我一人进行整个后台管理的维护。 3.在展示地图时无法根据查询条件展示相应的点位信息，后来我通过查阅高德开放平台的api成功解决该问题

ER图建模工具（ERM）（以下简称ERM），ERM是一款界面简洁，开发高效，落地轻松的ER图数据建模工具，即可便捷高效的开发数据模型，也可一键轻松将开放的数据模型落地到数据库中。 ERM可设计完数据库模型连接数据库，可轻松一键将设计的模型实现到数据库中，有集中主流的数据库的能力，用户可根据具体业务需求灵活选择所需数据库类型，在系统中点点选选即可在页面中实数据视图 1. 负责相关产品的需求以及前端程序的实现，提供合理的前端架构； 2. 实现网站页面效果、JS效果、维护及优化前端页面性能，优化交互体验； 3. 按照模块划分进行页面渲染以及逻辑书写； 4. 与UI和后端保持沟通，定义图片格式，讨论数据形式与接口规范； 5. 与后端开发团队紧密配合，实现与后端的数据交互，确保代码有效对接； 6. 对公司项目代码的开发与维护，并完成项目的迭代、开发； 7. 承担web前端主要模块的设计、开发工作，对代码质量及进度负责； 8. 使用Git对项目进行版本管理。

一个开源的组件库，基于 monorepo 开发，使用了 pnpm、lerna、ts、storybook、element-plus 等进行了一个微小的组件库开发。

功能模块： 1.题目库：使用一个节点代表一个题目，支持多种题目类型。 2.变量库：自定义变量或从题目上下文提取变量，后续可用于问卷的动态流程控制和动态生成题目。 3.媒体库：管理icon,图片，视频，用于插入题目中提供更丰富答题展现效果。 4.可视化流程控制画布：拖拽题目节点到画布，在节点间拖拽连线可以进行简单的流程控制，结合变量可进行复杂逻辑控制，随机控制，循环控制；画布可灵活缩放，并带有小地图导航器。 5.主题管理：对题目中的文字颜色，字体，排本等提供了丰富的定制控制能力。 6.UI插件库：可以为题目编写UI插件以提供完全自定义的UI。 9.逻辑控制插件库：可以编写独立的脚本，结合第三方数据和规则提供完全完全自定义的流程控制规则。 10. 多语言管理：同一份问卷可以包含多个语言包，根据答卷人的偏好语言自动加载对应的语言包显示问卷内容。 11.富文本框：支持嵌入自定义变量，自定义样式。