综合管理平台,业务系统,信息发布,切配看板,区域看版,智厨运行监管概括图,留样柜

饮食信息发布大屏

项目简介:实现通过swiper轮播饮食信息大数据发布页面,包含重点食材价格,年价格指数波动,周食谱公布表,今日食谱图片,营养素达标情况分析图,单位食堂主副食物资验收实景照片,逐日消耗统计分析图,月食物消耗分析图,年军粮统计分析图,年伙食费开支统计分析图,月伙食公布表等功能
技术栈:uniapp+uCharts+uView+websocket
工作内容:实现echarts图表数据展示功能以及针对演示数据重点食材价格,价格指数波动等数据的增删改查,通过websocket实现数据实时动态更新展示等操作。
实现细节:使用Swiper实现轮播图,及基础工具类封装,并使用watch+$nextick()方法解决轮播图问题。
使用websocket实现数据更新功能

组件抽离:抽离table,pagination等公共组件,方便多个组件间的复用,减少重复代码的使用, 快速开发。

watch监听页面解决轮播卡顿问题
使用ucharts库实现页面图表功能

页面、路由加载出现白屏,使用加载动画提升用户体验。

综合管理平台

项目简介:实现首页单点登录、数据备份、数据调度、服务状态检索、区域视频监控、区域环境信息展示(温度,湿度,甲醛,PM2.5),可通过平功能台免登录进入各个子系统,  查看各子系统在线状态以及系统间数据流转信息,单位区域监控视频播放以及环境信息展示。
技术栈:vue+vue-router+vuex+axios+iview-ui
工作内容:实现系统单点登录功能,数据备份、数据调度、服务状态检索模块增删改查等操作。
实现细节:
视频监控:通过webrtc实现web端大华、海康监控摄像头rtsp视频流播放
管理模块内的用户权限数对不同登录用户的操作的权限控制。
组件抽离:抽离公共组件,方便多个组件间的复用,减少重复代码的使用, 快速开发。
通过echarts完成项目中各类图表的展示。

智厨运行监管概括图

项目简介:实现首页预警、环境监管设备、食品安全监管设备、烹饪设备、作业过程监管设备、作业人员监管设备。
技术栈:uniapp+uCharts+uView+websocket
工作内容:实现首页实时监测设备状态进行报警语音功能,实时展示温湿度、烟雾、燃气、消毒柜、留样柜、食安快检仪、通道测温摄像头、炒烧一体机、切菜机、泰首门禁、海康摄像头、大华行为分析服务器等设备信息进行汇总展示。
实现细节:
视频监控:实现大华、海康监控摄像头rtsp视频流播放

使用vuex配合公共请求,实现全局共享,减少请求交互以及在action中异步加载解决数据切换加载过慢的问题

代码优化:为减少代码冗余度,将vuex的state中的所有变量 或者配置抽取出来全局混入到 mixins文件,
大幅度缩减重复性代码。
封装方法:负责页面消息模块开发,独立封装公共方法,配合后端实现了消息动态刷新与
消息通知实时推送,解决了消息通知滞后提醒的问题。

 智能留样终端

项目简介:实现留样冰箱在线离线模式,食谱录入、菜品留样、留样查询、到期取样、紧急开门、人员管理。
技术栈:uniapp+uCharts+uView+websocket
工作内容:主要负责首页登陆、食谱录入、菜品留样、留样查询模块功能页面的实现。
实现细节:
人脸登录:使用uni.requireNativePlugin()原生方法引入安卓人脸插件调用,实现人脸登录功能 

打印机:

你可能感兴趣的:(echarts,前端,javascript)