ソースを参照

车位审批列表/详情及多种状态

vonin 4 年 前
コミット
3da9dee617

+ 254 - 178
src/assets/css/xpwyfyy.css

@@ -228,8 +228,8 @@ body {
 	.mui-content .vongi-photo {
 		height: 240px
 	}
-	.mui-content .vongi-meform-pho .mui-table-view-cell a{
-		padding:3px 5px
+	.mui-content .vongi-meform-pho .mui-table-view-cell a {
+		padding: 3px 5px
 	}
 }
 
@@ -524,9 +524,11 @@ h3 {
 .mui-selected a {
 	border: 1px solid #375cf5
 }
-.vongi-meform-pho .mui-table-view-cell.mui-selected a{
-	color:#375cf5
+
+.vongi-meform-pho .mui-table-view-cell.mui-selected a {
+	color: #375cf5
 }
+
 .fyy-payyes img {
 	width: 60%;
 	padding: 50px 0
@@ -656,7 +658,7 @@ h3 {
 	color: #ffffff;
 	line-height: 16px;
 	font-size: 16px;
-	border:0
+	border: 0
 }
 
 .fyy-radio ul li .mui-media-body {
@@ -1151,7 +1153,7 @@ h3 {
 .vongi-wordcard .mui-media-object img {
 	width: 100%;
 	object-fit: cover;
-	min-height:100%
+	min-height: 100%
 }
 
 .vongi-wordcard-top {
@@ -1291,17 +1293,20 @@ h3 {
 	padding: 10px;
 	margin: 10px 10px 10px 50px
 }
-.vongi-wordcard-sp .mui-input-row a .mui-media-body{
-	position:relative;	
+
+.vongi-wordcard-sp .mui-input-row a .mui-media-body {
+	position: relative;
 }
-.vongi-bksp-time{
-	position:absolute;
-	right:20px;
-	top:50%;
-	margin:0;
-	margin-top:-6px;	
-	color:#999
+
+.vongi-bksp-time {
+	position: absolute;
+	right: 20px;
+	top: 50%;
+	margin: 0;
+	margin-top: -6px;
+	color: #999
 }
+
 .vongi-wordcard-sp .mui-input-group .mui-input-row {
 	background: 0;
 	height: auto
@@ -1948,12 +1953,15 @@ h3 {
 	margin-bottom: 10px;
 	margin-top: 4px
 }
-.vongi-meform-pho textarea{
-	padding:0
+
+.vongi-meform-pho textarea {
+	padding: 0
 }
-.vongi-meform-pho h5{
-	margin-bottom:10px
+
+.vongi-meform-pho h5 {
+	margin-bottom: 10px
 }
+
 .vongi-meform .mui-h5 {
 	padding: 10px 15px
 }
@@ -1961,27 +1969,33 @@ h3 {
 .vongi-meform h5 {
 	margin-bottom: 10px
 }
-.vongi-meform-pho .mui-table-view-radio .mui-table-view-cell>a:not(.mui-btn){
-	margin:0;	
+
+.vongi-meform-pho .mui-table-view-radio .mui-table-view-cell>a:not(.mui-btn) {
+	margin: 0;
 }
+
 .vongi-meform-pho .mui-table-view-radio {
 	flex-wrap: wrap;
 }
-.vongi-meform-pho .mui-table-view-cell a{
+
+.vongi-meform-pho .mui-table-view-cell a {
 	padding: 3px 10px;
-    border-radius: 20px;
-    border: 1px solid #A9A9A9;
-    color:#666
+	border-radius: 20px;
+	border: 1px solid #A9A9A9;
+	color: #666
 }
+
 .vongi-meform-pho .mui-table-view:before,
 .vongi-meform-pho .mui-table-view:after,
-.vongi-meform-pho .mui-table-view-cell:after{
-	background:0
+.vongi-meform-pho .mui-table-view-cell:after {
+	background: 0
 }
-.mui-table-view-radio .mui-table-view-cell{
-	padding:0;
+
+.mui-table-view-radio .mui-table-view-cell {
+	padding: 0;
 	margin: 5px 0;
 }
+
 .vongi-xzyljg .mui-table-view-cell:after {
 	left: 0
 }
@@ -2173,6 +2187,10 @@ h3 {
 	background: #A3A3A3;
 }
 
+.examine-btn4 {
+	background: #3385FF;
+}
+
 .vongi-popup {
 	width: 100%;
 	height: 100%;
@@ -2265,13 +2283,16 @@ h3 {
 	border: 0;
 	width: 50%;
 }
-.vongi-popup-inner .vongi-login-btn button{
-	border:1px #ccc solid;
-	width:100%
+
+.vongi-popup-inner .vongi-login-btn button {
+	border: 1px #ccc solid;
+	width: 100%
 }
-.vongi-popup-inner .vongi-login-btn button .iconfont{
-	margin-right:5px
+
+.vongi-popup-inner .vongi-login-btn button .iconfont {
+	margin-right: 5px
 }
+
 .vongi-popup-inner .mui-button-row:after {
 	width: 1px;
 	height: 100%;
@@ -2285,11 +2306,13 @@ h3 {
 	background-color: #c8c7cc;
 	left: 0
 }
-.vongi-zbfj-pop{
-	top:10%
+
+.vongi-zbfj-pop {
+	top: 10%
 }
-.vongi-zbfj-pop img{
-	width:70%
+
+.vongi-zbfj-pop img {
+	width: 70%
 }
 
 .vongi-input-up {
@@ -2597,11 +2620,11 @@ h3 {
 
 .vongi-cashier-btn-white span {
 	font-size: 16px;
-    width: 70%;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: block;
+	width: 70%;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: block;
 }
 
 .vongi-cashier {
@@ -2713,227 +2736,280 @@ h3 {
 	display: flex;
 	height: 100%;
 }
-.dian-list{
-	position:relative;
-	padding-left:15px
+
+.dian-list {
+	position: relative;
+	padding-left: 15px
 }
-.dian-list:after{
-	position:absolute;
-	left:0;
-	width:4px;
-	height:4px;
+
+.dian-list:after {
+	position: absolute;
+	left: 0;
+	width: 4px;
+	height: 4px;
 	border-radius: 50%;
-	background:#333;
-	top:8px;
+	background: #333;
+	top: 8px;
 	content: "";
 }
-.mui-active.dian-list:after{
-	background:#fe616c
+
+.mui-active.dian-list:after {
+	background: #fe616c
 }
-.vongi-spkh-show img{
+
+.vongi-spkh-show img {
 	width: 100%;
 	display: flex
 }
-.vongi-yqsb{
-	background:#ffffff;
-	padding:10px 15px;
-	margin-bottom:10px
+
+.vongi-yqsb {
+	background: #ffffff;
+	padding: 10px 15px;
+	margin-bottom: 10px
 }
-.vongi-yqsb i{
-	margin-right:5px
+
+.vongi-yqsb i {
+	margin-right: 5px
 }
-.vongi-yqsb-tex{
-	margin-bottom:10px;
+
+.vongi-yqsb-tex {
+	margin-bottom: 10px;
 	display: flex;
 }
-.vongi-hdsq .mui-slider-group ul{
-	margin:10px 15px;
-	background:0
+
+.vongi-hdsq .mui-slider-group ul {
+	margin: 10px 15px;
+	background: 0
 }
-.vongi-hdsq .mui-slider-group ul .mui-col-xs-9{
-	white-space:normal;
+
+.vongi-hdsq .mui-slider-group ul .mui-col-xs-9 {
+	white-space: normal;
 	overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
 }
-.vongi-hdsq .mui-slider-group ul .mui-col-xs-3{
+
+.vongi-hdsq .mui-slider-group ul .mui-col-xs-3 {
 	justify-content: flex-end;
 	align-items: center;
 	display: flex;
 }
-.vongi-hdsq .mui-slider-group ul li{
-	margin-bottom:10px;
-	background:#ffffff;
+
+.vongi-hdsq .mui-slider-group ul li {
+	margin-bottom: 10px;
+	background: #ffffff;
 	border-radius: 3px;
 }
-.vongi-hdsq .mui-slider-group ul li .mui-media-body{
-	margin-bottom:5px
+
+.vongi-hdsq .mui-slider-group ul li .mui-media-body {
+	margin-bottom: 5px
 }
-.vongi-hdsq .mui-badge{
-	background:#fe616c;
-	color:#ffffff
+
+.vongi-hdsq .mui-badge {
+	background: #fe616c;
+	color: #ffffff
 }
-.vongi-hdsq .mui-table-view-cell:after{
-	background:0
+
+.vongi-hdsq .mui-table-view-cell:after {
+	background: 0
 }
-.vongi-hdsq .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{
-	border:0
+
+.vongi-hdsq .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {
+	border: 0
 }
-.vongi-hdsq-dat{
-	background:#ffffff;
-	padding:10px 15px;
-	margin:10px
+
+.vongi-hdsq-dat {
+	background: #ffffff;
+	padding: 10px 15px;
+	margin: 10px
 }
-.vongi-hdsq-dat h5{
-	margin-bottom:10px
+
+.vongi-hdsq-dat h5 {
+	margin-bottom: 10px
 }
-.vongi-hdsq-dat .mui-card{
+
+.vongi-hdsq-dat .mui-card {
 	border-radius: 7px;
-	margin:0;
-	margin-bottom:10px
+	margin: 0;
+	margin-bottom: 10px
 }
-.vongi-hdsq-dat .mui-card img{
-	width:100%;
+
+.vongi-hdsq-dat .mui-card img {
+	width: 100%;
 	display: flex;
 }
-.vongi-hdsq-dat .mui-card-footer a{
-	padding-right:10px;
-	color:#333
+
+.vongi-hdsq-dat .mui-card-footer a {
+	padding-right: 10px;
+	color: #333
 }
-.vongi-hdsq-dat .mui-card-content-inner{
-	padding:10px
+
+.vongi-hdsq-dat .mui-card-content-inner {
+	padding: 10px
 }
 
-.vongi-qingjiadt .mui-input-row .vongi-span{
-	width:100%;
+.vongi-qingjiadt .mui-input-row .vongi-span {
+	width: 100%;
 	text-align: left;
-	padding:0 15px 15px; 
+	padding: 0 15px 15px;
 	text-align: justify;
 }
+
 .vongi-pop-inner,
-.vongi-mui-pop .mui-popup-button{
-	    background: rgba(255, 255, 255, 1);
-	    
+.vongi-mui-pop .mui-popup-button {
+	background: rgba(255, 255, 255, 1);
+}
+
+.vongi-pop-inner .mui-media-body {
+	padding: 15px 0
 }
-.vongi-pop-inner .mui-popup-title{
-	margin-bottom:15px
+
+.vongi-pop-inner .mui-popup-title {
+	margin-bottom: 15px
 }
-.vongi-pop-inner .mui-popup-input{
-	border:#eee 1px solid
+
+.vongi-pop-inner .mui-popup-input {
+	border: #eee 1px solid
 }
-.vongi-mui-pop .mui-popup-button{
-	color:#666
+
+.vongi-mui-pop .mui-popup-button {
+	color: #666
 }
-.mui-popup-button.mui-popup-button-bold{
+
+.mui-popup-button.mui-popup-button-bold {
 	color: #007aff;
 	font-weight: initial;
 }
-.vongi-hddat-tit{
+
+.vongi-hddat-tit {
 	text-align: center;
-	padding:15px 10px;
+	padding: 15px 10px;
 	border-bottom: 1px #eee solid;
 }
-.vongi-hddat-tit h1{
-	color:#00B0F0;
+
+.vongi-hddat-tit h1 {
+	color: #00B0F0;
 	line-height: 1.2;
-	
 }
-.vongi-hddat-tit h5{
-	color:#999;
-	margin-top:15px
+
+.vongi-hddat-tit h5 {
+	color: #999;
+	margin-top: 15px
 }
-.vongi-hddat-text{
-	padding:15px 10px
+
+.vongi-hddat-text {
+	padding: 15px 10px
 }
-.vongi-hddat-cont p{
-	font-size:14px;
-	color:#333;
-	margin-bottom:10px
+
+.vongi-hddat-cont p {
+	font-size: 14px;
+	color: #333;
+	margin-bottom: 10px
 }
-.vongi-hddat-cont img{
+
+.vongi-hddat-cont img {
 	border-radius: 7px;
 }
-.vongi-hddat-center{
-	margin-top:30px
+
+.vongi-hddat-center {
+	margin-top: 30px
 }
-.vongi-hddat-center p{
+
+.vongi-hddat-center p {
 	text-align: center;
 }
-.vongi-wybx .vongi-meform-pho .fyy-upphoto .mui-col-xs-3{
+
+.vongi-wybx .vongi-meform-pho .fyy-upphoto .mui-col-xs-3 {
 	align-items: initial;
 	border-radius: initial;
-	width:33.333333%;
-	height:100px
+	width: 33.333333%;
+	height: 100px
 }
 
-.vongi-wybx .vongi-meform-pho .fyy-upphoto{
-	position:relative
+.vongi-wybx .vongi-meform-pho .fyy-upphoto {
+	position: relative
 }
-.vongi-wybx .vongi-meform-pho .fyy-upphoto .mui-badge{
-	background:rgba(0,0,0,0.5);
+
+.vongi-wybx .vongi-meform-pho .fyy-upphoto .mui-badge {
+	background: rgba(0, 0, 0, 0.5);
 	border-radius: initial;
-	position:absolute;
-	right:5px;
-	bottom:5px
+	position: absolute;
+	right: 5px;
+	bottom: 5px
 }
-.vongi-wybx .vongi-meform-pho .fyy-upphoto .mui-col-xs-3 img{
+
+.vongi-wybx .vongi-meform-pho .fyy-upphoto .mui-col-xs-3 img {
 	border-radius: initial;
 }
-.vongi-wybx .vongi-meform-pho .fyy-upphoto{
-	margin:0 -5px
+
+.vongi-wybx .vongi-meform-pho .fyy-upphoto {
+	margin: 0 -5px
 }
-.vongi-hdsq .vongi-wybx.mui-slider-group ul .mui-col-xs-9{
+
+.vongi-hdsq .vongi-wybx.mui-slider-group ul .mui-col-xs-9 {
 	white-space: inherit;
-	    display: inline
+	display: inline
 }
-.vongi-wybx .vongi-btn-x{
+
+.vongi-wybx .vongi-btn-x {
 	padding: 10px 0 0;
-    margin-top: 10px;
-    border-top: 1px #eee solid;
-    text-align: right;
+	margin-top: 10px;
+	border-top: 1px #eee solid;
+	text-align: right;
 }
-.vongi-btn-x button{
+
+.vongi-btn-x button {
 	border-radius: 15px;
-	padding:6px 20px;
-	margin-left:10px
+	padding: 6px 20px;
+	margin-left: 10px
 }
-.vongi-qingjiadt .mui-input-row .vongi-span.vongi-meform-pho{
-	padding:0 15px;
-	margin:0
+
+.vongi-qingjiadt .mui-input-row .vongi-span.vongi-meform-pho {
+	padding: 0 15px;
+	margin: 0
 }
-.padd10{
-	padding-bottom:10px
+
+.padd10 {
+	padding-bottom: 10px
 }
-.vongi-kong{
+
+.vongi-kong {
 	text-align: center;
 }
-.vongi-kong img{
+
+.vongi-kong img {
 	padding: 10% 20% 0;
 }
+
 .vongi-car.vongi-meform-pho,
-.vongi-car.vongi-meform-pho .mui-table-view-radio{
-	background:0
+.vongi-car.vongi-meform-pho .mui-table-view-radio {
+	background: 0
 }
-.vongi-car.vongi-meform-pho .mui-table-view-cell.mui-selected a{
-	color:#FFFFFF;
-	background:#3385FF;
+
+.vongi-car.vongi-meform-pho .mui-table-view-cell.mui-selected a {
+	color: #FFFFFF;
+	background: #3385FF;
 	border-radius: 7px;
 }
-.vongi-car.vongi-meform-pho .mui-table-view-cell a{
-	border:0;
-	padding:3px 0
+
+.vongi-car.vongi-meform-pho .mui-table-view-cell a {
+	border: 0;
+	padding: 3px 0
 }
-.vongi-car.vongi-meform-pho .mui-table-view-cell{
-	width:20%;
+
+.vongi-car.vongi-meform-pho .mui-table-view-cell {
+	width: 20%;
 	text-align: center;
-	padding:5px
+	padding: 5px
 }
-.vongi-car.vongi-meform-pho .mui-table-view-radio{
-	margin:-5px
+
+.vongi-car.vongi-meform-pho .mui-table-view-radio {
+	margin: -5px
 }
-.vongi-car.vongi-meform-pho h5{
-	font-size:14px;
+
+.vongi-car.vongi-meform-pho h5 {
+	font-size: 14px;
 	font-weight: bold;
-}
+}

+ 126 - 1
src/projects/business/views/Master/Property/Car/Info.vue

@@ -1,6 +1,131 @@
 <template>
 <div>
-
+    <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>
+		</header>
+		<div class="mui-content">
+			<div class="mui-content-padded vongi-editme vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>业主姓名</label>
+						<span>赵刚</span>
+					</div>
+					<div class="mui-input-row">
+						<label>手机号码</label>
+						<span class="color4fc5f7">15500001111</span>
+					</div>
+					<div class="mui-input-row">
+						<label>房号</label>
+						<span>1-1-2201</span>
+					</div>
+					<div class="mui-input-row">
+						<label>车牌号</label>
+						<span>鄂D88888</span>
+					</div>
+				</form>
+			</div>
+			<div class="mui-content-padded vongi-editme vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>申请车位</label>
+						<span>地面-A区-018号</span>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:40%">租用起止时间</label>
+						<span style="width:60%">2020-10-21至2021-10-20</span>
+					</div>
+					<div class="mui-input-row">
+						<label>租用时长</label>
+						<span>12个月</span>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:40%">预估租金(元)</label>
+						<span style="width:60%">1440.00</span>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:40%">实际租金(元)</label>
+						<input type="text" class="mui-input-clear" placeholder="请输入调整后金额,无变动可不填" style="width:60%">
+					</div>
+				</form>
+			</div>
+			<div class="mui-content-padded vongi-qingjiadt vongi-editme">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>收费方式</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:65%">账单推送</button>
+					</div>
+				</form>
+			</div>
+			<div class="fyy-scon-botton">
+				<div class="examine-btn examine-btn1">关闭申请</div>
+				<div class="examine-btn examine-btn4">推送账单</div>
+				<!--<div class="examine-btn examine-btn2">确认租出</div>-->
+			</div>
+			<!--已推送状态-->
+			<div class="mui-content-padded vongi-editme vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>收费方式</label>
+						<span class="color4fc5f7">账单推送</span>
+					</div>
+					<div class="mui-input-row">
+						<label>状态</label>
+						<span class="color4fc5f7">已推送</span>
+						<!--<span class="color55f868">已到账</span>-->
+					</div>
+					<div class="mui-input-row">
+						<label>推送时间</label>
+						<span>2020-10-21 10:00:00</span>
+					</div>
+					<div class="mui-input-row">
+						<label>到账时间</label>
+						<span>2020-10-21 10:00:00</span>
+					</div>
+				</form>
+			</div>
+			<!--已关闭状态-->
+			<div class="mui-content-padded vongi-editme vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>状态</label>
+						<span class="color999">已关闭</span>
+						<!--<span class="color55f868">已通过</span>-->
+						<!--<span class="colorfe616c">已拒绝</span>-->
+					</div>
+					<div class="mui-input-row">
+						<label style="width:100%">关闭申请理由</label>
+						<span class="vongi-span">该车位已被售出/租出</span>
+					</div>
+					<div class="mui-input-row">
+						<label>关闭时间</label>
+						<span>2020-10-10 10:00:00</span>
+					</div>
+				</form>
+			</div>
+			<!--弹窗1-->
+			<!--<div class="mui-popup mui-popup-in vongi-mui-pop" style="display: block;">
+				<div class="mui-popup-inner vongi-pop-inner">
+					<div class="mui-popup-title">关闭申请理由</div>
+					<div class="mui-popup-input">
+						<textarea id="textarea" rows="3" placeholder="可输入关闭申请理由"></textarea>
+					</div>
+				</div>
+				<div class="mui-popup-buttons"><span class="mui-popup-button">取消</span><span class="mui-popup-button mui-popup-button-bold">确定</span></div>
+			</div>
+			<div class="mui-popup-backdrop mui-active" style="display: block;"></div>-->
+			<!--弹窗2-->
+			<!--<div class="mui-popup mui-popup-in vongi-mui-pop" style="display: block;">
+				<div class="mui-popup-inner vongi-pop-inner">
+					<div class="mui-popup-title">确认</div>
+					<div class="mui-media-body">
+						确认是否向<b class="color4fc5f7">赵刚</b>推送本次车位费账单?账单金额为<b class="colorfe616c">1440</b>元。
+					</div>
+				</div>
+				<div class="mui-popup-buttons"><span class="mui-popup-button">取消</span><span class="mui-popup-button mui-popup-button-bold">确定</span></div>
+			</div>
+			<div class="mui-popup-backdrop mui-active" style="display: block;"></div>-->
+		</div>
 </div>
 </template>
 

+ 81 - 1
src/projects/business/views/Master/Property/Car/List.vue

@@ -1,6 +1,86 @@
 <template>
 <div>
-
+    <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>
+		</header>
+		<div class="mui-content vongi-hdsq">
+			<div id="slider" class="mui-slider mui-fullscreen ">
+				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
+					<div class="mui-scroll">
+						<a class="mui-control-item mui-active" href="#item1mobile">
+							<span class="fyy-badge">待处理<span class="mui-badge">5</span></span>
+						</a>
+						<a class="mui-control-item" href="#item2mobile">
+							已处理
+						</a>
+					</div>
+				</div>
+				<div class="mui-slider-group">
+					<div id="item1mobile" class="mui-slider-item mui-control-content">
+						<div class="mui-scroll-wrapper">
+							<div class="mui-scroll">
+								<ul class="mui-table-view">
+									<li class="mui-table-view-cell">
+										<a href="">
+											<div class="mui-media-body flew-sp">
+												<div class="mui-col-xs-9">
+													申请车位:地面-A区-018号<br>
+													租用时间:2020-10-11 至 2021-10-10
+												</div>
+												<div class="mui-col-xs-3"><button type="button" class="mui-btn mui-btn-primary mui-btn-outlined">待确认</button></div>
+											</div>
+											<p class="flew-items flew-sp">
+												申请人:李广宵 1-1-2201
+												<span class='mui-ellipsis'>2020-10-10 10:00:00</span>
+											</p>	
+										</a>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div id="item2mobile" class="mui-slider-item mui-control-content">
+						<div class="mui-scroll-wrapper">
+							<div class="mui-scroll">
+								<ul class="mui-table-view">
+									<li class="mui-table-view-cell">
+										<a href="">
+											<div class="mui-media-body flew-sp">
+												<div class="mui-col-xs-9">
+													申请车位:地面-A区-018号<br>
+													租用时间:2020-10-11 至 2021-10-10
+												</div>
+												<div class="mui-col-xs-3"><button type="button" class="mui-btn mui-btn-success mui-btn-outlined">已确认</button></div>
+											</div>
+											<p class="flew-items flew-sp">
+												发   起  人:李广宵 1-1-2201
+												<span class='mui-ellipsis'>2020-10-10 10:00:00</span>
+											</p>	
+										</a>
+									</li>
+									<li class="mui-table-view-cell">
+										<a href="">
+											<div class="mui-media-body flew-sp">
+												<div class="mui-col-xs-9">
+													申请车位:地面-A区-018号<br>
+													租用时间:2020-10-11 至 2021-10-10
+												</div>
+												<div class="mui-col-xs-3"><button type="button" class="mui-btn mui-btn-greye mui-btn-outlined">已关闭</button></div>
+											</div>
+											<p class="flew-items flew-sp">
+												发   起  人:李广宵 1-1-2201
+												<span class='mui-ellipsis'>2020-10-10 10:00:00</span>
+											</p>	
+										</a>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
 </div>
 </template>