农产品质量安全大数据大屏 数据可视化大屏 vue3

id

185

运行环境

nodejs 16

开发框架

vue3 vite js

分辨率

1920 * 1080

在线演示

农产品质量安全大数据大屏 数据可视化大屏 vue3

农产品质量安全大数据大屏效果截图

动态效果

项目模块

舆情监测数量

echarts饼状图舆情监测数量

总巡检次数

echarts折线图展示总巡检次数

备案主体数量

使用echarts-liquidfill水球展示备案主体数量

检测任务完成率

echarts水球展示：检测任务完成率

汇总数据

数字卡片展示：

质量安全综合评分
乡镇监管人员到岗率
镇均监管人员数量

中间地图

echarts中间地图

合格率

数字卡片数字地图展示合格率

带报告产品数量

预报预警

列表滚动展示预报预警

生产企业数量

饼状图展示生产企业数量

质量追溯体系效能分析

数字卡片展示：质量追溯体系效能分析

可追溯企业数量
可追溯产品数量
合格证出具数量
合格证索取次数
消费者查询次数

项目文件目录

项目依赖

 "dependencies": {
    "@meruem117/vue-seamless-scroll": "^0.1.8",
    "@vue/shared": "^3.2.47",
    "autoprefixer": "^10.4.13",
    "axios": "^1.3.4",
    "dayjs": "^1.11.7",
    "disable-devtool": "^0.3.7",
    "echarts": "^5.4.0",
    "echarts-liquidfill": "3.1.0",
    "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",
    "sass": "^1.57.1",
    "sass-loader": "^13.2.0",
    "style-loader": "^3.3.1",
    "vite-plugin-compression": "^0.5.1",
    "vite-plugin-mock": "^2.9.8",
    "vue": "^3.2.45",
    "vue-router": "^4.1.6",
    "wow.js": "^1.2.2"
  },

更多可视化数据大屏

可视化数据大屏案例

源码下载

项目基于vue3+vite+js开发 nodejs 16，购买代码请确保有相关开发基础

纯前端项目

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