201 lines
9.8 KiB
HTML
201 lines
9.8 KiB
HTML
<div class="">
|
|
<div class="white-bg padding-left padding-right padding-top border-radius-top">
|
|
<div class="flex justify-between">
|
|
<div class="text-title">
|
|
车辆信息
|
|
</div>
|
|
<div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- 业主信息 -->
|
|
<div class="margin-top">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<label class="col-form-label">
|
|
<vc:i18n name="车牌号：" namespace="carDetailInfo"></vc:i18n>
|
|
</label>
|
|
<label class="">{{carDetailInfo.carNum}}</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<label class="col-form-label">
|
|
<vc:i18n name="车品牌：" namespace="carDetailInfo"></vc:i18n>
|
|
</label>
|
|
<label class="">{{carDetailInfo.carBrand || '-'}}</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<label class="col-form-label">
|
|
<vc:i18n name="车类型：" namespace="carDetailInfo"></vc:i18n>
|
|
</label>
|
|
<label class="">{{carDetailInfo.leaseTypeName}}</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<label class="col-form-label">
|
|
<vc:i18n name="颜色：" namespace="carDetailInfo"></vc:i18n>
|
|
</label>
|
|
<label class="">{{carDetailInfo.carColor || '-'}}</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<label class="col-form-label">
|
|
<vc:i18n name="车牌类型：" namespace="carDetailInfo"></vc:i18n>
|
|
</label>
|
|
<label class="">{{carDetailInfo.carTypeName}}</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<label class="col-form-label">
|
|
<vc:i18n name="起租时间：" namespace="carDetailInfo"></vc:i18n>
|
|
</label>
|
|
<label class="">{{carDetailInfo.startTime}}</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<label class="col-form-label">
|
|
<vc:i18n name="结租时间：" namespace="carDetailInfo"></vc:i18n>
|
|
</label>
|
|
<label class="">{{carDetailInfo.endTime}}</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<label class="col-form-label">
|
|
<vc:i18n name="备注：" namespace="carDetailInfo"></vc:i18n>
|
|
</label>
|
|
<label class="">{{carDetailInfo.remark}}</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<label class="col-form-label">
|
|
<vc:i18n name="车位：" namespace="carDetailInfo"></vc:i18n>
|
|
</label>
|
|
<label class="">{{carDetailInfo.paNum}}-{{carDetailInfo.num}}</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<label class="col-form-label">
|
|
<vc:i18n name="状态：" namespace="carDetailInfo"></vc:i18n>
|
|
</label>
|
|
<label class="">{{carDetailInfo.stateName}}</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<label class="col-form-label">
|
|
<vc:i18n name="关联房屋：" namespace="carDetailInfo"></vc:i18n>
|
|
</label>
|
|
<label class="">{{carDetailInfo.roomName}}</label>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="vc-line-primary margin-top"></div>
|
|
|
|
<div class="margin-top-sm">
|
|
<ul class="nav nav-tabs">
|
|
<li class="nav-item">
|
|
<a class="nav-link" v-bind:class="{active:carDetailInfo._currentTab == 'carDetailMember'}"
|
|
v-on:click="changeTab('carDetailMember')">
|
|
<vc:i18n name="成员车辆" namespace="carDetail"></vc:i18n>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" v-bind:class="{active:carDetailInfo._currentTab == 'carDetailOwner'}"
|
|
v-on:click="changeTab('carDetailOwner')">
|
|
<vc:i18n name="业主信息" namespace="carDetail"></vc:i18n>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" v-bind:class="{active:carDetailInfo._currentTab == 'ownerDetailRoom'}"
|
|
v-on:click="changeTab('ownerDetailRoom')">
|
|
<vc:i18n name="业主房屋" namespace="carDetail"></vc:i18n>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" v-bind:class="{active:carDetailInfo._currentTab == 'ownerDetailCar'}"
|
|
v-on:click="changeTab('ownerDetailCar')">
|
|
<vc:i18n name="业主车辆" namespace="carDetail"></vc:i18n>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" v-bind:class="{active:carDetailInfo._currentTab == 'carDetailCarInout'}"
|
|
v-on:click="changeTab('carDetailCarInout')">
|
|
<vc:i18n name="出入场记录" namespace="carDetail"></vc:i18n>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" v-bind:class="{active:carDetailInfo._currentTab == 'carDetailMonthOrder'}"
|
|
v-on:click="changeTab('carDetailMonthOrder')">
|
|
<vc:i18n name="月卡订单" namespace="carDetail"></vc:i18n>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" v-bind:class="{active:carDetailInfo._currentTab == 'carDetailCoupon'}"
|
|
v-on:click="changeTab('carDetailCoupon')">
|
|
<vc:i18n name="优惠券" namespace="carDetail"></vc:i18n>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" v-bind:class="{active:carDetailInfo._currentTab == 'carDetailCouponOrder'}"
|
|
v-on:click="changeTab('carDetailCouponOrder')">
|
|
<vc:i18n name="优惠券核销" namespace="carDetail"></vc:i18n>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="white-bg padding-left padding-right padding-top border-radius-bottom">
|
|
|
|
<div v-if="carDetailInfo._currentTab == 'ownerDetailRoom'">
|
|
<vc:create path="owner/ownerDetailRoom"></vc:create>
|
|
</div>
|
|
<div v-if="carDetailInfo._currentTab == 'ownerDetailCar'">
|
|
<vc:create path="owner/ownerDetailCar"></vc:create>
|
|
</div>
|
|
<div v-if="carDetailInfo._currentTab == 'carDetailMember'">
|
|
<vc:create path="car/carDetailMember"></vc:create>
|
|
</div>
|
|
<div v-if="carDetailInfo._currentTab == 'carDetailOwner'">
|
|
<vc:create path="car/carDetailOwner"></vc:create>
|
|
</div>
|
|
<div v-if="carDetailInfo._currentTab == 'carDetailCarInout'">
|
|
<vc:create path="car/carDetailCarInout"></vc:create>
|
|
</div>
|
|
<div v-if="carDetailInfo._currentTab == 'carDetailMonthOrder'">
|
|
<vc:create path="car/carDetailMonthOrder"></vc:create>
|
|
</div>
|
|
|
|
<div v-if="carDetailInfo._currentTab == 'carDetailCoupon'">
|
|
<vc:create path="car/carDetailCoupon"></vc:create>
|
|
</div>
|
|
<div v-if="carDetailInfo._currentTab == 'carDetailCouponOrder'">
|
|
<vc:create path="car/carDetailCouponOrder"></vc:create>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div> |