<div class=" animated fadeInRight ecommerce">
|
|
<div class="ibox ">
|
<div class="ibox-title">
|
<h5>
|
<vc:i18n name="查询条件" namespace="oldRoomFeeImport"></vc:i18n>
|
</h5>
|
<div class="ibox-tools" style="top:10px;"></div>
|
</div>
|
<div class="ibox-content" style="overflow: visible;">
|
<div class="row">
|
<div class="col-sm-2">
|
<select class="custom-select" v-model="oldRoomFeeImport.conditions.feeTypeCd">
|
<option selected value="">{{vc.i18n('必填，请选择费用类型','oldRoomFeeImport')}}</option>
|
<option v-for="(item,index) in oldRoomFeeImport.feeTypeCds" :key="index"
|
v-bind:value="item.name" v-if="item.statusCd !='888800010008'">
|
{{item.name}}
|
</option>
|
</select>
|
</div>
|
<div class="col-sm-2">
|
<div class="form-group">
|
<input type="text" :placeholder="vc.i18n('请输入收费内容','oldRoomFeeImport')"
|
v-model="oldRoomFeeImport.conditions.importFee" class=" form-control">
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<div class="form-group">
|
<input type="text" :placeholder="vc.i18n('请输入归属年份','oldRoomFeeImport')"
|
v-model="oldRoomFeeImport.conditions.feeYear" class=" form-control">
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryImportFeeMethod()">
|
<vc:i18n name="查询" namespace="oldRoomFeeImport"></vc:i18n>
|
</button>
|
<button type="button" class="btn btn-white btn-sm" v-on:click="_resetImportFeeMethod()">
|
<vc:i18n name="重置" namespace="meterWaterManage"></vc:i18n>
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="ibox">
|
<div class="ibox-title">
|
<h5>
|
<vc:i18n name="费用导入" namespace="oldRoomFeeImport"></vc:i18n>
|
</h5>
|
</div>
|
<div class="ibox-content" style="overflow: visible;">
|
<!-- 按钮区域 -->
|
<div style="display: flex; gap: 8px; align-items: center; margin-bottom: 15px; flex-wrap: wrap;">
|
<button type="button" class="btn btn-primary btn-sm"
|
v-on:click="openInitializeFeeModal">
|
<vc:i18n name="费用初始化" namespace="oldRoomFeeImport"></vc:i18n>
|
</button>
|
<button type="button" class="btn btn-primary btn-sm"
|
v-on:click="_openOldRoomFeeImport(null,true)">
|
白单流水导入
|
</button>
|
</div>
|
<!-- 表格区域 -->
|
<div class="hc-table-div" :style="{'width':_computeTableDivWidth()}" style="overflow-x: auto; margin-bottom: 15px;">
|
<table class="table table-stripped" data-page-size="15">
|
<thead>
|
<tr style="white-space: nowrap;">
|
<th class="text-center">
|
序号
|
</th>
|
<th class="text-center">
|
<vc:i18n name="收费日期" namespace="oldRoomFeeImport"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="发票、收据号码" namespace="oldRoomFeeImport"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="业主地址" namespace="oldRoomFeeImport"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="弄号" namespace="oldRoomFeeImport"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="门号" namespace="oldRoomFeeImport"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="室号" namespace="oldRoomFeeImport"></vc:i18n>
|
</th>
|
<th class="text-center">
|
门室号
|
</th>
|
<th class="text-center">
|
收款所属年度
|
</th>
|
<th class="text-center">
|
<vc:i18n name="收费区间-起始日期" namespace="oldRoomFeeImport"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="收费区间-终止日期" namespace="oldRoomFeeImport"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="收费内容" namespace="oldRoomFeeImport"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="收费金额" namespace="oldRoomFeeImport"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="车牌号" namespace="oldRoomFeeImport"></vc:i18n>
|
</th>
|
<th class="text-center">
|
待解决问题
|
</th>
|
<th class="text-center">
|
25项收费分类
|
</th>
|
<th class="text-center">
|
收费分类子分类
|
</th>
|
<th class="text-center">
|
财务核对
|
</th>
|
<th class="text-center">
|
核对日期
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(fee, index) in oldRoomFeeImport.improtFees" style="white-space: nowrap;">
|
<td class="text-center">{{ index + 1 || '-' }}</td> <!-- 序号 -->
|
<td class="text-center">{{ fee.chargeTime || '-' }}</td> <!-- 收费日期 -->
|
<td class="text-center">{{ fee.invoiceReceiptNo || '-' }}</td> <!-- 发票、收据号码 -->
|
<td class="text-center">{{ fee.propertyAddress || '-' }}</td> <!-- 业主地址 -->
|
<td class="text-center">{{ fee.nong || '-' }}</td> <!-- 弄号 -->
|
<td class="text-center">{{ fee.men || '-' }}</td> <!-- 门号 -->
|
<td class="text-center">{{ fee.shi || '-' }}</td> <!-- 室号 -->
|
<td class="text-center">{{ fee.doorRoomNum || '-' }}</td> <!-- 门室号 -->
|
<td class="text-center">{{ fee.receiptYear || '-' }}</td> <!-- 收款所属年度 -->
|
<td class="text-center">{{ fee.chargeStart || '-' }}</td> <!-- 收费区间-起始日期 -->
|
<td class="text-center">{{ fee.chargeEnd || '-' }}</td> <!-- 收费区间-终止日期 -->
|
<td class="text-center">{{ fee.secondaryFeeTypeCd || '-' }}</td> <!-- 收费内容 -->
|
<td class="text-center">{{ fee.chargeAmount || '-' }}</td> <!-- 收费金额 -->
|
<td class="text-center">{{ fee.licensePlate || '-' }}</td> <!-- 车牌号 -->
|
<td class="text-center">{{ fee.pendingProblem || '-' }}</td> <!-- 待解决问题 -->
|
<td class="text-center">{{ fee.category22 || '-' }}</td> <!-- 25项收费分类（实际是22项） -->
|
<td class="text-center">{{ fee.subCategory || '-' }}</td> <!-- 收费分类子分类 -->
|
<td class="text-center">{{ fee.financialCheck || '-' }}</td> <!-- 财务核对 -->
|
<td class="text-center">{{ fee.checkDate || '-' }}</td> <!-- 核对日期 -->
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<!-- 分页 -->
|
<div class="row margin-top-xs">
|
<div class="col-sm-7">
|
<div>该表数据不能随意变更，该数据为历史存档数据导入入口，仅支持査询和批量导入，不支持增删改</div>
|
</div>
|
<div class="col-sm-5">
|
<div style="display: flex; justify-content: flex-end; align-items: center;">
|
<vc:create path="frame/pagination"></vc:create>
|
</div>
|
</div>
|
</div>
|
<!-- <vc:create path="frame/pagination"></vc:create> -->
|
</div>
|
</div>
|
|
<div class="modal fade" id="initializeFeeModal" tabindex="-1" role="dialog"
|
aria-labelledby="initializeFeeModalLabel" aria-hidden="true">
|
<div class="modal-dialog" role="document">
|
<div class="modal-content">
|
<div class="modal-header">
|
<h5 class="modal-title" id="initializeFeeModalLabel">
|
<vc:i18n name="请确认您的操作!" namespace="oldRoomFeeImport"></vc:i18n>
|
</h5>
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
<span aria-hidden="true">×</span>
|
</button>
|
</div>
|
<div class="modal-body text-center">
|
<vc:i18n name="确认进行费用初始化吗？此操作不可逆，请谨慎操作！" namespace="oldRoomFeeImport"></vc:i18n>
|
</div>
|
<div class="modal-footer">
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">
|
<vc:i18n name="点错了" namespace="oldRoomFeeImport"></vc:i18n>
|
</button>
|
<button type="button" class="btn btn-primary" v-on:click="_confirmInitialize()">
|
<vc:i18n name="确认初始化" namespace="oldRoomFeeImport"></vc:i18n>
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
|
<vc:create path="property/importOldRoomFee"></vc:create>
|
</div>
|
