181 lines
10 KiB
HTML
181 lines
10 KiB
HTML
<div>
|
||
<div class="row margin-top">
|
||
<div class="col-lg-2 text-left">
|
||
<select class="custom-select" v-model="simplifyCarFeeInfo.carId" @change="changeSimplifyCar()">
|
||
<option v-for="(item,index) in simplifyCarFeeInfo.ownerCars" :value="item.carId">{{item.carNum}}
|
||
</option>
|
||
</select>
|
||
</div>
|
||
<div class="col-lg-4 text-right"></div>
|
||
<div class="col-lg-6 text-right" v-if="simplifyCarFeeInfo.carId">
|
||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||
v-on:click="_toBuyCarMonthCard()">
|
||
<vc:i18n name="买月卡" namespace="simplifyCarFee"></vc:i18n>
|
||
</button>
|
||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||
v-on:click="_openBatchPayCarFeeModal()">
|
||
<vc:i18n name="批量缴费" namespace="simplifyCarFee"></vc:i18n>
|
||
</button>
|
||
<!--<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||
v-on:click="_openSimplifyCarAddMeterWaterModal()">
|
||
<span><vc:i18n name="水电抄表" namespace="simplifyCarFee"></vc:i18n></span>
|
||
</button>-->
|
||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||
v-on:click="_openSimplifyCarCreateFeeAddModal()">
|
||
<vc:i18n name="创建费用" namespace="simplifyCarFee"></vc:i18n>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<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="simplifyCarFee"></vc:i18n>
|
||
</th>
|
||
<th class="text-center">
|
||
<vc:i18n name="费用标识" namespace="simplifyCarFee"></vc:i18n>
|
||
</th>
|
||
<th class="text-center">
|
||
<vc:i18n name="费用类型" namespace="simplifyCarFee"></vc:i18n>
|
||
</th>
|
||
<th class="text-center">
|
||
<vc:i18n name="应收金额" namespace="simplifyCarFee"></vc:i18n>
|
||
</th>
|
||
<th class="text-center">
|
||
<vc:i18n name="建账时间" namespace="simplifyCarFee"></vc:i18n>
|
||
</th>
|
||
<th class="text-center">
|
||
<vc:i18n name="应收时间段" namespace="simplifyCarFee"></vc:i18n>
|
||
</th>
|
||
<th class="text-center">
|
||
<vc:i18n name="说明" namespace="simplifyCarFee"></vc:i18n>
|
||
</th>
|
||
<th class="text-center">
|
||
<vc:i18n name="状态" namespace="simplifyCarFee"></vc:i18n>
|
||
</th>
|
||
<th class="text-center">
|
||
<vc:i18n name="操作" namespace="simplifyCarFee"></vc:i18n>
|
||
</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr v-for="fee in simplifyCarFeeInfo.fees">
|
||
<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.amountOwed}}</td>
|
||
<td class="text-center">{{fee.startTime}}</td>
|
||
<td class="text-center">{{_getEndTime(fee)}}~<br />{{_getDeadlineTime(fee)}}</td>
|
||
<td class="text-center" v-if="fee.feeTypeCd == '888800010015' || fee.feeTypeCd == '888800010016' "
|
||
:title="_simplifyCarGetFeeOwnerInfo(fee.feeAttrs)">
|
||
<div>
|
||
<span>
|
||
<vc:i18n name="上期度数" namespace="simplifyCarFee"></vc:i18n>
|
||
</span>：{{fee.preDegrees}}
|
||
</div>
|
||
<div>
|
||
<span>
|
||
<vc:i18n name="本期度数" namespace="simplifyCarFee"></vc:i18n>
|
||
</span>：{{fee.curDegrees}}
|
||
</div>
|
||
<div>
|
||
<span>
|
||
<vc:i18n name="单价" namespace="simplifyCarFee"></vc:i18n>
|
||
</span>：{{fee.squarePrice}}
|
||
</div>
|
||
<div>
|
||
<span>
|
||
<vc:i18n name="附加费" namespace="simplifyCarFee"></vc:i18n>
|
||
</span>：{{fee.additionalAmount}}
|
||
</div>
|
||
</td>
|
||
<td class="text-center" width="150" v-else-if="fee.feeTypeCd == '888800010017'"
|
||
:title="_simplifyCarGetFeeOwnerInfo(fee.feeAttrs)">
|
||
<div>
|
||
<span>
|
||
<vc:i18n name="算法" namespace="simplifyCarFee"></vc:i18n>
|
||
</span>：{{_getAttrValue(fee.feeAttrs,'390005')}}
|
||
</div>
|
||
<div>
|
||
<span>
|
||
<vc:i18n name="用量" namespace="simplifyCarFee"></vc:i18n>
|
||
</span>：{{_getAttrValue(fee.feeAttrs,'390003')}}
|
||
</div>
|
||
</td>
|
||
<td class="text-center" v-else :title="_simplifyCarGetFeeOwnerInfo(fee.feeAttrs)">
|
||
<div>
|
||
<span>
|
||
<vc:i18n name="单价" namespace="simplifyCarFee"></vc:i18n>
|
||
</span>：{{fee.squarePrice}}
|
||
</div>
|
||
<div>
|
||
<span>
|
||
<vc:i18n name="固定费" namespace="simplifyCarFee"></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="_simplifyCarPayFee(fee)">
|
||
<vc:i18n name="缴费" namespace="simplifyCarFee"></vc:i18n>
|
||
</button>
|
||
<button class="btn btn-link btn-xs" v-on:click="_simplifyCarPayFeeHis(fee)">
|
||
<vc:i18n name="缴费历史" namespace="simplifyCarFee"></vc:i18n>
|
||
</button>
|
||
<div class="btn-group btn-link btn-xs">
|
||
<button class="btn-white btn btn-xs dropdown-toggle" data-toggle="dropdown"
|
||
aria-haspopup="true" aria-expanded="false">
|
||
<vc:i18n name="更多操作" namespace="simplifyCarFee"></vc:i18n>
|
||
</button>
|
||
<div class="dropdown-menu p-4 text-muted" style="max-width: 500px;">
|
||
<p v-if="fee.isDefault == 'F' && vc.hasPrivilege('502020090604200029')">
|
||
<a href="javascript:void(0)" v-on:click="_simplifyCarDeleteFee(fee)">
|
||
<vc:i18n name="取消费用" namespace="simplifyCarFee"></vc:i18n>
|
||
</a>
|
||
</p>
|
||
<p v-if="vc.hasPrivilege('502021070488970005')">
|
||
<a href="javascript:void(0)" v-on:click="_simplifyCarFinishFee(fee)">
|
||
<vc:i18n name="手工结束" namespace="simplifyCarFee"></vc:i18n>
|
||
</a>
|
||
</p>
|
||
<p v-if="fee.state != '2009001' && vc.hasPrivilege('502020090427190001')">
|
||
<a href="javascript:void(0)" v-on:click="_simplifyCarEditFee(fee)">
|
||
<vc:i18n name="费用变更" namespace="simplifyCarFee"></vc:i18n>
|
||
</a>
|
||
</p>
|
||
<p>
|
||
<a target="_blank" :href="'/#/pages/fee/feeDetail?feeId='+fee.feeId">
|
||
<vc:i18n name="详情" namespace="listRoomFee"></vc:i18n>
|
||
</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
<tr>
|
||
<td colspan="10">
|
||
<ul class="pagination float-right"></ul>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<div class="row">
|
||
<div class="col-sm-5">
|
||
<div><vc:i18n name="注意：" namespace="simplifyRoomFee"></vc:i18n></div>
|
||
<div><vc:i18n name="应收结束时间“-”表示未到应收时间或收费已结束" namespace="simplifyRoomFee"></vc:i18n></div>
|
||
<div><vc:i18n name="应收金额为-1一般为费用项公式设置出错请检查" namespace="simplifyRoomFee"></vc:i18n></div>
|
||
</div>
|
||
<div class="col-sm-2">
|
||
<span> <vc:i18n name="欠费小计：" namespace="simplifyRoomFee"></vc:i18n>{{simplifyCarFeeInfo.totalAmount}}</span>
|
||
</div>
|
||
<div class="col-sm-5 float-right">
|
||
<vc:create namespace="simplifyCarFee" path="frame/paginationPlus"></vc:create>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> |