170 lines
4.8 KiB
HTML
170 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
|
|
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
|
|
<META HTTP-EQUIV="Expires" CONTENT="0">
|
|
<link rel="stylesheet" href="<%= BASE_URL %>cdn/iconfont/iconfont.css">
|
|
<link rel="stylesheet" href="<%= BASE_URL %>cdn/animate/3.5.1/animate.css">
|
|
<link rel="stylesheet" href="<%= BASE_URL %>cdn/element-ui/2.15.0/theme-chalk/index.css">
|
|
<link rel="stylesheet" href="<%= BASE_URL %>cdn/avue/2.8.23/index.css">
|
|
<script src="<%= BASE_URL %>components.js"></script>
|
|
<script src="<%= BASE_URL %>config.js?v=1211"></script>
|
|
<script src="<%= BASE_URL %>index.js"></script>
|
|
<script async src="https://cdn.staticfile.org/FileSaver.js/2014-11-29/FileSaver.min.js"></script>
|
|
<script async src="https://cdn.staticfile.org/xlsx/0.10.0/xlsx.full.min.js"></script>
|
|
<script async src="https://cdn.staticfile.org/jszip/3.7.1/jszip.min.js"></script>
|
|
<script src="<%= BASE_URL %>cdn/echarts/5.4.0/echarts.min.js"></script>
|
|
<script src="<%= BASE_URL %>cdn/echarts-wordcloud.min.js"></script>
|
|
<script src="<%= BASE_URL %>cdn/echarts-gl.min.js"></script>
|
|
<script src="<%= BASE_URL %>cdn/clappr.min.js"></script>
|
|
<script src="<%= BASE_URL %>cdn/html2canvas/html2canvas.min.js"></script>
|
|
<script src="<%= BASE_URL %>cdn/qrious.min.js"></script>
|
|
<script>
|
|
window._AMapSecurityConfig = {
|
|
securityJsCode: '3b0065f9e278ff707e1562adb8bdc822',
|
|
}
|
|
</script>
|
|
<script
|
|
src="//webapi.amap.com/maps?v=2.0&key=fb4b86d6264204120c2251c9af41061f&&plugin=AMap.Scale,AMap.ToolBar,AMap.ControlBar"></script>
|
|
<title></title>
|
|
<style>
|
|
html,
|
|
body,
|
|
#app {
|
|
height: 100%;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
#loader-wrapper {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 99999;
|
|
background-color: #151a26;
|
|
}
|
|
|
|
#loader-wrapper .loader-box {
|
|
position: fixed;
|
|
left: calc(50% - 250px);
|
|
top: calc(50% - 100px);
|
|
margin: 0 auto;
|
|
width: 500px;
|
|
height: 200px;
|
|
text-align: center;
|
|
vertical-align: center;
|
|
font-weight: bold;
|
|
color: #87888E;
|
|
font-size: 35px;
|
|
}
|
|
|
|
#loader-wrapper .loader-box>span {
|
|
opacity: 0.4;
|
|
display: inline-block;
|
|
animation: bouncingLoader 1s infinite alternate;
|
|
}
|
|
|
|
#loader-wrapper .loader-box>span:nth-child(2) {
|
|
animation-delay: 0.1s;
|
|
}
|
|
|
|
#loader-wrapper .loader-box>span:nth-child(3) {
|
|
animation-delay: 0.2s;
|
|
}
|
|
|
|
#loader-wrapper .loader-box>span:nth-child(4) {
|
|
animation-delay: 0.3s;
|
|
}
|
|
|
|
#loader-wrapper .loader-box>span:nth-child(5) {
|
|
animation-delay: 0.4s;
|
|
}
|
|
|
|
#loader-wrapper .loader-box>span:nth-child(6) {
|
|
animation-delay: 0.5s;
|
|
}
|
|
|
|
#loader-wrapper .loader-box>span:nth-child(7) {
|
|
animation-delay: 0.6s;
|
|
}
|
|
|
|
@keyframes bouncingLoader {
|
|
|
|
0% {
|
|
transform: translateY(0);
|
|
}
|
|
|
|
50% {
|
|
transform: translateY(25px);
|
|
}
|
|
|
|
100% {
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
#loader-wrapper .load_title {
|
|
font-weight: bold;
|
|
z-index: 1002;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: 15px;
|
|
color: #87888E;
|
|
font-size: 18px;
|
|
width: 100%;
|
|
height: 30px;
|
|
text-align: center;
|
|
opacity: 0.4;
|
|
line-height: 30px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<noscript>
|
|
<strong>We're sorry but avue-data doesn't work properly without JavaScript enabled. Please enable it to
|
|
continue.</strong>
|
|
</noscript>
|
|
<div data-sticky-width="100" class="wwads-cn wwads-vertical wwads-sticky" data-id="220"></div>
|
|
<div id="app">
|
|
<div id="loader-wrapper">
|
|
<div class="loader-box">
|
|
<span>AVUE-DATA</span>
|
|
<span>大</span>
|
|
<span>屏</span>
|
|
<span>设</span>
|
|
<span>计</span>
|
|
<span>器</span>
|
|
</div>
|
|
<div class="load_title">加载中…</div>
|
|
</div>
|
|
</div>
|
|
<script src="<%= BASE_URL %>cdn/vue/2.5.2/vue.min.js?version=2.0" charset="utf-8"></script>
|
|
<script src="<%= BASE_URL %>cdn/vuex/3.1.1/vuex.min.js" charset="utf-8"></script>
|
|
<script src="<%= BASE_URL %>cdn/vue-router/3.0.1/vue-router.min.js" charset="utf-8"></script>
|
|
<script src="<%= BASE_URL %>cdn/axios/1.0.0/axios.min.js" charset="utf-8"></script>
|
|
<script src="<%= BASE_URL %>cdn/element-ui/2.15.0/index.js" charset="utf-8"></script>
|
|
<script src="<%= BASE_URL %>cdn/avue/2.8.23/avue.min.js"></script>
|
|
<!-- built files will be auto injected -->
|
|
</body>
|
|
|
|
|
|
<style>
|
|
.wwads-cn {
|
|
position: fixed !important;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
transform: scale(0.5);
|
|
z-index: 1024;
|
|
max-width: 180px;
|
|
}
|
|
</style>
|
|
|
|
</html> |