framework
/
fs-datav-html


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="./css/normalize.min.css">
	<link rel="stylesheet" href="./css/common.css">
	<script src="./js/vue.min.js"></script>
	<script src="./js/datav.min.js"></script>
	<script src="./js/vue-seamless-scroll.min.js"></script>
	<script src="./js/axios.min.js"></script>
	<script src="./js/echarts.min.js"></script>
	<script src="./js/vue-echarts.min.js"></script>
	<script src="./js/echarts-tooltip-carousel.js"></script>
	<script src="./js/tailwind.js"></script>
	<script src="./js/dayjs.min.js"></script>
</head>
<body>
  <div id="app">
		<dv-full-screen-container>
			<header id="header">
				<span class="header-title">可视化驾驶舱</span>
				<span class="header-time">{{time}}</span>
			</header>
			<div class="main flex w-full">
				<div class="main-left flex flex-col basis-1/4">
					<dv-border-box-13>
						<div class="panel-title">
							<div class="panel-title-text">标题</div>
						</div>
						<div class="panel-content"></div>
					</dv-border-box-13>
					<dv-border-box-13>
						<div class="panel-title">
							<div class="panel-title-text">标题</div>
						</div>
						<div class="panel-content"></div>
					</dv-border-box-13>
					<dv-border-box-13>
						<div class="panel-title">
							<div class="panel-title-text">标题</div>
						</div>
						<div class="panel-content"></div>
					</dv-border-box-13>
				</div>
				<div class="main-center flex flex-col flex-grow basis-2/4">
					<dv-border-box-13>
						<div class="panel-title">
							<div class="panel-title-text">标题</div>
						</div>
						<div class="panel-content"></div>
					</dv-border-box-13>
				</div>
				<div class="main-right flex flex-col basis-1/4">
					<dv-border-box-13>
						<div class="panel-title">
							<div class="panel-title-text">标题</div>
						</div>
						<div class="panel-content"></div>
					</dv-border-box-13>
					<dv-border-box-13>
						<div class="panel-title">
							<div class="panel-title-text">标题</div>
						</div>
						<div class="panel-content"></div>
					</dv-border-box-13>
					<dv-border-box-13>
						<div class="panel-title">
							<div class="panel-title-text">标题</div>
						</div>
						<div class="panel-content"></div>
					</dv-border-box-13>
				</div>
			</div>
		</dv-full-screen-container>
	</div>
</body>

<script>
	Vue.component('v-chart', VueECharts)
	const app = new Vue({
		el: '#app',
    data() { 
			return {
				time: '',
			}
		},
		created() {
			this.time = dayjs().format('YYYY-MM-DD HH:mm:ss')
			this.timer = setInterval(() => {
				this.time = dayjs().format('YYYY-MM-DD HH:mm:ss')
			}, 1000)
		},
		beforeDestroy() {
			if (this.timer) {
				clearInterval(this.timer)
			}
		},
		mounted() {

		},
		methods: {
			
		}
	})
</script>
</html>