Files
PropertyDeployment/resources/Web/MicroCommunityWeb/html/pages/fee/buyCarMonthCard/buyCarMonthCard.html
2025-12-09 20:22:03 +08:00

93 lines
4.5 KiB
HTML

<div class="ibox">
<div class="ibox-title">
<h5>
<vc:i18n name="购买月卡" namespace="buyCarMonthCard"></vc:i18n>
</h5>
<div class="ibox-tools" style="top:10px;">
</div>
</div>
<div class="ibox-content">
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<vc:i18n name='车牌号' namespace='buyCarMonthCard'></vc:i18n>
</label>
<div class="col-sm-8">
<input v-model="buyCarMonthCardInfo.carNum" type="text" @blur="_queryOwnerCar()"
:placeholder="vc.i18n('必填,请填写车牌号','buyCarMonthCard')" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<vc:i18n name='月卡' namespace='buyCarMonthCard'></vc:i18n>
</label>
<div class="col-sm-8">
<select class="custom-select" v-model="buyCarMonthCardInfo.cardId" @change="_changeCard()">
<option selected disabled value="">
{{vc.i18n('必填,请选择月卡','buyCarMonthCard')}}
</option>
<option v-for="(item,index) in buyCarMonthCardInfo.cards" :key="index" v-bind:value="item.cardId">
{{item.cardName}}({{item.cardMonth}}月)
</option>
</select>
<span><vc:i18n name='月卡请到物联网系统添加,需要添加到车辆所在的停车场' namespace='buyCarMonthCard'></vc:i18n></span>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<vc:i18n name='支付方式' namespace='buyCarMonthCard'></vc:i18n>
</label>
<div class="col-sm-8">
<select class="custom-select" v-model="buyCarMonthCardInfo.primeRate">
<option selected disabled value="">{{vc.i18n('必填,请选择支付方式','buyCarMonthCard')}}
</option>
<option v-for="(item,index) in buyCarMonthCardInfo.primeRates" :key="index"
v-if="item.statusCd != '5' && item.statusCd != '6' && item.statusCd != '8'" :value="item.statusCd">
{{item.name}}
</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<vc:i18n name='应收金额' namespace='buyCarMonthCard'></vc:i18n>
</label>
<div class="col-sm-8">
<input v-model="buyCarMonthCardInfo.receivableAmount" type="text" disabled
:placeholder="vc.i18n('必填,请填写应收金额','buyCarMonthCard')" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<vc:i18n name='实收金额' namespace='buyCarMonthCard'></vc:i18n>
</label>
<div class="col-sm-8">
<input v-model="buyCarMonthCardInfo.receivedAmount" type="number"
:placeholder="vc.i18n('必填,请填写实收金额','buyCarMonthCard')" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<vc:i18n name='备注' namespace='buyCarMonthCard'></vc:i18n>
</label>
<div class="col-sm-8">
<textarea v-model="buyCarMonthCardInfo.remark" :placeholder="vc.i18n('选填,请填写备注','buyCarMonthCard')"
class="form-control"></textarea>
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-10">
<button class="btn btn-primary float-right" type="button" v-on:click="saveCarMonthOrderInfo()">
<i class="fa fa-check"></i>&nbsp;<vc:i18n name="提交" namespace="buyCarMonthCard"></vc:i18n>
</button>
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
@click="vc.goBack()">
<vc:i18n name="返回" namespace="buyCarMonthCard"></vc:i18n>
</button>
</div>
</div>
</div>
</div>
</div>