zouling
/
qianshanxm_ui


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
							<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8" />
		<meta http-equv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta name="format-detection" content="telephone=no" />
		<title>潜山市数据局车辆停车系统</title>
		<meta name="keywords" content="潜山市数据局车辆停车系统">
		<meta name="description" content="潜山市数据局车辆停车系统">
		<script src="static/js/vue.js"></script>
		<script type="text/javascript" src="static/js/vue-router.js"></script>
		<script src="static/js/index.js" type="text/javascript"></script>
		<script type="text/javascript" src="./static/js/jquery.min.js"></script>
		
		<script src="static/js/common.js"></script>
		<link href="static/css/common.css" rel="stylesheet" />
		<link href="static/css/style.css" rel="stylesheet" />
		<link rel="stylesheet" href="static/css/theme-chalk/index.css">
		<style></style>
	</head>
	<body class="qtbox">
		<!-- <div class="qsback">
			<img src="static/images/back_white.png" class="backimg" />
		</div> -->
		<div id="app">
			<main>
				<div>
					<img src="static/images/qstit.png" class="qt_tit"/>
				</div>
				<div class="tc mb18">
					<div class="qt_txt">
						<div class="qt_txta">潜山数据局地面停车场</div>
						<div class="qt_line"></div>
					</div>
				</div>
				<div class="qrnum">
					<div class="flexc mb18">
						<img  src="static/images/timeleft.png" class="qrnuml"/>
						<div class="qrnumt" id="myTime"></div>
						<img  src="static/images/timeright.png" class="qrnuml"/>
					</div>
					<div class="qrnum_line"></div>
					<div class="qrnumb">
						<div class="qt_txt">
							<div class="qrnumn">{{parknum}}</div>
							<div class="qt_shadow"></div>
						</div>
						
						<span class="qrnumbs flexcj">个</span>
					</div>
					
					<div class="qrnumftit">当前空余地面停车位</div>
				</div>
				
			</main>
		</div>
		<!-- 底部 -->
		<div>
			<img  src="static/images/bgf.png" class="qtdown"/>
		</div>
		<script type="text/javascript">
			var app = new Vue({
				el: '#app',
				data: {
					base_url: 'https://qssjtc.qs163.cn/prod-api',
					timefn:'',
					parknum:0,
				},
				created() {
					window.clearInterval(this.timefn);
					this.gettimeFn();
					this.getDataFn()
				},
				mounted() {
				},
				methods: {
					getDataFn() {
						var that = this;
						var params={}
						$.ajax({
							url: this.base_url + '/parkLot/parkLotNum',
							type: 'POST',
							data: {},
							dataType: 'json',
							success: function(res) {
								that.loading=false;
								if(res.code){
									if (res.code == 200) {
										that.parknum = res.data;
									} else {
										that.$message({
											message: res.msg,
											type: 'error',
											center: true,
										});
									}
								}else{
									that.parknum=res;
								}
								
							},
							fail:function(res){
								that.loading=false;
								that.$message({
									message: "网络请求错误",
									type: 'error',
									center: true,
								});
							}
						})
					},
					gettimeFn() {
						var that = this;
						that.getCurrentDate()
						that.timefn = setInterval(function() {
							that.getCurrentDate()
						}, 1000)
					},
					// 获取当前时间
					getCurrentDate() {
						var date = new Date();
						var y = date.getFullYear();
						var m = date.getMonth() + 1;
						var d = date.getDate();
						var h = date.getHours();
						var min = date.getMinutes();
						var s = date.getSeconds();
						var week = date.getDay(); //获取当前星期X(0-6,0代表星期天)
						var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
						var yearStr = y + '-' + (m < 10 ? ('0' + m) : m) + '-' + (d < 10 ? ('0' + d) : d) + '  '
						var timeStr = (h < 10 ? ('0' + h) : h) + ':' + (min < 10 ? ('0' + min) : min) + ':' + (s < 10 ? (
							'0' + s) : s);
						var time = yearStr + timeStr
						$("#myTime").html(time);
					},
				}
			})
		</script>
		<script type="text/javascript">
			$(document).ready(function() {
				window.clearInterval(this.timefn);
				$('.backimg').click(function() {
					window.clearInterval(this.timefn);
					window.history.go(-1)
				})
			})
		</script>
	</body>
</html>