|
@@ -20,11 +20,22 @@
|
|
|
<el-row style="margin-top: 10px">
|
|
<el-row style="margin-top: 10px">
|
|
|
<el-col :span="17">
|
|
<el-col :span="17">
|
|
|
<div class="carBox">
|
|
<div class="carBox">
|
|
|
-
|
|
|
|
|
|
|
+ <span>001</span>
|
|
|
</div>
|
|
</div>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="6" style="margin-left: 10px">
|
|
<el-col :span="6" style="margin-left: 10px">
|
|
|
- <div class="infoBox"></div>
|
|
|
|
|
|
|
+ <div class="infoBox">
|
|
|
|
|
+ <el-form label-width="100px" label-position="left">
|
|
|
|
|
+ <el-form-item label="车辆："></el-form-item>
|
|
|
|
|
+ <el-form-item label="车辆类型："></el-form-item>
|
|
|
|
|
+ <el-form-item label="到期日期："></el-form-item>
|
|
|
|
|
+ <el-form-item label="车主名称："></el-form-item>
|
|
|
|
|
+ <el-form-item label="手机："></el-form-item>
|
|
|
|
|
+ <el-form-item label="入场时间："></el-form-item>
|
|
|
|
|
+ <el-form-item label="预计收费："></el-form-item>
|
|
|
|
|
+ <el-form-item label="车位："></el-form-item>
|
|
|
|
|
+ </el-form>
|
|
|
|
|
+ </div>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
</div>
|
|
</div>
|
|
@@ -38,11 +49,16 @@
|
|
|
.infoBox {
|
|
.infoBox {
|
|
|
width: 400px;
|
|
width: 400px;
|
|
|
height: 700px;
|
|
height: 700px;
|
|
|
- background-color: #99a9bf;
|
|
|
|
|
|
|
+ background-color: #f7f9fa;
|
|
|
|
|
+ padding: 20px;
|
|
|
|
|
+ border: 1px solid #99a9bf;
|
|
|
}
|
|
}
|
|
|
.carBox {
|
|
.carBox {
|
|
|
width: 70px;
|
|
width: 70px;
|
|
|
height: 100px;
|
|
height: 100px;
|
|
|
border: 1px solid #000000;
|
|
border: 1px solid #000000;
|
|
|
|
|
+ display:flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|
