MicroCommunityWeb/public/pages/fee/adminFeeDetail/adminFeeDetail.html
2025-03-09 18:01:32 +08:00

267 lines
14 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div class="">
<div class="white-bg padding-left padding-right padding-top border-radius-top">
<div class="flex justify-between">
<div class="text-title">
费用信息
</div>
<div>
</div>
</div>
<!-- 业主信息 -->
<div class="margin-top">
<div class="row">
<div class="col-sm-12">
<div class="row">
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">
<vc:i18n name="费用ID" namespace="adminFeeDetailInfo"></vc:i18n>
</label>
<label class="">{{adminFeeDetailInfo.feeId}}</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">
<vc:i18n name="费用标识:" namespace="adminFeeDetailInfo"></vc:i18n>
</label>
<label class="">{{adminFeeDetailInfo.feeFlagName || '-'}}</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">
<vc:i18n name="费用类型:" namespace="adminFeeDetailInfo"></vc:i18n>
</label>
<label class="">{{adminFeeDetailInfo.feeTypeCdName}}</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">
<vc:i18n name="付费对象:" namespace="adminFeeDetailInfo"></vc:i18n>
</label>
<label class="">{{adminFeeDetailInfo.payerObjName || '-'}}</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">
<vc:i18n name="费用项:" namespace="adminFeeDetailInfo"></vc:i18n>
</label>
<label class="">{{adminFeeDetailInfo.feeName}}</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">
<vc:i18n name="费用状态:" namespace="adminFeeDetailInfo"></vc:i18n>
</label>
<label class="">{{adminFeeDetailInfo.stateName}}</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">
<vc:i18n name="建账时间:" namespace="adminFeeDetailInfo"></vc:i18n>
</label>
<label class="">{{adminFeeDetailInfo.startTime}}</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">
<vc:i18n name="批次:" namespace="adminFeeDetailInfo"></vc:i18n>
</label>
<label class="">{{adminFeeDetailInfo.batchId}}</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">
<vc:i18n name="应收开始时间:" namespace="adminFeeDetailInfo"></vc:i18n>
</label>
<label class="">{{_getEndTime(adminFeeDetailInfo)}}</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">
<vc:i18n name="应收结束时间:" namespace="adminFeeDetailInfo"></vc:i18n>
</label>
<label class="">{{_getDeadlineTime(adminFeeDetailInfo)}}</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">
<vc:i18n name="欠费金额:" namespace="adminFeeDetailInfo"></vc:i18n>
</label>
<label class="">{{adminFeeDetailInfo.amountOwed}}</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3" v-for="(item,index) in adminFeeDetailInfo.attrs">
<div class="form-group">
<label class="col-form-label">
{{item.specCdName}}:
</label>
<label class="">{{item.value}}</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="vc-line-primary margin-top"></div>
<div class="margin-top-sm">
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aRoomDetailHisFee'}" v-on:click="changeTab('aRoomDetailHisFee')">
<vc:i18n name="缴费记录" namespace="adminFeeDetail"></vc:i18n>
</a>
</li>
<li class="nav-item" v-if="adminFeeDetailInfo.payerObjType == '3333'">
<a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aRoomDetailRoom'}" v-on:click="changeTab('aRoomDetailRoom')">
<vc:i18n name="关联房屋" namespace="adminFeeDetail"></vc:i18n>
</a>
</li>
<li class="nav-item" v-if="adminFeeDetailInfo.payerObjType == '6666'">
<a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aRoomDetailCar'}" v-on:click="changeTab('aRoomDetailCar')">
<vc:i18n name="关联车辆" namespace="adminFeeDetail"></vc:i18n>
</a>
</li>
<li class="nav-item" v-if="adminFeeDetailInfo.payerObjType == '7777'">
<a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'adminFeeDetailContract'}" v-on:click="changeTab('adminFeeDetailContract')">
<vc:i18n name="关联合同" namespace="adminFeeDetail"></vc:i18n>
</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aFeeDetailHis'}" v-on:click="changeTab('aFeeDetailHis')">
<vc:i18n name="修改记录" namespace="adminFeeDetail"></vc:i18n>
</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aFeeDetailConfig'}" v-on:click="changeTab('aFeeDetailConfig')">
<vc:i18n name="费用项" namespace="adminFeeDetail"></vc:i18n>
</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aRoomDetailOwner'}" v-on:click="changeTab('aRoomDetailOwner')">
<vc:i18n name="业主" namespace="adminFeeDetail"></vc:i18n>
</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aFeeDetailFeeObj'}" v-on:click="changeTab('aFeeDetailFeeObj')">
<vc:i18n name="同费用对象" namespace="adminFeeDetail"></vc:i18n>
</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aRoomDetailMeterWaterLog'}" v-on:click="changeTab('aRoomDetailMeterWaterLog')">
<vc:i18n name="关联抄表" namespace="adminFeeDetail"></vc:i18n>
</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aFeeDetailImport'}" v-on:click="changeTab('aFeeDetailImport')">
<vc:i18n name="关联导入" namespace="adminFeeDetail"></vc:i18n>
</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aFeeDetailDiscount'}" v-on:click="changeTab('aFeeDetailDiscount')">
<vc:i18n name="优惠申请" namespace="adminFeeDetail"></vc:i18n>
</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aRoomDetailReceipt'}" v-on:click="changeTab('aRoomDetailReceipt')">
<vc:i18n name="补打收据" namespace="adminFeeDetail"></vc:i18n>
</a>
</li>
<li class="nav-item" v-if="adminFeeDetailInfo.feeFlag != '2006012'">
<a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'aFeeDetailSub'}" v-on:click="changeTab('aFeeDetailSub')">
<vc:i18n name="费用拆分" namespace="adminFeeDetail"></vc:i18n>
</a>
</li>
<!-- <li class="nav-item" v-if="adminFeeDetailInfo.feeFlag == '2006012'">
<a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'adminFeeDetailFeeRule'}" v-on:click="changeTab('adminFeeDetailFeeRule')">
<vc:i18n name="账单规则" namespace="adminFeeDetail"></vc:i18n>
</a>
</li>
<li class="nav-item" v-if="adminFeeDetailInfo.feeFlag == '2006012'">
<a class="nav-link" v-bind:class="{active:adminFeeDetailInfo._currentTab == 'adminFeeDetailRuleBill'}" v-on:click="changeTab('adminFeeDetailRuleBill')">
<vc:i18n name="费用账单" namespace="adminFeeDetail"></vc:i18n>
</a>
</li> -->
</ul>
</div>
</div>
<div class="white-bg padding-left padding-right padding-top border-radius-bottom">
<div v-if="adminFeeDetailInfo._currentTab == 'aRoomDetailHisFee'">
<vc:create path="community/aRoomDetailHisFee"></vc:create>
</div>
<div v-if="adminFeeDetailInfo._currentTab == 'aRoomDetailRoom'">
<vc:create path="community/aRoomDetailRoom"></vc:create>
</div>
<div v-if="adminFeeDetailInfo._currentTab == 'aRoomDetailCar'">
<vc:create path="community/aRoomDetailCar"></vc:create>
</div>
<!-- <div v-if="adminFeeDetailInfo._currentTab == 'adminFeeDetailContract'">
<vc:create path="fee/adminFeeDetailContract"></vc:create>
</div> -->
<div v-if="adminFeeDetailInfo._currentTab == 'aFeeDetailHis'">
<vc:create path="fee/aFeeDetailHis"></vc:create>
</div>
<div v-if="adminFeeDetailInfo._currentTab == 'aFeeDetailConfig'">
<vc:create path="fee/aFeeDetailConfig"></vc:create>
</div>
<div v-if="adminFeeDetailInfo._currentTab == 'aRoomDetailOwner'">
<vc:create path="community/aRoomDetailOwner"></vc:create>
</div>
<div v-if="adminFeeDetailInfo._currentTab == 'aFeeDetailFeeObj'">
<vc:create path="fee/aFeeDetailFeeObj"></vc:create>
</div>
<div v-if="adminFeeDetailInfo._currentTab == 'aRoomDetailMeterWaterLog'">
<vc:create path="community/aRoomDetailMeterWaterLog"></vc:create>
</div>
<div v-if="adminFeeDetailInfo._currentTab == 'aFeeDetailImport'">
<vc:create path="fee/aFeeDetailImport"></vc:create>
</div>
<div v-if="adminFeeDetailInfo._currentTab == 'aFeeDetailDiscount'">
<vc:create path="fee/aFeeDetailDiscount"></vc:create>
</div>
<div v-if="adminFeeDetailInfo._currentTab == 'aRoomDetailReceipt'">
<vc:create path="community/aRoomDetailReceipt"></vc:create>
</div>
<div v-if="adminFeeDetailInfo._currentTab == 'aFeeDetailSub'">
<vc:create path="fee/aFeeDetailSub"></vc:create>
</div>
<!--
<div v-if="adminFeeDetailInfo._currentTab == 'adminFeeDetailFeeRule'">
<vc:create path="fee/adminFeeDetailFeeRule"></vc:create>
</div>
<div v-if="adminFeeDetailInfo._currentTab == 'adminFeeDetailRuleBill'">
<vc:create path="fee/adminFeeDetailRuleBill"></vc:create>
</div>
-->
</div>
</div>