商户停车

src/assets/css/xpwyfyy.css

@@ -4526,7 +4526,7 @@ h3 {
 	font-size:16px;
 }
 .vongi-car-banner .flew{
-	box-shadow: 0 2px 5px rgba(0,0,0,0.2);;
+	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
 }
 .vongi-car-footer{
 	position:absolute;
@@ -4604,6 +4604,85 @@ h3 {
 .padd30{
 	padding:30px
 }
+.vongi-car-banner img {
+    width: 60px;
+    margin-right: 15px;
+}
+.vongi-car-dj {
+	margin-bottom:60px
+}
+.vongi-car-dj .vongi-car-banner,
+.vongi-car-dj .vongi-car-banner p{
+	color:white;
+	text-shadow: 0 2px 5px rgba(0,0,0,0.2);
+}
+.vongi-car-dj .vongi-car-banner p{
+	margin-top:5px
+}
+.vongi-car-dj .vongi-car-banner button{
+	color:white;
+	border-radius: 5px;
+	font-size:14px;
+	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+}
+.car-juan{
+	background:#3385FF;
+	color:white;
+	text-align: center;
+	border-top-left-radius: 5px;
+	border-bottom-left-radius: 5px;
+	padding:20px;
+	width:35%;
+	position:relative
+}
+.car-juan:after{
+	content: "";
+	background:#EEEEEE;
+	width:8px;
+	height:8px;
+	border-radius: 50%;
+	position:absolute;
+	top:-4px;
+	right:-4.5px;
+	z-index: 999;
+}
+.car-juan-text{
+	padding:17px 20px 20px;
+	background:#ffffff;
+	width:65%;
+	border-top-right-radius: 5px;
+	border-bottom-right-radius: 5px;
+	border-left:1px #3385FF dashed;
+	position:relative
+}
+.car-juan-text:after{
+	content: "";
+	background:#EEEEEE;
+	width:8px;
+	height:8px;
+	border-radius: 50%;
+	position:absolute;
+	bottom:-4px;
+	left:-4.5px
+}
+.car-juan .mui-h1{
+	font-size:44px
+}
+.car-juan h6{
+	color:white
+}
+.vongi-car-dj h4{
+	line-height: 1.5;
+}
+.vongi-car-dj h1{
+	font-size:20px
+}
+.vongi-car-dj .vongi-car-over{
+	padding-top:20px
+}
+.vongi-car-juan{
+	padding:20px;
+}
 @media (max-width: 320px) {
 	.mui-grid-view.mui-grid-9 .mui-table-view-cell.inedxfyy-grid-agin {
 		padding: 0

src/projects/parking/views/Merchant/Check/Result.vue

@@ -1,8 +1,25 @@
 <template>
+<div>
+    <header id="header" class="mui-bar mui-bar-nav">
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<h1 class="mui-title">车牌登记</h1>
+		</header>
+		<div class="mui-content">
+			<div class="vongi-car-over">
+				<img src="~$project/assets/img/car_yes.png" />
+				<h2>赠送成功!</h2>
+			</div>
+		</div>
+		<div class="fyy-footer padd30">
+			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary ">返  回</button></div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/parking/views/Merchant/Check/Search.vue

@@ -1,4 +1,24 @@
 <template>
+<div>
+	<header id="header" class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">车牌查询</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<a class="mui-pull-right" href=""><span class="mui-icon iconfont icon-riqi"></span>历史记录</a>
+		</header>
+		<div class="mui-content vongi-car-index">
+			<div class="vongi-car-banner">
+				<h5 class="mui-ellipsis">协议商户：金盆洗脚城(金盆岭店)</h5>
+				<div class="flew">
+					<input type="text" onfocus="show(this,'tn')"placeholder="请输入车牌号查询">
+					<button class="mui-btn mui-btn-blue">查询</button>
+				</div>
+			</div>
+			<div class="vongi-car-not">
+				<img src="~$project/assets/img/car_not.png">
+				<div class="mui-text-center">没有找到停车信息!</div>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
@@ -27,5 +47,7 @@
 	}
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/parking/views/Merchant/Check/SearchResult.vue

@@ -1,4 +1,46 @@
 <template>
+<div>
+	<header id="header" class="mui-bar mui-bar-nav">
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<h1 class="mui-title">车牌登记</h1>
+		</header>
+		<div class="mui-content vongi-car-dj">
+			<div class="vongi-car-banner flew-sp flew-items">
+				<div class="flew-items">
+					<img class="mui-media-object" src="~$project/assets/img/antFill-car.png">
+					<div class="mui-media-body ">
+						车牌号码
+						<p class='mui-h2'>鄂D 88888</p>
+					</div>
+				</div>
+				<div>
+					<button class="mui-btn mui-btn-outlined">修改</button>
+				</div>	
+			</div>
+			<div class="vongi-car-over">
+				<h1>- 停车中 -</h1>
+				<div class="vongi-car-over-line"></div>
+				<h4>协议商户：金盆洗脚城</h4>
+				<h4>停车位置：金盆岭停车场</h4>
+				<h4>入场时间：07-12 13:51</h4>
+				<h4>已停时长：14分钟</h4>
+			</div>	
+			<div class="vongi-car-juan flew-items">
+				<div class="car-juan">
+					<h2>￥<span class="mui-h1">5</span></h2>
+					<h6>抵用券</h6>
+				</div>
+				<div class="car-juan-text">
+					<h4 class="mui-ellipsis">[停车]5元停车抵用券</h4>
+					<p class="colorf8b155">仅限 2021.3.4 当日有效</p>
+					<p>本抵用券无法叠加使用</p>
+				</div>
+			</div>
+		</div>
+		<div class="fyy-footer">
+			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary ">确认赠送</button></div>
+		</div>
+</div>
 </template>
 
 <script>
@@ -27,5 +69,7 @@
 	}
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>