<div>
|
<div class="flex justify-start">
|
<div style="padding-right:0px;width: 250px; height: 95%; overflow-x: hidden; overflow-y: scroll;" class="room-floor-unit-tree">
|
<vc:create path="property/roomTreeDiv" callBackListener="phoneMeterManage"></vc:create>
|
</div>
|
<div class="margin-top-xs margin-left-sm" style="flex-grow: 1;">
|
<div class="ibox ">
|
<div class="ibox-title">
|
<h5>
|
<vc:i18n name="查询条件" namespace="phoneMeterManage"></vc:i18n>
|
</h5>
|
<div class="ibox-tools" style="top:10px;"></div>
|
</div>
|
<div class="ibox-content">
|
<div class="row">
|
<div class="col-sm-2">
|
<div class="form-group">
|
<input type="text" :placeholder="vc.i18n('请输入设备编号','phoneMeterManage')"
|
v-model="phoneMeterManageInfo.conditions.deviceNum" class=" form-control">
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<div class="form-group">
|
<input type="text" :placeholder="vc.i18n('请输入房间编号','phoneMeterManage')"
|
v-model="phoneMeterManageInfo.conditions.roomNum" class=" form-control" @input="_phoneInputRoom">
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryPhoneBillFlowMethod()">
|
<vc:i18n name="查询" namespace="phoneMeterManage"></vc:i18n>
|
</button>
|
<button type="button" class="btn btn-primary btn-sm" v-on:click="_resetPhoneBillFlowMethod()">
|
<vc:i18n name="重置" namespace="phoneMeterManage"></vc:i18n>
|
</button>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
<div class="ibox">
|
<div class="ibox-title">
|
<h5>
|
<vc:i18n name="电话表信息" namespace="phoneMeterManage"></vc:i18n>
|
</h5>
|
</div>
|
<div class="ibox-content">
|
<!-- 按钮区域 -->
|
<div style="display: flex; gap: 8px; align-items: center; margin-bottom: 15px; flex-wrap: wrap; width: 100%;">
|
<button type="button" class="btn btn-primary btn-sm" v-if="phoneMeterManageInfo.conditions.objId" @click="_openAddPhoneBillFlowModal()">
|
<vc:i18n name="抄表" namespace="phoneMeterManage"></vc:i18n>
|
</button>
|
<button type="button" class="btn btn-white btn-sm"
|
@click="_openPhoneBillFlowImport()">
|
<i class="fa fa-plus"></i>抄表导入
|
</button>
|
<button type="button" class="btn btn-white btn-sm"
|
@click="_openBatchAddPhoneBillFlowModal()">
|
<i class="fa fa-plus"></i>批量添加
|
</button>
|
</div>
|
<!-- 表格区域 -->
|
<div style="overflow-x: auto; margin-bottom: 15px;">
|
<table class="table table-stripped table-condensed" data-page-size="15">
|
<thead>
|
<tr style="white-space: nowrap;">
|
<th class="text-center">
|
分账序号
|
</th>
|
<th class="text-center">
|
设备号
|
</th>
|
<th class="text-center">
|
收款方
|
</th>
|
<th class="text-center">
|
户名
|
</th>
|
<th class="text-center">
|
经办人
|
</th>
|
<th class="text-center">
|
是否过户(是/否)
|
</th>
|
<th class="text-center">
|
过户后公司名称
|
</th>
|
<th class="text-center">
|
过户日期
|
</th>
|
<th class="text-center">
|
路
|
</th>
|
<th class="text-center">
|
弄
|
</th>
|
<th class="text-center">
|
门
|
</th>
|
<th class="text-center">
|
室
|
</th>
|
<th class="text-center">
|
地址
|
</th>
|
<th class="text-center">
|
<vc:i18n name="操作" namespace="phoneMeterManage"></vc:i18n>
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="phoneBillFlow in phoneMeterManageInfo.phoneBillFlows" style="white-space: nowrap;">
|
<!-- 分账序号 -->
|
<td class="text-center">{{phoneBillFlow.profitShareSerial || '-'}}</td>
|
<!-- 设备号 -->
|
<td class="text-center">{{phoneBillFlow.deviceNumber || '-'}}</td>
|
<!-- 收款方 -->
|
<td class="text-center">{{phoneBillFlow.payee || '-'}}</td>
|
<!-- 户名 -->
|
<td class="text-center">{{phoneBillFlow.accountName || '-'}}</td>
|
<!-- 经办人 -->
|
<td class="text-center">{{phoneBillFlow.handler || '-'}}</td>
|
<!-- 是否过户 -->
|
<td class="text-center">{{phoneBillFlow.isTransferred || '-'}}</td>
|
<!-- 过户后公司名称 -->
|
<td class="text-center">{{phoneBillFlow.companyNameAfterTransfer || '-'}}</td>
|
<!-- 过户日期 -->
|
<td class="text-center">{{phoneBillFlow.transferDate || '-'}}</td>
|
<!-- 路 -->
|
<td class="text-center">{{phoneBillFlow.roadName || '-'}}</td>
|
<!-- 弄 -->
|
<td class="text-center">{{phoneBillFlow.floorNum || '-'}}</td>
|
<!-- 门 -->
|
<td class="text-center">{{phoneBillFlow.unitNum || '-'}}</td>
|
<!-- 室 -->
|
<td class="text-center">{{phoneBillFlow.roomNum || '-'}}</td>
|
<!-- 地址 -->
|
<td class="text-center">{{phoneBillFlow.address || '-'}}</td>
|
<td class="text-center">
|
<div class="btn-group">
|
<button class="btn-white btn btn-xs"
|
@click="_openEditPhoneBillFlowModel(phoneBillFlow)">
|
<vc:i18n name="修改" namespace="phoneMeterManage"></vc:i18n>
|
</button>
|
</div>
|
<div class="btn-group">
|
<button class="btn-white btn btn-xs"
|
@click="_openDeletePhoneBillFlowModel(phoneBillFlow)">
|
<vc:i18n name="删除" namespace="phoneMeterManage"></vc:i18n>
|
</button>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<!-- 分页区域 -->
|
<div style="display: flex; justify-content: flex-end; align-items: center;">
|
<vc:create path="frame/pagination"></vc:create>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
<vc:create path="property/addPhoneBillFlow" callBackListener="" callBackFunction=""></vc:create>
|
<vc:create path="property/editPhoneBillFlow"></vc:create>
|
<vc:create path="property/deletePhoneBillFlow"></vc:create>
|
<vc:create path="property/importPhoneBillFlow"></vc:create>
|
<vc:create path="property/batchAddPhoneBillFlow"></vc:create>
|
|
</div>
|