|
|
@@ -0,0 +1,77 @@
|
|
|
+
|
|
|
+<!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">
|
|
|
+ <script src="./view.js"></script>
|
|
|
+ <link rel="stylesheet" href="https://at.alicdn.com/t/font_1117329_z5buvlhlaf.css">
|
|
|
+ <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/animate.css/3.5.1/animate.min.css">
|
|
|
+ <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.3/theme-chalk/index.min.css">
|
|
|
+ <link rel="stylesheet" href="https://avuejs.com/lib/index.css">
|
|
|
+ <link rel="stylesheet" href="https://data.avuejs.com/lib/index.css">
|
|
|
+ <script src="https://data.avuejs.com/config.js"></script>
|
|
|
+ <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.2.1/echarts.min.js"></script>
|
|
|
+ <script src="https://data.avuejs.com/cdn/echarts-wordcloud.min.js"></script>
|
|
|
+ <script src="https://data.avuejs.com/cdn/clappr.min.js"></script>
|
|
|
+ <script src="https://data.avuejs.com/const/theme/avue.project.js"></script>
|
|
|
+ <script src="https://data.avuejs.com/const/theme/halloween.project.js"></script>
|
|
|
+ <script src="https://data.avuejs.com/const/theme/wonderland.project.js"></script>
|
|
|
+ <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.min.js" charset="utf-8"></script>
|
|
|
+ <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js" charset="utf-8"></script>
|
|
|
+ <script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.3/index.min.js" charset="utf-8"></script>
|
|
|
+ <script src="https://avuejs.com/lib/avue.min.js"></script>
|
|
|
+ <script src="https://data.avuejs.com/cdn/datav.min.vue.js"></script>
|
|
|
+ <script src="https://data.avuejs.com/lib/index.umd.min.js"></script>
|
|
|
+ <title>avue-data数据大屏</title>
|
|
|
+ <style>
|
|
|
+ * {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ body,
|
|
|
+ html,
|
|
|
+ #app {
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ <script>
|
|
|
+ function GetQueryString(name) {
|
|
|
+ var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
|
|
+ var r = window.location.search.substr(1).match(reg);
|
|
|
+ if (r != null) return unescape(r[2]); return null;
|
|
|
+ }
|
|
|
+ Vue.use(window.AVUE);
|
|
|
+ </script>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div id="app">
|
|
|
+ <avue-data :props="props" :option="option"></avue-data>
|
|
|
+ </div>
|
|
|
+ <script>;
|
|
|
+ new Vue({
|
|
|
+ el: '#app',
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ props: {
|
|
|
+ id: GetQueryString('id'),
|
|
|
+ name: 'view'
|
|
|
+ },
|
|
|
+ option: option
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ avueData
|
|
|
+ }
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
caojunjie