Files
visual-vue-v1/index.html
T

405 lines
26 KiB
HTML

<!--
* @Author: chenxuan
* @Date: 2021-09-23 09:04:52
* @LastEditTime: 2023-11-24 10:24:25
* @LastEditors: chenxuan
-->
<!DOCTYPE html>
<html>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1" />
<title>WebTools-Web开发者素材</title>
<meta name="keywords" content="vue,react,组件,插件,模板,echarts,数据可视化,微前端,后台管理系统,免费下载">
<meta name="description" content="提供vue/react/组件,插件,echarts数据可视化、后台管理系统模板免费下载,微前端解决方案">
<link rel="icon" href="./static/images/logo.png" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="./static/css/reset.css"/>
<link rel="stylesheet" type="text/css" href="./static/css/animate.css"/>
<link rel="stylesheet" type="text/css" href="./static/css/main.css"/>
</head>
<body>
<ul class="nav">
<a href="#1F">01车联网可视化(8)</a>
<a href="#2F">02智慧农业(2)</a>
<a href="#3F">03交通大数据可视化(3)</a>
<a href="#4F">04物流大数据可视化(8)</a>
<a href="#5F">05电子商务数据可视化(4)</a>
<a href="#6F">06政务可视化(13)</a>
<a href="#7F">07通用数据可视化(8)</a>
<a href="#8F">08大数据可视化(5)</a>
<a href="#9F">09其他(15)</a>
<a href="#10F">10页面布局模板(11)</a>
</ul>
<!-- <a href="https://item.taobao.com/item.htm?spm=a1z10.1-c.w4004-21753976784.2.1db83e6cW5gpAh&id=654294629905" target="_blank" title="数据可视化模板源码" class="giveMoney"></a> -->
<div class="main zoomIn a-time2">
<div class="unitContainer">
<h1 id="1F">01车联网可视化</h1>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/01vehicles/01/index.html' target="_blank">
<p>北抖车联网大数据服务平台</p>
<img class="zt-img" src="./resource/html/01vehicles/images/01.png" alt="北抖车联网大数据服务平台">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/01vehicles/02/index.html' target="_blank">
<p>重点营运车辆监控与预警</p>
<img class="zt-img" src="./resource/html/01vehicles/images/02.png" alt="重点营运车辆监控与预警">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/01vehicles/03/index.html' target="_blank">
<p>省级联网联控大数据服务平台</p>
<img class="zt-img" src="./resource/html/01vehicles/images/03.png" alt="省级联网联控大数据服务平台">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/01vehicles/04/index.html' target="_blank">
<p>中山北抖公共运行平台</p>
<img class="zt-img" src="./resource/html/01vehicles/images/04.png" alt="中山北抖公共运行平台">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/01vehicles/05/index.html' target="_blank">
<p>北抖车联网大数据服务平台</p>
<img class="zt-img" src="./resource/html/01vehicles/images/05.png" alt="北抖车联网大数据服务平台">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/01vehicles/06/index.html' target="_blank">
<p>新能源车联网综合大数据平台</p>
<img class="zt-img" src="./resource/html/01vehicles/images/06.png" alt="新能源车联网综合大数据平台">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/01vehicles/07/index.html' target="_blank">
<p>车辆综合管理平台</p>
<img class="zt-img" src="./resource/html/01vehicles/images/07.png" alt="车辆综合管理平台">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/01vehicles/08/index.html' target="_blank">
<p>新能源车联网综合大数据平台</p>
<img class="zt-img" src="./resource/html/01vehicles/images/08.png" alt="车辆综合管理平台">
</a>
</div>
<!-- ------------------------------------------------------------------------------------------------------- -->
<div class="unitContainer">
<h1 id="2F">02智慧农业</h1>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/02agriculture/01/index.html' target="_blank">
<p>某茶园可视化监控1</p>
<img class="zt-img" src="./resource/html/02agriculture/images/01.png" alt="某茶园可视化监控1">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/02agriculture/02/index.html' target="_blank">
<p>某茶园可视化监控2</p>
<img class="zt-img" src="./resource/html/02agriculture/images/02.png" alt="某茶园可视化监控2">
</a>
</div>
<!-- ------------------------------------------------------------------------------------------------------- -->
<div class="unitContainer">
<h1 id="3F">03交通大数据可视化</h1>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/03traffic/01/index.html' target="_blank">
<p>晋城高速管控大数据平台</p>
<img class="zt-img" src="./resource/html/03traffic/images/01.png" alt="晋城高速管控大数据平台">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/03traffic/02/index.html' target="_blank">
<p >某生产建设兵团交通运输局</p>
<img class="zt-img" src="./resource/html/03traffic/images/02.png" alt="某生产建设兵团交通运输局">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/03traffic/03/index.html' target="_blank">
<p >北抖自由流收费管理平台</p>
<img class="zt-img" src="./resource/html/03traffic/images/03.png" alt="北抖自由流收费管理平台">
</a>
</div>
<!-- ------------------------------------------------------------------------------------------------------- -->
<div class="unitContainer">
<h1 id="4F">04物流大数据可视化</h1>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/04logistics/01/index.html' target="_blank">
<p>物流大数据平台</p>
<img class="zt-img" src="./resource/html/04logistics/images/01.png" alt="物流大数据平台">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/04logistics/02/survey.html' target="_blank">
<p>物流大数据展示系统1</p>
<img class="zt-img" src="./resource/html/04logistics/images/02-1.png" alt="物流大数据展示系统">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/04logistics/02/bigdata.html' target="_blank">
<p>物流大数据展示系统2</p>
<img class="zt-img" src="./resource/html/04logistics/images/02-2.png" alt="物流大数据展示系统">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/04logistics/02/index2.html' target="_blank">
<p>物流大数据展示系统3</p>
<img class="zt-img" src="./resource/html/04logistics/images/02-3.png" alt="物流大数据展示系统">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/04logistics/02/index3.html' target="_blank">
<p>物流大数据展示系统4</p>
<img class="zt-img" src="./resource/html/04logistics/images/02-4.png" alt="物流大数据展示系统">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/04logistics/03/index.html' target="_blank">
<p>物流大数据服务平台</p>
<img class="zt-img" src="./resource/html/04logistics/images/03.png" alt="物流大数据服务平台">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/04logistics/04/index.html' target="_blank">
<p>智慧物流服务中心</p>
<img class="zt-img" src="./resource/html/04logistics/images/04.png" alt="智慧物流服务中心">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/04logistics/05/index.html' target="_blank">
<p>物流云数据看板平台</p>
<img class="zt-img" src="./resource/html/04logistics/images/05.png" alt="物流云数据看板平台">
</a>
</div>
<!-- ------------------------------------------------------------------------------------------------------- -->
<div class="unitContainer">
<h1 id="5F">05电子商务数据可视化</h1>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/05Ecommerce/01/index.html' target="_blank">
<p>广西电子商务公共服务平台大数据中心</p>
<img class="zt-img" src="./resource/html/05Ecommerce/images/01.png" alt="广西电子商务公共服务平台大数据中心">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/05Ecommerce/02/index.html' target="_blank">
<p>全国图书零售监测数据</p>
<img class="zt-img" src="./resource/html/05Ecommerce/images/02.png" alt="全国图书零售监测数据">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/05Ecommerce/03/index.html' target="_blank">
<p>某品牌销售数据</p>
<img class="zt-img" src="./resource/html/05Ecommerce/images/03.png" alt="某品牌销售数据">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/05Ecommerce/04/index.html' target="_blank">
<p>某品牌门店销售数据</p>
<img class="zt-img" src="./resource/html/05Ecommerce/images/04.png" alt="某品牌门店销售数据">
</a>
</div>
<!-- ------------------------------------------------------------------------------------------------------- -->
<div class="unitContainer">
<h1 id="6F">06政务可视化</h1>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/01/index.html' target="_blank">
<p>政务大数据共享交换平台</p>
<img class="zt-img" src="./resource/html/06government/images/01.png" alt="政务大数据共享交换平台">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/02/activity.html' target="_blank">
<p>康定市公安数据可视化1</p>
<img class="zt-img" src="./resource/html/06government/images/02-1.png" alt="康定市公安数据可视化">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/02/people.html' target="_blank">
<p>康定市公安数据可视化2</p>
<img class="zt-img" src="./resource/html/06government/images/02-2.png" alt="康定市公安数据可视化">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/02/analysis.html' target="_blank">
<p>康定市公安数据可视化3</p>
<img class="zt-img" src="./resource/html/06government/images/02-3.png" alt="康定市公安数据可视化">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/02/activity.html' target="_blank">
<p>康定市公安数据可视化4</p>
<img class="zt-img" src="./resource/html/06government/images/02-4.png" alt="康定市公安数据可视化">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/02/traffic.html' target="_blank">
<p>康定市公安数据可视化5</p>
<img class="zt-img" src="./resource/html/06government/images/02-5.png" alt="康定市公安数据可视化">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/03/index.html' target="_blank">
<p>智慧社区内网比对平台</p>
<img class="zt-img" src="./resource/html/06government/images/03.png" alt="某品智慧社区内网比对平台牌门店销售数据">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/04/index.html' target="_blank">
<p>某办税渠道运行状态大数据监控平台</p>
<img class="zt-img" src="./resource/html/06government/images/04.png" alt="某办税渠道运行状态大数据监控平台">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/05/index.html' target="_blank">
<p>湖南土地交易数据可视化</p>
<img class="zt-img" src="./resource/html/06government/images/05.png" alt="湖南土地交易数据可视化">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/06/index.html' target="_blank">
<p>大连市突发预警实时监控</p>
<img class="zt-img" src="./resource/html/06government/images/06.png" alt="大连市突发预警实时监控">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/07/index.html' target="_blank">
<p>公安综合监控大屏</p>
<img class="zt-img" src="./resource/html/06government/images/07.png" alt="公安综合监控大屏">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/08/index.html' target="_blank">
<p>枫桥镇惠民服务平台</p>
<img class="zt-img" src="./resource/html/06government/images/08.png" alt="枫桥镇惠民服务平台">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/06government/09/index.html' target="_blank">
<p>上海警务综合管理平台</p>
<img class="zt-img" src="./resource/html/06government/images/09.png" alt="上海警务综合管理平台">
</a>
</div>
<!-- ------------------------------------------------------------------------------------------------------- -->
<div class="unitContainer">
<h1 id="7F">07通用数据可视化</h1>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/07universal/01/index.html' target="_blank">
<p>模板1</p>
<img class="zt-img" src="./resource/html/07universal/images/01.png" alt="模板">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/07universal/02/index.html' target="_blank">
<p>模板2</p>
<img class="zt-img" src="./resource/html/07universal/images/02.png" alt="模板">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/07universal/03/index.html' target="_blank">
<p>模板3</p>
<img class="zt-img" src="./resource/html/07universal/images/03.png" alt="模板">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/07universal/04/index.html' target="_blank">
<p>模板4</p>
<img class="zt-img" src="./resource/html/07universal/images/04.png" alt="模板">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/07universal/05/index.html' target="_blank">
<p>模板5</p>
<img class="zt-img" src="./resource/html/07universal/images/05.png" alt="模板">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/07universal/06/index.html' target="_blank">
<p>模板6</p>
<img class="zt-img" src="./resource/html/07universal/images/06.png" alt="模板">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/07universal/07/index.html' target="_blank">
<p>模板7</p>
<img class="zt-img" src="./resource/html/07universal/images/07.png" alt="模板7">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/07universal/08/index.html' target="_blank">
<p>模板8</p>
<img class="zt-img" src="./resource/html/07universal/images/08.png" alt="模板8">
</a>
</div>
<!-- ------------------------------------------------------------------------------------------------------- -->
<div class="unitContainer">
<h1 id="8F">08大数据可视化</h1>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/08bigData/01/index.html' target="_blank">
<p>大数据分析系统</p>
<img class="zt-img" src="./resource/html/08bigData/images/01.png" alt="大数据分析系统">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/08bigData/02/index.html' target="_blank">
<p>某公司大数据监控平台</p>
<img class="zt-img" src="./resource/html/08bigData/images/02.png" alt="某公司大数据监控平台">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/08bigData/03/index.html' target="_blank">
<p>某服务大数据可视化监管平台</p>
<img class="zt-img" src="./resource/html/08bigData/images/03.png" alt="某服务大数据可视化监管平台">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/08bigData/04/index.html' target="_blank">
<p>工程数据可视化</p>
<img class="zt-img" src="./resource/html/08bigData/images/04.png" alt="工程数据可视化">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/08bigData/05/index.html' target="_blank">
<p>无线网络大数据平台</p>
<img class="zt-img" src="./resource/html/08bigData/images/05.png" alt="无线网络大数据平台">
</a>
</div>
<!-- ------------------------------------------------------------------------------------------------------- -->
<div class="unitContainer">
<h1 id="9F">09其他</h1>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/01/index.html' target="_blank">
<p>水质情况实时监测预警系统</p>
<img class="zt-img" src="./resource/html/09others/images/01.png" alt="水质情况实时监测预警系统">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/02/index.html' target="_blank">
<p>南方草牧商品交易所</p>
<img class="zt-img" src="./resource/html/09others/images/02.png" alt="南方草牧商品交易所">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/03/index.html' target="_blank">
<p>酒机运行状态监控</p>
<img class="zt-img" src="./resource/html/09others/images/03.png" alt="酒机运行状态监控">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/04/index.html' target="_blank">
<p>作战指挥室</p>
<img class="zt-img" src="./resource/html/09others/images/04.png" alt="作战指挥室">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/05/index.html' target="_blank">
<p>设备环境监测平台</p>
<img class="zt-img" src="./resource/html/09others/images/05.png" alt="设备环境监测平台">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/06/index.html' target="_blank">
<p>压力容器监管大屏</p>
<img class="zt-img" src="./resource/html/09others/images/06.png" alt="压力容器监管大屏">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/07/index.html' target="_blank">
<p>厅店营业效能分析</p>
<img class="zt-img" src="./resource/html/09others/images/07.png" alt="厅店营业效能分析">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/08/index.html' target="_blank">
<p>气象监控</p>
<img class="zt-img" src="./resource/html/09others/images/08.png" alt="气象监控">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/09/views/trend.html' target="_blank">
<p>传染病监控1</p>
<img class="zt-img" src="./resource/html/09others/images/09-1.png" alt="传染病监控">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/09/views/quota.html' target="_blank">
<p>传染病监控2</p>
<img class="zt-img" src="./resource/html/09others/images/09-2.png" alt="传染病监控">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/09/views/index.html' target="_blank">
<p>传染病监控3</p>
<img class="zt-img" src="./resource/html/09others/images/09-3.png" alt="传染病监控">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/10/index.html' target="_blank">
<p>消防监控</p>
<img class="zt-img" src="./resource/html/09others/images/10.png" alt="消防监控">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/11/index.html' target="_blank">
<p>智慧小区</p>
<img class="zt-img" src="./resource/html/09others/images/11.png" alt="智慧小区">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/12/index.html' target="_blank">
<p>物联网</p>
<img class="zt-img" src="./resource/html/09others/images/12.png" alt="物联网">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/09others/13/index.html' target="_blank">
<p>某集团大数据</p>
<img class="zt-img" src="./resource/html/09others/images/13.png" alt="某集团大数据">
</a>
</div>
<div class="unitContainer">
<h1 id="10F">10页面布局模板</h1>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/01/index.html' target="_blank">
<p>模板1</p>
<img class="zt-img" src="./resource/html/10layout/images/01.png" alt="模板1">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/02/index.html' target="_blank">
<p>模板2</p>
<img class="zt-img" src="./resource/html/10layout/images/02.png" alt="模板2">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/03/index.html' target="_blank">
<p>模板3</p>
<img class="zt-img" src="./resource/html/10layout/images/03.png" alt="模板3">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/04/index.html' target="_blank">
<p>模板4</p>
<img class="zt-img" src="./resource/html/10layout/images/04.png" alt="模板4">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/05/index.html' target="_blank">
<p>模板5</p>
<img class="zt-img" src="./resource/html/10layout/images/05.png" alt="模板5">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/06/index.html' target="_blank">
<p>模板6</p>
<img class="zt-img" src="./resource/html/10layout/images/06.png" alt="模板6">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/07/index.html' target="_blank">
<p>模板7</p>
<img class="zt-img" src="./resource/html/10layout/images/07.png" alt="模板7">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/08/index.html' target="_blank">
<p>模板8</p>
<img class="zt-img" src="./resource/html/10layout/images/08.png" alt="模板8">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/09/views/trend.html' target="_blank">
<p>模板9</p>
<img class="zt-img" src="./resource/html/10layout/images/09.png" alt="模板9">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/10/index.html' target="_blank">
<p>模板10</p>
<img class="zt-img" src="./resource/html/10layout/images/10.png" alt="模板10">
</a>
<a class="zt-img-div rubberBand a-time2" href='./resource/html/10layout/11/index.html' target="_blank">
<p>模板11</p>
<img class="zt-img" src="./resource/html/10layout/images/11.png" alt="模板11">
</a>
</div>
</div>
<script src="./static/js/devide.js"></script>
<script src="./static/js/jquery-2.1.1.min.js"></script>
<script>
if(device.mobile() || device.tablet()){
$('.nav').css('display','none');
alert('亲,用电脑访问更帅哟!')
}
$('.zt-img-div').hover(function () {
$(this).removeClass('rubberBand')
$(this).addClass('shake')
}, function () {
$(this).removeClass('shake')
})
$('.zt-img-div').on('click', function () {
$(this).children('p').attr('href') ? window.open($(this).children('p').attr('href')) : ''
})
</script>
</body>
</html>