物流云大数据看板 可视化数据大屏 vue3

数据大屏 yekong 200℃

vue3 可视化数据大屏 物流云大数据看板

如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870

数据大屏模板id

152

开发环境

nodejs v16.20.0

开发框架

vue3 vite js

分辨率

1920 * 1080

演示地址

演示demo:物流云大数据看板 可视化数据大屏 vue3

动态效果

效果截图

物流云大数据看板 可视化数据大屏 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写法

虚拟产品一经售出 概不退款请谅解

相关文件下载地址
此资源需支付 ¥100 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
物流云大数据看板 可视化数据大屏 vue3