mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-27 00:20:01 +08:00
104 lines
5.9 KiB
HTML
104 lines
5.9 KiB
HTML
<div>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="ibox">
|
|
<div class="ibox-title">
|
|
<h5>订单收费</h5>
|
|
<div class="ibox-tools" style="top:10px;">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="ibox-content">
|
|
<div class="row">
|
|
<div class="col-7" style="border-right: solid #f4f4f4 1px;padding-left: 30px;">
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">费用ID</label>
|
|
<div class="col-sm-10">
|
|
<label class=" col-form-label">{{payFeeOrderInfo.feeId}}</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">费用项目</label>
|
|
<div class="col-sm-10">
|
|
<label class=" col-form-label">{{payFeeOrderInfo.feeName}}</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">费用类型</label>
|
|
<div class="col-sm-10">
|
|
<label class=" col-form-label">{{payFeeOrderInfo.feeTypeCdName}}</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">到期时间</label>
|
|
<div class="col-sm-10">
|
|
<label class=" col-form-label">{{payFeeOrderInfo.endTime}}</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">缴费周期</label>
|
|
<div class="col-sm-6">
|
|
<select class="custom-select" v-model="payFeeOrderInfo.cycles" @change="_changeMonth(payFeeOrderInfo.cycles)">
|
|
<option disabled value="">必填，请选择缴费周期</option>
|
|
<option value="1">1个月</option>
|
|
<option value="2">2个月</option>
|
|
<option value="3">3个月</option>
|
|
<option value="4">4个月</option>
|
|
<option value="5">5个月</option>
|
|
<option value="6">6个月</option>
|
|
<option value="12">一年</option>
|
|
<option value="24">两年</option>
|
|
<option value="-101">自定义</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-4" style="padding-left: 30px;">
|
|
<div class="row">
|
|
<label class="col-sm-3 col-form-label" style="line-height: 50px;padding-right:0px;" >应收款：</label>
|
|
<label class="col-sm-8 col-form-label" style="font-size: 30px;color: red;padding-left:0px;">￥{{payFeeOrderInfo.totalFeePrice}}</label>
|
|
</div>
|
|
<div class="row form-group">
|
|
<label class="col-sm-3 col-form-label" style="padding-right:0px;">支付方式:</label>
|
|
<label class="col-sm-4 col-form-label" style="padding-left:5px;">现金</label>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-sm-3 col-form-label" style="padding-right:0px;">实收款</label>
|
|
<div class="col-sm-8" style="padding-left:5px;"><input type="text" placeholder="请输入实际收款金额" v-model="payFeeOrderInfo.receivedAmount"
|
|
class="form-control"></div>
|
|
</div>
|
|
<div class="form-group row">
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-sm-8">
|
|
<button type="button" class="btn btn-warning btn-lg btn-block" @click="_payFee()">提交收费</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="payFeeResult" class="modal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">缴费提示</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>缴费成功</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" @click="_back()">返回</button>
|
|
<button type="button" class="btn btn-primary" @click="_printAndBack()">打印收据</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|