echarts

这个项目有管理端和大屏端两个部分，管理端就是数据的管理功能，大屏端负责展示这些数据。大屏端有五个模块，主页展示的是一些基本情况，添加了css进场动画效果，echarts也做了动态效果。值得一说的是区域地图模块实现了管理端输入点位绑定设备，大屏端展示的功能。

1.该项目是一个对于园区的管理平台，包含园区管理、巡更工单、物业管理、公共资源、视频监控等，我负责的前端的开发 2.该项目使用的技术是vue2+elementui+echarts，实现表格、分页、echarts统计图表、视频的功能 3.该项目的难点是视频模块的开发，刚开始时没有一点思路，后来通过查资料，接入海康视频插件，就实现了视频回放、实时播放的功能

1.对接视频监控、消防、wifi、电力、门禁等设备信息在三维场景展现； 2.使用echart绘制各种个性化图表。 3.前端大屏页面代码编写。

1.此项目主要分为数据大屏展示、后台数据管理、根据农耕设备终端返回经纬度在地图上面绘制图形计算面积 2.主要负责项目的前端页面、数据大屏、第三方地图接入等 3.项目中主要遇到问题，拿到农耕终端返回的所有数据后，进行面积绘制然后将所有多有或者无效的区域进行去除

查财宝是一款依托决策树算法、AI专家知识库推理机、财务知识图谱、视觉等信息技术，以企业财、税、票及外部工检法舆政可用数据信息异常风险识别、预警、体检诊断查询为切入点，利用财务风险预警模型、信用评级评价模型、授信额度测算模型、行业对标模型、客户画像模型等对企业进行360°风险画像，根据不同应用场景智能一键生成企业全生命周期画像及20多种专家级顾问报告（财务问题诊断报告、经营决策水平报告、金税预警报告、信用调查报告、授信审查报告、贷后风险检查报告、行业对标报告等）。 查财宝定位于一站式企业智能服务平台，从企业财务风险、经营风险、资金风险、税务风险、债务风险、行为异常风险（工检法政舆情）等方面智能评价评级：一是了解企业在同业中的发展差距，二是为企业提供智能财税顾问专家体检诊断服务，三是为企业提供信用评级评价及授信额度测算服务，四是让企业了解宏观经济环境运行情况。最终构建全新的企业微观、中观、宏观分析数智化服务生态，赋能企业财税法贷经营无忧。 查财宝独创模型算法及四大创新技术标准，在历经客户多年财务数据回测模型验证，无论从产品功能、应用场景、行业趋势、经济效益、数字经济等多角度比较，都适合在行

项目介绍： 游客数量管理系统：每天上午和下午的游客量，本地外地游客，国外游客数量，不同时间段入场的游客数量 报警系统：监控设备报警，是否游客攀爬到禁区等等事件上报，事件处理情况 景区环境日常监测：温度 风力 积水量 pm2.5值，积水量过多 温度过高报警 视频监控：多个区域监控的实时观看 景区模型的漫游，指定地点设备的显示，高亮点击区域等 技术栈：vue three.js echarts scss 响应式布局 以上百分之八十功能有我完成 模型由公司的美术完成

Web网页不仅是产品功能的载体，更是与用户建立连接、传递产品价值的重要媒介。一个优秀的Web网页不仅要满足用户的业务需求，还要在用户体验、页面性能、可维护性等方面达到高标准。以下是从产品经理角度对Web网页的详细说明。 二、目标与定位 用户需求满足：首先明确网页要满足的用户需求，这包括信息展示、交互操作、数据处理等方面。确保网页内容清晰、结构合理，能够满足用户的期望。 产品定位：根据产品的整体定位和目标用户群体，确定网页的设计风格、交互方式以及功能设置，确保网页与产品整体形象一致。 三、内容规划与设计 信息架构：合理规划网页的信息架构，确保内容层次清晰、易于理解。通过合理的布局和导航设计，引导用户轻松找到所需信息。 视觉设计：与设计师紧密合作，确定网页的视觉风格、色彩搭配、字体选择等，确保网页美观大方、符合品牌形象。 交互设计：关注用户的操作流程和交互体验，设计简洁明了的交互元素和动效，提升用户的操作效率和满意度。 四、性能与优化 页面加载速度：关注网页的加载速度，优化图片、代码等资源，减少页面加载时间，提高用户体验。 响应式设计：确保网页在不同设备和浏览器上都能良好地显示和交

可视化大屏设计 作为产品经理，我深知可视化大屏在数据展示和决策支持中的重要性。我致力于与设计团队紧密合作，确保大屏设计不仅美观大方，而且能够直观地展示核心数据，帮助用户快速做出决策。

（1）项⽬介绍：本科⼤三期间课程项⽬。实现⼀个⽼师可以创建课程、发布测试、在线评卷；学⽣可以加⼊课程、在线测试、管理员可以管理系统的项⽬。拟在2024年上半年上线并投⼊使⽤ （2）技术栈：前端使⽤react+antd+webpack，Less，后端使⽤egg框架、mysql数据库，axios实现前后端交互。 （3）项⽬亮点：使⽤echarts实现数据可视化，jwt-token实现身份认证，在⽤到css3过度和动画的地⽅全部使⽤节流函数减少⽹站负担，为同⼀个⽗组件多个不同的个⼦组件设置不同的动画或过度时间，达成更好的交互效果。使⽤CSS媒体查询设计更灵活的响应式⻚⾯从⽽避免因为过多使⽤antd提供的响应式栅格⽽造成HTML语义化标签难以维护的问题。使⽤antd提供的⾛⻢灯效果实现在线评卷时动态切换试卷的效果。

项目介绍：根据接口拿到的数据以图表的形式展示具有科技感的蓝色大屏 项目实现：基于 vue、DataV、echarts、百度地图api的 " 数据大屏项目 "。通过 vue 组件实现数据动态刷新渲染，内部图表可实现自由替换。部分图表使用 DataV 自带组件，从后端接口获取数据来展示折线图、柱状图、饼图、雷达图、轮播表等，可导出为图片 亮点：使用星空小图循环渲染出星空背景，使用动画实现无限循环移动，科技感较强 难点：引入百度地图3D模式，根据经纬度和数据在地图上自定义遮罩物、自定义地图样式、自定义右键功能菜单、设置地图只展示某块区域、自定义地图天空和大地颜色、设置地图按时自动旋转等，通过阅读官方接口文档实现 技术栈：ES6、vue、DataV、echarts、mockjs、axios、less、阿里矢量图标引入、百度地图api

该项目主要功能为城市服务，与《新乐家》app为同期项目，该项目集成水务，道路，城市发展，生态建设，商业公寓台账，酒店会展台账，物业停车，工服运营等城市随手拍功能，随手拍即为城市报事功能，市民通过随手拍小程序上传城市问题，管理员进行分类，并向相关系统派发任务。同时集成，文件预览，文件下载等功能。

1. 具备购物车模块的对接能力，能够将用户添加的商品信息同步到购物车中，并实现购物车与订单的关联。 2. 熟悉微信支付模块的流程，能够实现用户在商城中的支付操作，包括订单生成、支付验证和订单状态更新。 3. 运用骨架屏、懒加载、拆包等手段，优化首屏加载时长，减少包体积，提高用户体验。 4. 具备良好的团队协作能力，能够与后端开发人员紧密配合，确保项目顺利进行。 5. 具备良好的沟通能力，能够与产品、设计等部门进行有效沟通，确保项目需求的准确传达和实现。

内包含了区域概览、产业数据、应急指挥、房屋服务和安全管理等管理系统，有效提升了房屋管理和紧急响应 的能力，为区域内居民提供更安全、便捷的居住环境。 使用框架/插件：JQuery、AJax、Echarts、antV、ckplayer、BaiduMap、date-time、Editor等

独立完成前端监控 SDK 开发，利用浏览器API即proxy代理等埋点方式，在项目中引入SDK并实例化，即可实现各项错误监听，pv、静态资源、http 请求上报，前端各项指标上报如 FP、FCP、FMP等，SPA 应用路由监听等功能 使用 Echarts 可视化图表库，实现各类统计数据可视化

登录功能 websocket心跳检测 大屏图表 table表格 下载EXEl表 动态表格 新增数据 删除数据 修改数据 树结构 下拉选项 搜索 eslint webpack

基于ASP.Net进行开发，用于对XLSX、CSV、SUM、SNP、STD、STDF进行数据分析，同时对图像进行如折线图、散点图、柱状图、正态分布图、箱图等数据分析

实现前后端分离的图书借阅功能，尝试调用 OpenAI API 实现问答小助手功能直至 API 过期 项目技术：Vue、Element UI、SpringMVC，MyBatis、JS 等

房产租赁管理系统、大屏数据管理系统、app/小程序后台管理系统等。功能包括首页数据展示、工作台提供实时业务信息、通过灵活的可筛选和搜索功能，以表格形式直观展示大部分信息同时具备强大的增删改查功能，可以通过系统界面轻松导出图表数据至 Excel 文件，使用户能够轻松管理系统中的各项信息. 使用框架/插件：Axios、vue-router、antDesign、BaiduMap、wangeditor、xlxs等

网络画像 技术要点： 1、以echart展示世界地图，点击局点，弹窗展示当前局点侠所关联的设备信息以设备关系图。 2、设备关系图悬浮上会显示设备的基本信息，设备颜色提示告警级别。 3、查找主机并展开主机关联的设备。 4 、表格形式展示了局点内部网络情况和告警情况排行等带有过滤分页排序功能。 5 、告警设置- 告警屏蔽， 表格展示屏蔽设备ip， 可添加删除。

这个数据大屏项目旨在提供一个直观、实时的数据展示平台，用于监控和管理冷链运输中的数据。该项目利用Echarts库来绘制数据图表和地图，并通过WebSocket技术实现与后端数据的实时对接，以保持数据的即时更新。 主要特点和功能包括： 数据可视化展示： 使用Echarts库绘制各种类型的数据图表，如折线图、柱状图、饼图等，直观展示冷链运输中的温度、湿度、运输状态等关键数据。 地图展示： 结合Echarts的地图功能，展示冷链运输的地理位置信息，以及相关数据的空间分布情况，帮助全面了解运输路线和目的地情况。 实时数据更新： 使用WebSocket技术与后端建立实时通信连接，实现数据的实时更新和推送，确保用户能够及时获取到最新的冷链运输数据。 通过这个冷链数据大屏项目，用户可以通过直观的数据展示和实时更新的功能，全面了解冷链运输中的情况，及时发现和解决问题，提高冷链运输的效率和安全性。