Files
PropertyDeployment/resources/Web/MicroCommunityWeb/html/components/owner/ownerDetailCar/ownerDetailCar.html
2025-12-09 20:22:03 +08:00

95 lines
4.1 KiB
HTML

<div class="margin-top">
<div class="row margin-top-lg">
<div class="col-lg-2 padding-right-xs padding-left-xl">
<input v-model="ownerDetailCarInfo.carNum" type="text" :placeholder="vc.i18n('请填写车牌号','ownerDetailCar')"
class="form-control">
</div>
<div class="col-lg-2 padding-right-xs padding-right-xl">
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
v-on:click="_qureyOwnerDetailCar()">
<i class="fa fa-search"></i><vc:i18n name="查询" namespace="ownerDetailCar"></vc:i18n>
</button>
</div>
<div class="col-lg-8 text-right">
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
v-if="vc.hasPrivilege('502023032813991677')" v-on:click="_addOwnerCar()">
<vc:i18n name="添加车辆" namespace="ownerDetailCar"></vc:i18n>
</button>
</div>
</div>
<div class="margin-top">
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<th class="text-center">
<vc:i18n name="车牌号" namespace="ownerDetailCar"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="车牌类型" namespace="ownerDetailCar"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="车辆类型" namespace="ownerDetailCar"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="颜色" namespace="ownerDetailCar"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="业主" namespace="ownerDetailCar"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="车位" namespace="ownerDetailCar"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="有效期" namespace="ownerDetailCar"></vc:i18n>
</th>
</tr>
</thead>
<tbody>
<tr v-for="car in ownerDetailCarInfo.cars">
<td class="text-center">
{{car.carNum}}
</td>
<td class="text-center" v-if="car.leaseType == 'T'">
<vc:i18n name="临时车" namespace="ownerDetailCar"></vc:i18n>
</td>
<td class="text-center" v-else>
{{car.leaseTypeName}}
</td>
<td class="text-center">
{{car.carTypeName}}
</td>
<td class="text-center">
{{car.carColor}}
</td>
<td class="text-center">
{{car.ownerName}}({{car.link}})
</td>
<td v-if="car.areaNum && car.state == '1001'" class="text-center">
{{car.areaNum}}-{{car.num}}
</td>
<td v-else class="text-center">
<vc:i18n name="车位已释放" namespace="ownerDetailCar"></vc:i18n>
</td>
<td class="text-center" v-if="car.leaseType == 'H'">
{{car.startTime}}</br>~{{car.endTime}}
</td>
<td class="text-center" v-else>
-
</td>
</tr>
</tbody>
</table>
<!-- 分页 -->
<div class="row">
<div class="col-sm-4">
</div>
<div class="col-sm-8">
<vc:create namespace="ownerDetailCar" path="frame/paginationPlus"></vc:create>
</div>
</div>
</div>
</div>