8/10 车位信息-车辆信息,
This commit is contained in:
@@ -83,19 +83,19 @@
|
||||
<el-col :span="8">
|
||||
<div class="carInfo_item">
|
||||
<div class="label">车牌号:</div>
|
||||
<div class="main">浙B·N6688</div>
|
||||
<div class="main">{{ parkingReviewInfo.car.carNum }}</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="carInfo_item">
|
||||
<div class="label">车辆品牌:</div>
|
||||
<div class="main">宝马</div>
|
||||
<div class="main">{{ parkingReviewInfo.car.carBrand }}</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="carInfo_item">
|
||||
<div class="label">车辆型号</div>
|
||||
<div class="main">X5</div>
|
||||
<div class="main">{{ parkingReviewInfo.car.carModel }}</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -103,13 +103,13 @@
|
||||
<el-col :span="8">
|
||||
<div class="carInfo_item">
|
||||
<div class="label">车身颜色:</div>
|
||||
<div class="main">白色</div>
|
||||
<div class="main">{{ parkingReviewInfo.car.carColor }}</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="carInfo_item">
|
||||
<div class="label">备注:</div>
|
||||
<div class="main">无</div>
|
||||
<div class="main">{{ parkingReviewInfo.car.remark }}</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8"> </el-col>
|
||||
@@ -120,8 +120,13 @@
|
||||
<div class="label">车辆照片:</div>
|
||||
<div class="main">
|
||||
<el-image
|
||||
v-for="(item, index) in parkingReviewInfo.car.carImageUrlList"
|
||||
:key="index"
|
||||
class="carInfoImage"
|
||||
src="https://ts1.tc.mm.bing.net/th?id=ORMS.76ee9c7ea9fe203b608f9048f54b3cbd&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1&p=0"
|
||||
:src="item"
|
||||
:initial-index="index"
|
||||
:preview-src-list="parkingReviewInfo.car.carImageUrlList"
|
||||
preview-teleported
|
||||
></el-image>
|
||||
</div>
|
||||
</div>
|
||||
@@ -172,7 +177,24 @@ type parkingReviewType = {
|
||||
createTime: string;
|
||||
delFlag: any;
|
||||
};
|
||||
car: any;
|
||||
car: {
|
||||
'id': string;
|
||||
'areaId': null;
|
||||
'villageId': string;
|
||||
'parkingId': string;
|
||||
'residentId': null;
|
||||
'residentName': null;
|
||||
'carNum': string;
|
||||
'carBrand': string;
|
||||
'carModel': string;
|
||||
'carColor': string;
|
||||
'remark': null;
|
||||
'carImageUrl': string;
|
||||
'userName': null;
|
||||
'userId': string;
|
||||
|
||||
carImageUrlList?: string[];
|
||||
};
|
||||
parkingReviewProcess: {
|
||||
submitStatus: null;
|
||||
propertyStatus: null;
|
||||
@@ -205,7 +227,22 @@ const parkingReviewInfo = ref<parkingReviewType>({
|
||||
'createTime': '',
|
||||
'delFlag': null
|
||||
},
|
||||
car: null,
|
||||
car: {
|
||||
'id': '',
|
||||
'areaId': null,
|
||||
'villageId': '',
|
||||
'parkingId': '',
|
||||
'residentId': null,
|
||||
'residentName': null,
|
||||
'carNum': '',
|
||||
'carBrand': '',
|
||||
'carModel': '',
|
||||
'carColor': '',
|
||||
'remark': null,
|
||||
'carImageUrl': '',
|
||||
'userName': null,
|
||||
'userId': ''
|
||||
},
|
||||
parkingReviewProcess: {
|
||||
submitStatus: null,
|
||||
propertyStatus: null,
|
||||
@@ -220,6 +257,9 @@ function getInfo() {
|
||||
if (route.query.id) {
|
||||
id.value = route.query.id as string;
|
||||
getParkingReviewInfo(id.value).then((res) => {
|
||||
if (res.data.car) {
|
||||
res.data.car.carImageUrlList = res.data.car.carImageUrl.split(',').filter(Boolean) ?? [];
|
||||
}
|
||||
parkingReviewInfo.value = res.data;
|
||||
});
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user