mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-06-12 18:11:00 +08:00
427 lines
27 KiB
HTML
Executable File
427 lines
27 KiB
HTML
Executable File
<div>
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="ibox">
|
||
<div class="ibox-title">
|
||
<h5>
|
||
<span><vc:i18n name="订单收费" namespace="payFeeOrder"></vc:i18n></span>({{payFeeOrderInfo.payerObjName}}
|
||
<span @click="_viewRoomData()" v-if="payFeeOrderInfo.payerObjType == '3333'"><vc:create path="property/viewRoomData"></vc:create></span> )
|
||
</h5>
|
||
<div class="ibox-tools" style="top:10px;">
|
||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||
v-on:click="_goBack()">
|
||
<span>
|
||
<span><vc:i18n name="返回" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>
|
||
</button>
|
||
</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"><span><span><vc:i18n name="费用" namespace="payFeeOrder"></vc:i18n></span></span>ID</label>
|
||
<div class="col-sm-10" @click="_viewFee()">
|
||
<label class=" col-form-label hand">{{payFeeOrderInfo.feeId}}</label>
|
||
<span><vc:create path="property/viewFeeData"></vc:create></span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label class="col-sm-2 col-form-label"><span><span><vc:i18n name="费用项目" namespace="payFeeOrder"></vc:i18n></span></span></label>
|
||
<div class="col-sm-10 " @click="_viewFeeConfig()">
|
||
<label class=" col-form-label hand">{{payFeeOrderInfo.feeName}}</label>
|
||
<span><vc:create path="property/viewFeeConfigData"></vc:create></span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label class="col-sm-2 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="费用类型" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>
|
||
</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">
|
||
<span>
|
||
<span><vc:i18n name="计费起始时间" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>
|
||
</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">
|
||
<span>
|
||
<span><vc:i18n name="缴费时间" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>
|
||
</label>
|
||
<div class="col-sm-6">
|
||
<input v-model="payFeeOrderInfo.createTime" type="text"
|
||
:placeholder="vc.i18n('必填，请填写缴费时间','payFeeOrder')" readonly
|
||
class="payFeeOrderCreateTime" style="border: none; outline: none;">
|
||
</div>
|
||
</div>
|
||
<div class="form-group row" v-if="payFeeOrderInfo.feeFlag != '2006012'">
|
||
<label class="col-sm-2 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="缴费周期" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>
|
||
</label>
|
||
<div class="col-sm-6">
|
||
<select class="custom-select" v-model="payFeeOrderInfo.tempCycles"
|
||
@change="_changeMonth(payFeeOrderInfo.tempCycles)">
|
||
<option selected disabled value="">{{vc.i18n('请选择缴费周期','payFeeOrder')}}</option>
|
||
<option v-for="item in payFeeOrderInfo.paymentCycles" :value="item">
|
||
{{item}}{{vc.i18n('个月','payFeeOrder')}}
|
||
</option>
|
||
<option value="-102">{{vc.i18n('自定义周期','payFeeOrder')}}</option>
|
||
<option value="-101">{{vc.i18n('自定义金额','payFeeOrder')}}</option>
|
||
<option value="-103">{{vc.i18n('自定义结束时间','payFeeOrder')}}</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group row" v-if="payFeeOrderInfo.tempCycles == '-102'">
|
||
<label class="col-sm-2 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="实际周期" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>
|
||
</label>
|
||
<div class="col-sm-6">
|
||
<!--oninput="value=value.replace(/[^\d]/g,'')" 这里取消校验 实际中 可能要填写 几点几个月-->
|
||
<input type="text" :placeholder="vc.i18n('请输入实际周期','payFeeOrder')"
|
||
v-model="payFeeOrderInfo.cycles"
|
||
v-on:change="changeCycle(payFeeOrderInfo.cycles)" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="form-group row" v-show="payFeeOrderInfo.tempCycles == '-103'">
|
||
<label class="col-sm-2 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="缴费结束时间" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>
|
||
</label>
|
||
<div class="col-sm-6">
|
||
<input type="text" :placeholder="vc.i18n('请选择缴费结束时间','payFeeOrder')"
|
||
v-model="payFeeOrderInfo.custEndTime" class=" form-control cust-endTime">
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label class="col-sm-2 col-form-label" style="padding-right:0px;">
|
||
<span>
|
||
<span><vc:i18n name="备注" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>
|
||
</label>
|
||
<div class="col-sm-6" style="padding-left:5px;">
|
||
<textarea :placeholder="vc.i18n('可填，请填写备注','payFeeOrder')" class="form-control"
|
||
v-model="payFeeOrderInfo.remark">
|
||
</textarea>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-4" style="padding-left: 30px;">
|
||
<div class="row" v-if="payFeeOrderInfo.builtUpArea">
|
||
<label class="col-sm-3 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="面积" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label">{{payFeeOrderInfo.builtUpArea}}</label>
|
||
</div>
|
||
<div class="row" v-if="payFeeOrderInfo.builtUpArea">
|
||
<label class="col-sm-3 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="单价" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label">{{payFeeOrderInfo.squarePrice}}</label>
|
||
</div>
|
||
<div class="row" v-if="payFeeOrderInfo.builtUpArea">
|
||
<label class="col-sm-3 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="附加费" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label">{{payFeeOrderInfo.additionalAmount}}</label>
|
||
</div>
|
||
<div class="row" v-else>
|
||
<label class="col-sm-3 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="固定费" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label">{{payFeeOrderInfo.additionalAmount}}</label>
|
||
</div>
|
||
<div class="row">
|
||
<label class="col-sm-3 col-form-label"
|
||
style="line-height: 50px;padding-right:0px;">
|
||
<span>
|
||
<span><vc:i18n name="应收款" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>：
|
||
</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;">
|
||
<span>
|
||
<span><vc:i18n name="支付方式" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>:
|
||
</label>
|
||
<div class="col-sm-6">
|
||
<select class="custom-select" v-model="payFeeOrderInfo.primeRate">
|
||
<option selected disabled value="">{{vc.i18n('必填，请选择支付方式','payFeeOrder')}}
|
||
</option>
|
||
<option v-for="(item,index) in payFeeOrderInfo.primeRates" :key="index"
|
||
v-if="item.statusCd != '5' && item.statusCd != '6'"
|
||
:value="item.statusCd">
|
||
{{item.name}}
|
||
</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label class="col-sm-3 col-form-label" style="padding-right:0px;">
|
||
<span>
|
||
<span><vc:i18n name="实收款" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>
|
||
</label>
|
||
<div class="col-sm-8" style="padding-left:5px;">
|
||
<input type="text" :placeholder="vc.i18n('请输入实际收款金额','payFeeOrder')"
|
||
v-model="payFeeOrderInfo.receivedAmount" class="form-control"
|
||
v-if="payFeeOrderInfo.receivedAmountSwitch=='1'">
|
||
<label class="col-sm-8 col-form-label"
|
||
v-if="payFeeOrderInfo.receivedAmountSwitch=='2'" style="font-size: 15px;">
|
||
￥{{payFeeOrderInfo.receivedAmount}}
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<label class="col-sm-3 col-form-label" style="line-height: 50px;padding-right:0px;">
|
||
<span>
|
||
<span><vc:i18n name="应缴金额" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label"
|
||
style="font-size: 30px;color: red;padding-left:0px;">
|
||
￥{{payFeeOrderInfo.accountAmount >= payFeeOrderInfo.receivedAmount ? '0.00' :
|
||
(payFeeOrderInfo.receivedAmount - payFeeOrderInfo.accountAmount).toFixed(2)}}
|
||
</label>
|
||
</div>
|
||
<div class="row">
|
||
<label class="col-sm-3 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="业主账户" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label">
|
||
<input type="checkbox" checked="checked" @change="_useUserAccountChange">
|
||
</label>
|
||
</div>
|
||
<div class="form-group row">
|
||
</div>
|
||
<div class="form-group row">
|
||
<div class="col-sm-6">
|
||
<button type="button" class="btn btn-success btn-lg btn-block"
|
||
@click="_openPayFee('qrCode')">
|
||
<span>
|
||
<span><vc:i18n name="扫码收费" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>
|
||
</button>
|
||
</div>
|
||
<div class="col-sm-6">
|
||
<button type="button" class="btn btn-primary btn-lg btn-block"
|
||
v-if="payFeeOrderInfo.offlinePayFeeSwitch !='2'"
|
||
@click="_openPayFee('common')">
|
||
<span>
|
||
<span><vc:i18n name="提交收费" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>
|
||
</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">
|
||
<span><span><vc:i18n name="缴费提示" namespace="payFeeOrder"></vc:i18n></span></span>
|
||
</h5>
|
||
<button type="button" class="close" @click="_back()">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<p>
|
||
<span><span><vc:i18n name="缴费成功" namespace="payFeeOrder"></vc:i18n></span></span>
|
||
</p>
|
||
<p v-if="!payFeeOrderInfo.receiptId">
|
||
<span><span><vc:i18n name="请到业务受理页面补打收据" namespace="payFeeOrder"></vc:i18n></span></span>
|
||
</p>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary" @click="_back()">
|
||
<span>
|
||
<span><vc:i18n name="返回" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>
|
||
</button>
|
||
<button type="button" class="btn btn-primary" v-if="payFeeOrderInfo.receiptId"
|
||
@click="_printSmallAndBack()">
|
||
<span>
|
||
<span><vc:i18n name="打印小票" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>
|
||
</button>
|
||
<button type="button" class="btn btn-primary" v-if="payFeeOrderInfo.receiptId"
|
||
@click="_printAndBack()">
|
||
<span>
|
||
<span><vc:i18n name="打印收据" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="doPayFeeModal" class="modal" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title">
|
||
<span><span><vc:i18n name="收费确认" namespace="payFeeOrder"></vc:i18n></span></span>
|
||
</h5>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="row">
|
||
<label class="col-sm-3 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="付费对象" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label">{{payFeeOrderInfo.payerObjName}}</label>
|
||
</div>
|
||
<div class="row" v-if="payFeeOrderInfo.feeFlag != '2006012' && payFeeOrderInfo.showEndTime != ''">
|
||
<label class="col-sm-3 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="缴费时间段" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label">{{vc.dateFormat(payFeeOrderInfo.endTime)}} 至
|
||
{{vc.dateSubOneDay(payFeeOrderInfo.endTime,vc.dateFormat(payFeeOrderInfo.showEndTime),payFeeOrderInfo.feeFlag)}}</label>
|
||
</div>
|
||
<div class="row"
|
||
v-else-if="payFeeOrderInfo.feeFlag != '2006012' && payFeeOrderInfo.custEndTime != ''">
|
||
<label class="col-sm-3 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="缴费时间段" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label">{{vc.dateFormat(payFeeOrderInfo.endTime)}} 至
|
||
{{payFeeOrderInfo.custEndTime}}</label>
|
||
</div>
|
||
<div class="row">
|
||
<label class="col-sm-3 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="应收金额" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label">{{payFeeOrderInfo.totalFeePrice}}</label>
|
||
</div>
|
||
<div class="row">
|
||
<label class="col-sm-3 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="优惠金额" namespace="payFeeOrder"></vc:i18n></span>
|
||
<span class="fa fa-info-circle popover-show1" @mouseover="popOverShowMsg1()"
|
||
@mouseleave="popOverHideMsg1()" style="cursor: pointer;" data-html="true"
|
||
data-content="正数：打折减免的金额；<br>负数：需额外缴纳的滞纳金"></span>
|
||
</span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label">{{payFeeOrderInfo.totalDiscountMoney.toFixed(2)}}</label>
|
||
</div>
|
||
<div class="row">
|
||
<label class="col-sm-3 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="实收金额" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label"
|
||
v-if="payFeeOrderInfo.flag != null && payFeeOrderInfo.flag != '' && payFeeOrderInfo.flag == 'true'">{{payFeeOrderInfo.receivedAmountNumber}}</label>
|
||
<label class="col-sm-8 col-form-label" v-else>{{payFeeOrderInfo.receivedAmount}}</label>
|
||
</div>
|
||
<div class="row">
|
||
<label class="col-sm-3 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="抵扣金额" namespace="payFeeOrder"></vc:i18n></span></span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label">{{payFeeOrderInfo.accountAmount >=
|
||
payFeeOrderInfo.receivedAmount ? payFeeOrderInfo.receivedAmount :
|
||
payFeeOrderInfo.accountAmount.toFixed(2)}}
|
||
</label>
|
||
</div>
|
||
<div class="row">
|
||
<label class="col-sm-3 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="应缴金额" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label">{{payFeeOrderInfo.accountAmount >=
|
||
payFeeOrderInfo.receivedAmount ? '0.00' : (payFeeOrderInfo.receivedAmount -
|
||
payFeeOrderInfo.accountAmount).toFixed(2)}}</label>
|
||
</div>
|
||
<div class="row"
|
||
v-if="payFeeOrderInfo.integralAmount != null && payFeeOrderInfo.integralAmount != ''">
|
||
<label class="col-sm-3 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="积分账户抵扣金额" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label">{{payFeeOrderInfo.integralAmount}}</label>
|
||
</div>
|
||
<div class="row" v-if="payFeeOrderInfo.cashAmount != null && payFeeOrderInfo.cashAmount != ''">
|
||
<label class="col-sm-3 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="现金账户抵扣金额" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label">{{payFeeOrderInfo.cashAmount}}</label>
|
||
</div>
|
||
<div class="row">
|
||
<label class="col-sm-3 col-form-label">
|
||
<span>
|
||
<span><vc:i18n name="备注" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>：
|
||
</label>
|
||
<label class="col-sm-8 col-form-label">{{payFeeOrderInfo.remark}}</label>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<input v-model="payFeeOrderInfo.authCode" id="authCode" class="form-control" style="width: 60%;"
|
||
v-if="payFeeOrderInfo.payType == 'qrCode'" type="text" @keyup.enter="_qrCodePayFee"
|
||
:placeholder="vc.i18n('请用扫码枪扫码','payFeeOrder')">
|
||
<button type="button" class="btn btn-secondary" @click="_closeDoPayFeeModal()">
|
||
<span>
|
||
<span><vc:i18n name="关闭" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>
|
||
</button>
|
||
<button type="button" class="btn btn-primary" v-if="payFeeOrderInfo.payType == 'common'"
|
||
@click="_payFee()">
|
||
<span>
|
||
<span><vc:i18n name="确定收费" namespace="payFeeOrder"></vc:i18n></span>
|
||
</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<vc:create path="property/payFeeUserAccount"></vc:create>
|
||
<vc:create path="property/payFeeDiscount"></vc:create>
|
||
<vc:create path="property/prestoreAccount2"></vc:create>
|
||
</div> |