| | |
|---|
| | | <div> |
|---|
| | | <div class="row"> |
|---|
| | | <div class="col-md-2 " style="padding-right:0px;height: 95%; overflow-x: hidden; overflow-y: scroll;"> |
|---|
| | | <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="col-md-10 margin-top-xs padding-l-0"> |
|---|
| | | <div class="margin-top-xs margin-left-sm" style="flex-grow: 1;width: 50%;"> |
|---|
| | | <div class="ibox "> |
|---|
| | | <div class="ibox-title"> |
|---|
| | | <h5> |
|---|
| | |
|---|
| | | <h5> |
|---|
| | | <vc:i18n name="电话表信息" namespace="phoneMeterManage"></vc:i18n> |
|---|
| | | </h5> |
|---|
| | | <div class="ibox-tools" style="top:10px;"> |
|---|
| | | |
|---|
| | | </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" style="margin-left:10px" |
|---|
| | | <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" style="margin-left:10px" |
|---|
| | | <button type="button" class="btn btn-white btn-sm" |
|---|
| | | @click="_openBatchAddPhoneBillFlowModal()"> |
|---|
| | | <i class="fa fa-plus"></i>批量添加 |
|---|
| | | </button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="ibox-content"> |
|---|
| | | <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15"> |
|---|
| | | <thead> |
|---|
| | | <tr> |
|---|
| | | <th class="text-center"> |
|---|
| | | <vc:i18n name="设备编号" namespace="phoneMeterManage"></vc:i18n> |
|---|
| | | </th> |
|---|
| | | <th class="text-center"> |
|---|
| | | <vc:i18n name="对象名称" namespace="phoneMeterManage"></vc:i18n> |
|---|
| | | </th> |
|---|
| | | <th class="text-center"> |
|---|
| | | <vc:i18n name="上期度数" namespace="phoneMeterManage"></vc:i18n> |
|---|
| | | </th> |
|---|
| | | <th class="text-center"> |
|---|
| | | <vc:i18n name="本期度数" namespace="phoneMeterManage"></vc:i18n> |
|---|
| | | </th> |
|---|
| | | <th class="text-center"> |
|---|
| | | <vc:i18n name="上期读表时间" namespace="phoneMeterManage"></vc:i18n> |
|---|
| | | </th> |
|---|
| | | <th class="text-center"> |
|---|
| | | <vc:i18n name="本期读表时间" namespace="phoneMeterManage"></vc:i18n> |
|---|
| | | </th> |
|---|
| | | <th class="text-center"> |
|---|
| | | <vc:i18n name="创建时间" namespace="phoneMeterManage"></vc:i18n> |
|---|
| | | </th> |
|---|
| | | <th class="text-center"> |
|---|
| | | <vc:i18n name="操作" namespace="phoneMeterManage"></vc:i18n> |
|---|
| | | </th> |
|---|
| | | </tr> |
|---|
| | | </thead> |
|---|
| | | <tbody> |
|---|
| | | <tr v-for="phoneBillFlow in phoneMeterManageInfo.phoneBillFlows"> |
|---|
| | | <td class="text-center">{{phoneBillFlow.deviceNum}}</td> |
|---|
| | | <td class="text-center">{{phoneBillFlow.objName}}</td> |
|---|
| | | <td class="text-center">{{phoneBillFlow.preDegrees}}</td> |
|---|
| | | <td class="text-center">{{phoneBillFlow.curDegrees}}</td> |
|---|
| | | <td class="text-center">{{phoneBillFlow.preReadingTime}}</td> |
|---|
| | | <td class="text-center">{{phoneBillFlow.curReadingTime}}</td> |
|---|
| | | <td class="text-center">{{phoneBillFlow.createTime}}</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> |
|---|
| | | <!-- 分页 --> |
|---|
| | | <vc:create path="frame/pagination"></vc:create> |
|---|
| | | <!-- 表格区域 --> |
|---|
| | | <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"> |
|---|
| | | 套餐及固定费 |
|---|
| | | </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"> |
|---|
| | | 备注1 |
|---|
| | | </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"> |
|---|
| | | 备注2 |
|---|
| | | </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.isTransfer || '-'}}</td> |
|---|
| | | <!-- 过户后公司名称 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.transferredCompany || '-'}}</td> |
|---|
| | | <!-- 过户日期 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.transferDate || '-'}}</td> |
|---|
| | | <!-- 地址 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.address || '-'}}</td> |
|---|
| | | <!-- 年 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.year || '-'}}</td> |
|---|
| | | <!-- 月 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.month || '-'}}</td> |
|---|
| | | <!-- 账单所属周期 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.billCycle || '-'}}</td> |
|---|
| | | <!-- 最后缴款日期 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.lastPaymentDate || '-'}}</td> |
|---|
| | | <!-- 套餐及固定费 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.packageFixedFee || '-'}}</td> |
|---|
| | | <!-- 套餐外语音通信费 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.extraVoiceFee || '-'}}</td> |
|---|
| | | <!-- 综合信息服务费 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.comprehensiveInfoFee || '-'}}</td> |
|---|
| | | <!-- 其他费用 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.otherFee || '-'}}</td> |
|---|
| | | <!-- 应付账单金额 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.payableAmount || '-'}}</td> |
|---|
| | | <!-- 备注1 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.remark1 || '-'}}</td> |
|---|
| | | <!-- 已开票金额 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.invoicedAmount || '-'}}</td> |
|---|
| | | <!-- 未开票金额 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.uninvoicedAmount || '-'}}</td> |
|---|
| | | <!-- 滞纳金 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.lateFee || '-'}}</td> |
|---|
| | | <!-- 小计 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.subtotal || '-'}}</td> |
|---|
| | | <!-- 所属单位 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.affiliatedUnit || '-'}}</td> |
|---|
| | | <!-- 支付日期 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.paymentDate || '-'}}</td> |
|---|
| | | <!-- 备注2 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.remark2 || '-'}}</td> |
|---|
| | | <!-- 数据录入人 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.dataEntryPerson || '-'}}</td> |
|---|
| | | <!-- 数据录入日期 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.dataEntryDate || '-'}}</td> |
|---|
| | | <!-- 财务审核人 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.financialAuditor || '-'}}</td> |
|---|
| | | <!-- 财务审核日期 --> |
|---|
| | | <td class="text-center">{{phoneBillFlow.financialAuditDate || '-'}}</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> |
|---|
