车位申请/车位选择

src/assets/css/xpwyfyy.css

@@ -1971,7 +1971,7 @@ h3 {
 	padding: 3px 10px;
     border-radius: 20px;
     border: 1px solid #A9A9A9;
-    color:#888888
+    color:#666
 }
 .vongi-meform-pho .mui-table-view:before,
 .vongi-meform-pho .mui-table-view:after,
@@ -2591,12 +2591,17 @@ h3 {
 	background-color: #fff;
 	display: flex;
 	justify-content: space-between;
-	line-height: 50px;
+	line-height: 49px;
 	padding-left: 15px;
 }
 
 .vongi-cashier-btn-white span {
 	font-size: 16px;
+    width: 70%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
 }
 
 .vongi-cashier {
@@ -2629,7 +2634,7 @@ h3 {
 .vongi-cashier-btn {
 	background-color: #3385FF;
 	height: 50px;
-	width: 120px;
+	width: 30%;
 	color: #ffffff;
 	text-align: center;
 	line-height: 50px;
@@ -2907,3 +2912,28 @@ h3 {
 .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-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{
+	width:20%;
+	text-align: center;
+	padding:5px
+}
+.vongi-car.vongi-meform-pho .mui-table-view-radio{
+	margin:-5px
+}
+.vongi-car.vongi-meform-pho h5{
+	font-size:14px;
+	font-weight: bold;
+}

src/projects/business/views/Master/Property/Car/Apply.vue

@@ -1,6 +1,54 @@
 <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-qingjiadt vongi-editme">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>业主姓名</label>
+						<span>赵刚</span>
+					</div>
+					<div class="mui-input-row">
+						<label>手机号码</label>
+						<span>15500001111</span>
+					</div>
+					<div class="mui-input-row">
+						<label>房号</label>
+						<span>1-1-2201</span>
+					</div>
+					<div class="mui-input-row">
+						<label>车牌号</label>
+						<input type="text" class="mui-input-clear" placeholder="输入车牌号">
+					</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>
+					<div class="mui-input-row">
+						<label>开始时间</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:65%">请选择</button>
+					</div>
+					<div class="mui-input-row">
+						<label>租用时长</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:65%">请选择</button>
+					</div>
+					<div class="mui-input-row">
+						<label>截止时间</label>
+						<span>2021-10-20</span>
+					</div>
+				</form>
+			</div>
+		</div>
+		<div class="fyy-footer">
+			<div class="bindfyy-btn"><button class="mui-btn mui-btn-primary ">提交</button></div>
+		</div>
 </div>
 </template>
 

src/projects/business/views/Master/Property/Car/Select.vue

@@ -1,6 +1,129 @@
 <template>
 <div>
-
+    <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 margin60">
+			<div class="mui-content-padded">
+				<img src="~$project/assets/img/02.jpg" width="100%" />
+			</div>
+			<div class="vongi-meform-pho vongi-car">
+				<h5>车位筛选</h5>
+				<ul class="mui-table-view mui-table-view-radio flew">
+					<li class="mui-table-view-cell mui-selected">
+						<a>
+							地面
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							地下
+						</a>
+					</li>
+				</ul>
+				<ul class="mui-table-view mui-table-view-radio flew">
+					<li class="mui-table-view-cell mui-selected">
+						<a>
+							A区
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							B区
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							C区
+						</a>
+					</li>
+				</ul>
+				<ul class="mui-table-view mui-table-view-radio flew">
+					<li class="mui-table-view-cell mui-selected">
+						<a>
+							018号
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							019号
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							018号
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							019号
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							019号
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							018号
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							019号
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							019号
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							018号
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							019号
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							019号
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							018号
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							019号
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							019号
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a>
+							018号
+						</a>
+					</li>
+				</ul>
+			</div>
+		</div>
+		<div class="vongi-cashier-btn-row">
+			<div class="vongi-cashier-btn-white">
+				<span>当前选择：地面-A区-018号</span>
+				<div class="vongi-cashier-btn">确认选择</div>
+			</div>
+		</div>
 </div>
 </template>