framework
/
fs-datav-html


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
							<!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/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></dv-border-box-13>
					<dv-border-box-13></dv-border-box-13>
				</div>
				<div class="main-center flex flex-col flex-grow basis-2/4">
					<dv-border-box-13>
					</dv-border-box-13>
				</div>
				<div class="main-right flex flex-col basis-1/4">
					<dv-border-box-13></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>