银行监控中心数据可视化 vue3 数据可视化大屏

vue yekong

vue3 数据可视化大屏 银行监控中心数据可视化

id

180

开发环境

nodejs 16

开发环境

vue3+vite+js

分辨率

1920*1080

演示地址

vue3 数据可视化大屏 银行监控中心数据可视化

演示demo:vue3 数据可视化大屏 银行监控中心数据可视化

效果截图

vue3 数据可视化大屏 银行监控中心数据可视化

动画效果

项目模块

1.今日事件

数字卡片展示今日事件

今日事件

2.业务类型比例

饼状图展示业务类型比例

饼状图展示业务类型比例

3.各分行年度预警量

柱状图展示各分行年度预警量

柱状图展示各分行年度预警量

4.年度违规趋势图

折线图展示:年度违规趋势图

年度违规趋势图

5.本年度发现问题

雷达图展示本年度发现问题

雷达图展示本年度发现问题

6.预警处置完成率

饼状图展示:预警处置完成率

饼状图展示:预警处置完成率

机构预警

数字卡片展示机构预警

机构预警

地图展示银行情况

地图展示银行情况

地图展示银行情况

项目依赖

  "dependencies": {
     "@vue/shared": "^3.2.47",
    "autoprefixer": "^10.4.13",
    "axios": "^1.3.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,购买代码请确保有相关开发基础

纯前端项目,无数据交互

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

相关文件下载地址
此资源需支付 ¥60 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
银行监控中心数据可视化 vue3 数据可视化大屏