vue3 可视化数据大屏 物流云大数据看板
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
数据大屏模板id
152
开发环境
nodejs v16.20.0
开发框架
vue3 vite js
分辨率
1920 * 1080
演示地址
演示demo:物流云大数据看板 可视化数据大屏 vue3
动态效果
效果截图
页面模块
今日运单数量
使用饼状图展示今日运单数量:正常单、临时单、异常单
各阶段平均用时统计
使用数字卡片展示各阶段平均用时统计：下单、完成、接单、评价
车辆信息
使用数字卡片展示车辆信息：空闲、上路、维修、报废
地图渲染
使用高德地图渲染车辆行驶轨迹，左上角可以选择对应的车辆，选择车辆后会在地图上渲染车辆行驶轨迹，并在右上角显示车辆基本信息：车牌号、起点、终点、满载率、行驶时间
本月运单统计图
使用折线图显示本月运单数据统计
累计运单数量
使用数字卡片展示累计运单数量
累计运单数量
动态数据展示：在途车辆、出车次数、今日订单
订单状态
使用滚动列表展示订单状态：订单编号 运行时长 和 满载率
大屏数据可视化模板
更多背景图资源
项目文件目录
项目依赖
"dependencies": {
"@vue/shared": "^3.2.47",
"amfe-flexible": "^2.2.1",
"autoprefixer": "^10.4.13",
"element-plus": "2.4.4",
"crypto-js": "^4.2.0",
"dayjs": "^1.11.7",
"disable-devtool": "^0.3.7",
"echarts": "^5.4.3",
"fs": "0.0.1-security",
"gsap": "^3.11.4",
"postcss": "^8.4.21",
"postcss-loader": "^7.0.2",
"postcss-pxtorem": "^6.0.0",
"qiniu": "^7.8.0",
"qs": "^6.11.2",
"sass": "^1.57.1",
"sass-loader": "^13.2.0",
"style-loader": "^3.3.1",
"vite-plugin-compression": "^0.5.1",
"vue": "^3.2.45",
"vue-router": "^4.1.6",
"vue3-seamless-scroll": "^2.0.1",
"wow.js": "^1.2.2"
}
源码下载
纯前端项目
项目基于vue3+vite+js开发 nodejs 16，购买代码请确保有相关开发基础
代码为vue3框架vue2写法
虚拟产品一经售出 概不退款请谅解
