|
@@ -0,0 +1,117 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+ <head>
|
|
|
+ <meta charset="utf-8" />
|
|
|
+ <title></title>
|
|
|
+ <link href="css/style.css" rel="stylesheet" />
|
|
|
+ <style>
|
|
|
+ .v1 {
|
|
|
+ width: 18.3%;
|
|
|
+ float: left;
|
|
|
+ overflow: hidden;
|
|
|
+ position: relative;
|
|
|
+ height: 190px;
|
|
|
+ margin: 10px;
|
|
|
+ border: 4px solid rgb(65 104 177);
|
|
|
+ border-radius: 5px;
|
|
|
+ color: white;
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <div id="app">
|
|
|
+ <div class="top">
|
|
|
+ <div class="flex" style="margin-top:0px;">
|
|
|
+ <div class="f tti" :class="{active:now==0}" @click="tab(0)"></div>
|
|
|
+ <div class="f tti" :class="{active:now==1}" @click="tab(1)"></div>
|
|
|
+ <div class="f" style="flex: 2.2;">
|
|
|
+ <div class="logo">
|
|
|
+ <img class="u4" src="img/u4.svg" />
|
|
|
+ <div class="uti">谢通门县旅游数据-监控平台</div>
|
|
|
+ <img class="u5" src="img/u5.svg" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="f tti" :class="{active:now==2}" @click="tab(2)"></div>
|
|
|
+ <div class="f tti" @click="tab(2)"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content" style="margin-top: 30px;">
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="v1" style="border: 0px;">
|
|
|
+ <iframe src="https://stlab.gxqrjf.com:20443/liveplayer/" allowfullscreen="true" style="width: 100%;"></iframe>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <script src="js/vue.min.js"></script>
|
|
|
+ <script src="js/echarts.min.js"></script>
|
|
|
+ <script src="js/jquery.min.js"></script>
|
|
|
+ <script src="js/wordcloud2.js"></script>
|
|
|
+ <script>
|
|
|
+ let vm = new Vue({
|
|
|
+ el: "#app",
|
|
|
+ data: {
|
|
|
+ item: {},
|
|
|
+ now: 0
|
|
|
+ },
|
|
|
+ mounted() {},
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+ </body>
|
|
|
+</html>
|