<div>
|
|
<div class="ibox">
|
<div class="ibox-title">
|
<h5>{{listCarFeeInfo.carNum}}
|
<span>
|
<vc:i18n name="费用" namespace="listCarFee"></vc:i18n>
|
</span>({{listCarFeeInfo.parkingName}})
|
</h5>
|
<div class="ibox-tools" style="top:10px;">
|
<!-- <button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
v-on:click="_openAddMeterWaterModal()">
|
水电抄表
|
</button> -->
|
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
v-on:click="_openCarCreateFeeAddModal()">
|
<i class="fa fa-plus"></i>
|
<span>
|
<vc:i18n name="创建费用" namespace="listCarFee"></vc:i18n>
|
</span>
|
</button>
|
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" v-on:click="_goBack()">
|
<i class="fa fa-close"></i>
|
<span>
|
<vc:i18n name="返回"></vc:i18n>
|
</span>
|
</button>
|
</div>
|
</div>
|
<div class="ibox-content">
|
<table class="footable table table-stripped toggle-arrow-tiny" style="margin-top:10px" data-page-size="10">
|
<thead>
|
<tr>
|
<th class="text-center">
|
<vc:i18n name="收费内容" namespace="listCarFee"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="费用标识" namespace="listCarFee"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="费用类型" namespace="listCarFee"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="应收金额" namespace="listCarFee"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="建账时间" namespace="listCarFee"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="应收时间段" namespace="listCarFee"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="说明" namespace="listCarFee"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="状态" namespace="listCarFee"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="操作" namespace="listCarFee"></vc:i18n>
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="fee in listCarFeeInfo.fees" :key="fee.feeId">
|
<td class="text-center hand" @click="_viewCarFeeConfig(fee)">{{fee.feeName}}
|
<span class="fa fa-info-circle"></span>
|
</td>
|
<td class="text-center">{{fee.feeFlagName}}</td>
|
<td class="text-center">{{fee.feeTypeCdName}}</td>
|
<td class="text-center">{{fee.feeTotalPrice.replace(/\B(?=(\d{3})+(?!\d))/g, ',')}}</td>
|
<td class="text-center">{{fee.startTime}}</td>
|
<td class="text-center">{{fee.endTime || '-'}}~<br />{{fee.deadlineTime || '-'}}</td>
|
<td class="text-center">
|
<div>
|
<span>
|
<vc:i18n name="单价" namespace="listCarFee"></vc:i18n>
|
</span>:{{fee.squarePrice || '-'}}
|
</div>
|
<div>
|
<span>
|
<vc:i18n name="固定费" namespace="listCarFee"></vc:i18n>
|
</span>:{{fee.additionalAmount || '-'}}
|
</div>
|
</td>
|
<td class="text-center">{{fee.stateName || '-'}}</td>
|
<td class="text-center">
|
<button class="btn btn-link btn-xs" v-if="fee.state != '2009001'
|
&& vc.hasPrivilege('502020082314267912')" v-on:click="_payFee(fee)">
|
<vc:i18n name="缴费" namespace="listCarFee"></vc:i18n>
|
</button>
|
<button class="btn btn-link btn-xs" v-on:click="_payFeeHis(fee)">
|
<vc:i18n name="历史" namespace="listCarFee"></vc:i18n>
|
</button>
|
<button class="btn btn-link btn-xs" v-if="vc.hasPrivilege('502020090604200029')"
|
v-on:click="_deleteFee(fee)">
|
<vc:i18n name="取消" namespace="listCarFee"></vc:i18n>
|
</button>
|
<button class="btn btn-link btn-xs"
|
v-if="fee.state != '2009001' && vc.hasPrivilege('502020090427190001')"
|
v-on:click="_editFee(fee)">
|
<vc:i18n name="变更" namespace="listCarFee"></vc:i18n>
|
</button>
|
<button class="btn btn-link btn-xs"
|
v-if="fee.feeFlag == '4012024' && fee.state == '2008001'"
|
v-on:click="_splitPayFee(fee)">
|
<vc:i18n name="拆分" namespace="listRoomFee"></vc:i18n>
|
</button>
|
<a target="_blank" :href="'/#/pages/fee/feeDetail?feeId='+fee.feeId">
|
<vc:i18n name="详情" namespace="listRoomFee"></vc:i18n>
|
</a>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<!-- 分页 -->
|
<div class="row">
|
<div class="col-sm-5">
|
<div> 注意: 应收结束时间 “-” 表示未到应收时间 或 收费已结束</div>
|
<div>应收金额为-1 一般为费用项公式设置出错请检查</div>
|
</div>
|
<div class="col-sm-7 float-right">
|
<vc:create path="frame/pagination"></vc:create>
|
</div>
|
</div>
|
</div>
|
</div>
|
<vc:create path="property/deleteFee"></vc:create>
|
<vc:create path="property/editFee"></vc:create>
|
<vc:create path="fee/splitFee"></vc:create>
|
<vc:create path="property/carCreateFeeAdd"></vc:create>
|
<vc:create path="property/addMeterWater" callBackListener="" callBackFunction=""></vc:create>
|
</div>
|