准格尔旗数智能源信息服务平台产品系统

我要开发同款
5阅读

技术信息

语言技术
Vue、TypeScript、ElementUI、ES6、小程序
系统类型
Web、电视应用
行业分类
能源、企业服务

作品详情

行业场景

区域能源(煤炭)生产监管,面向准格尔旗能源局监管端,覆盖煤矿、洗煤厂、集运站、能源站、管理站五类主体
生产监管:产能、产品结构、井田面积、开工状态
运输监管:汽运/火运车次、车辆实时定位、运载量、承运商
过磅监管:空磅/重磅、过磅流水、车牌识别、净重
卡口监管:出入卡口车次多周期统计
贸易监管:销售总量/金额、合同签订与执行、煤种结构与价格指数
风险管控:10 类预警的发现、处理、跟踪闭环

功能介绍

页面一:概况(/info,默认首页)
企业列表:煤矿/洗煤厂名称、企业性质(国企等)、井田面积、产能、今日过磅、开工状态、在售状态
数据接入:企业基础信息档案(名称、性质、井田面积、标定产能)
企业详情:标定产能与实际产能对比、达标判定、产能趋势、价格走势、产品结构
数据接入:产能上报数据(实际产能按日/月累计)、煤炭价格行情数据
合同执行:合同数量与全流程状态追踪(已预约→已接单→已开工→已入矿→已出矿→已交货→完成)
数据接入:销售合同数据(合同类型、签订数量、执行节点状态)
卡口统计:入/出车次(今日/昨日/本月/本季/本年/近七日多周期)+ 出入卡口地图点位
数据接入:卡口闸机过车流水数据
过磅记录:车牌号、净重、销售时间;本日/本月进出趟次、运力统计
数据接入:地磅过磅流水数据(空磅/重磅、车牌识别)
视频监控:3 路矿区摄像头实时画面(弹窗展示)
数据接入:矿区摄像头视频流
矿区地图:高德深色主题,井田边界与卡口点位展示
数据接入:矿区坐标与井田边界 GIS 数据
页面二:物流(/transport)
煤炭运输情况:汽运车次、火运车次统计
车辆实时定位:高德深蓝主题地图 + 车辆图标,展示定位时间、所在位置
物流公司运载量排名(滚动排名榜)、承运商情况
交割地分布:东北、华北、华东、华中、西北、西南六大区域
矿区分布:准格尔、东胜、乌审旗、伊金霍洛四大矿区
产能趋势、煤种分布(动力煤/喷吹煤/无烟煤)
数据接入:车辆 GPS 定位数据、运单调度数据、物流公司运量统计
页面三:贸易(/trade)
大盘数字(数字滚动动画):销售总量、销售总金额、成交量、成交金额、客户数
合同情况:合同数量、签订份数、合同类型、完成情况、销售天数
价格趋势:动力煤价格走势
煤种结构:煤种分布、煤种销售排名(按热值)
客户情况:客户数量、行业分布
运输分布:汽运/火运占比、交割地分布

项目实现

前端框架:Vue 3 + Vite + vue-router(按路由懒加载分包)+ Pinia + NProgress
图表引擎:ECharts + 统一封装的 useECharts 组合式函数
大屏组件库:DataV(边框装饰、数字滚动、滚动排名榜、胶囊图、圆锥柱图、百分比水位图、活动环形图)
地图引擎:高德地图 AMap + Loca,dark/darkblue 深色主题,比例尺与工具栏控件
大屏适配:autofit.js,按 1920×1080 设计稿等比缩放,兼容双折叠屏
视觉呈现:深色主题 + 循环背景视频 + 自研 SVG 发光按钮组件
部署形态:纯前端静态部署,数据由接口层统一接入各业务系统

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论