Lianxun_Vue.git

			@@ -1,9 +1,15 @@
			<div>
			<div class="row">
			<div class="col-md-1 " style="padding-right:0px;height: 95%; overflow-x: hidden; overflow-y: scroll; min-width: 120px;">
			<!-- 修改：使用 flex 布局，与电话费抄表页面保持一致 -->
			<!-- 原因：解决房屋树被表格覆盖的问题 -->
			<div class="flex justify-start">
			<!-- 修改：改回使用 property/roomTreeDiv 组件，与电话费抄表页面保持一致 -->
			<!-- 原因：确保房屋树能显示房间层级，支持房间选择 -->
			<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="meterWaterManage"></vc:create>
			</div>
			<div class="col-md-11 margin-top-xs padding-l-0" style="min-width: 800px;">
			<!-- 修改：调整右侧内容区域样式，使用 flex-grow: 1 自动填充剩余空间 -->
			<!-- 原因：适配 flex 布局，确保右侧内容不会被房屋树挤掉 -->
			<div class="margin-top-xs margin-left-sm" style="flex-grow: 1;">
			<div class="ibox ">
			<div class="ibox-title">
			<h5>
			@@ -44,17 +50,17 @@
			</button>
			</div>
			</div>


			</div>
			</div>


			<div class="ibox">
			<div class="ibox-title">
			<h5>
			<vc:i18n name="抄表信息" namespace="meterWaterManage"></vc:i18n>
			</h5>
			</div>
			<div class="ibox-content">
			<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-if="meterWaterManageInfo.conditions.objId" @click="_openAddMeterWaterModal()">
			@@ -78,10 +84,11 @@
			</button> -->
			</div>
			<!-- 表格区域 -->
			<div class="hc-table-div" :style="{'width':_computeTableDivWidth()}">
			<table class="table table-stripped table-condensed" data-page-size="15">
			<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>
			<tr style="white-space: nowrap;">
			<!-- 左侧列 -->
			<th class="text-center">
			<vc:i18n name="表ID" namespace="meterWaterManage"></vc:i18n>
			</th>
			@@ -91,7 +98,6 @@
			<th class="text-center">
			<vc:i18n name="对象名称" namespace="meterWaterManage"></vc:i18n>
			</th>
			<!-- 新增字段 -->
			<th class="text-center">
			用电类别/用水性质
			</th>
			@@ -101,7 +107,6 @@
			<th class="text-center">
			客户名称
			</th>
			<!-- 添加新字段表头 -->
			<th class="text-center">
			弄
			</th>
			@@ -112,16 +117,16 @@
			室
			</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">
			电能表编号
			@@ -136,9 +141,92 @@
			单价
			</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">
			费用ID
			</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">
			备注2
			</th>
			<th class="text-center">
			状态码
			</th>
			<th class="text-center">
			录入人
			</th>
			<th class="text-center">
			录入时间
			</th>
			<th class="text-center">
			<vc:i18n name="上期度数" namespace="meterWaterManage"></vc:i18n>
			</th>
			@@ -154,43 +242,69 @@
			<th class="text-center">
			<vc:i18n name="创建时间" namespace="meterWaterManage"></vc:i18n>
			</th>
			<th class="text-center hc-table-fix-right-td">
			<!-- 操作列 -->
			<th class="text-center" style="position: sticky; right: 0; background-color: #fff; z-index: 10;">
			<vc:i18n name="操作" namespace="meterWaterManage"></vc:i18n>
			</th>
			</tr>
			</thead>
			<tbody>
			<tr v-for="meterWater in meterWaterManageInfo.meterWaters">
			<td class="text-center">{{meterWater.waterId}}</td>
			<td class="text-center">{{meterWater.meterTypeName}}</td>
			<td class="text-center">{{meterWater.objName}}</td>
			<!-- 新增字段数据 -->
			<tr v-for="meterWater in meterWaterManageInfo.meterWaters" style="white-space: nowrap;">
			<!-- 左侧列 -->
			<td class="text-center">{{meterWater.waterId \|\| '-'}}</td>
			<td class="text-center">{{meterWater.meterTypeName \|\| '-'}}</td>
			<td class="text-center">{{meterWater.objName \|\| '-'}}</td>
			<td class="text-center">{{meterWater.meterType \|\| '-'}}</td>
			<td class="text-center">{{meterWater.roadName \|\| '-'}}</td>
			<td class="text-center">{{meterWater.householdName \|\| '-'}}</td>

			<!-- 添加新字段数据 -->
			<td class="text-center">{{meterWater.floorNum \|\| '-'}}</td>
			<td class="text-center">{{meterWater.unitNum \|\| '-'}}</td>
			<td class="text-center">{{meterWater.doorNum \|\| '-'}}</td>
			<td class="text-center">{{meterWater.roomNum \|\| '-'}}</td>
			<td class="text-center">{{meterWater.chargeStart \|\| '-'}}</td>
			<td class="text-center">{{meterWater.chargeEtart \|\| '-'}}</td>
			<!-- 电费相关字段 -->
			<td class="text-center">{{meterWater.householdName \|\| '-'}}</td>
			<td class="text-center">{{meterWater.householdNumber \|\| '-'}}</td>
			<td class="text-center">{{meterWater.address \|\| '-'}}</td>
			<td class="text-center">{{meterWater.accountNumber \|\| '-'}}</td>
			<td class="text-center">{{meterWater.electricMeterId \|\| '-'}}</td>
			<td class="text-center">{{meterWater.powerSupplyBureau \|\| '-'}}</td>
			<td class="text-center">{{meterWater.multiplyingFactor \|\| '-'}}</td>
			<td class="text-center">{{meterWater.unitPrice \|\| '-'}}</td>
			<td class="text-center">{{meterWater.price \|\| '-'}}</td>
			<td class="text-center">{{meterWater.invoiceAmount \|\| '-'}}</td>
			<!-- 原有字段 -->
			<td class="text-center">{{meterWater.preDegrees}}</td>
			<td class="text-center">{{meterWater.curDegrees}}</td>
			<td class="text-center">{{meterWater.preReadingTime}}</td>
			<td class="text-center">{{meterWater.curReadingTime}}</td>
			<td class="text-center">{{meterWater.createTime}}</td>
			<td class="text-center hc-table-fix-right-td">
			<div class="btn-group">
			<td class="text-center">{{meterWater.totalPayableAmount \|\| '-'}}</td>
			<td class="text-center">{{meterWater.amountDifference \|\| '-'}}</td>
			<td class="text-center">{{meterWater.arrearsUnpaid \|\| '-'}}</td>
			<td class="text-center">{{meterWater.carryOverBalance \|\| '-'}}</td>
			<td class="text-center">{{meterWater.latePaymentFine \|\| '-'}}</td>
			<td class="text-center">{{meterWater.latePaymentSurcharge \|\| '-'}}</td>
			<td class="text-center">{{meterWater.autoDeduction \|\| '-'}}</td>
			<td class="text-center">{{meterWater.isTransferred \|\| '-'}}</td>
			<td class="text-center">{{meterWater.companyNameAfterTransfer \|\| '-'}}</td>
			<td class="text-center">{{meterWater.checkApplyCompanyName \|\| '-'}}</td>
			<td class="text-center">{{meterWater.checkApplyDeptProject \|\| '-'}}</td>
			<td class="text-center">{{meterWater.collectionStandard \|\| '-'}}</td>
			<td class="text-center">{{meterWater.correspondingHouseholdCount \|\| '-'}}</td>
			<td class="text-center">{{meterWater.feeId \|\| '-'}}</td>
			<td class="text-center">{{meterWater.feePaymentStatus \|\| '-'}}</td>
			<td class="text-center">{{meterWater.handler \|\| '-'}}</td>
			<td class="text-center">{{meterWater.lastPaymentDate \|\| '-'}}</td>
			<td class="text-center">{{meterWater.meterReadBookNo \|\| '-'}}</td>
			<td class="text-center">{{meterWater.readingType \|\| '-'}}</td>
			<td class="text-center">{{meterWater.waterConsumption \|\| '-'}}</td>
			<td class="text-center">{{meterWater.sewageTreatmentWater \|\| '-'}}</td>
			<td class="text-center">{{meterWater.waterFeePayer \|\| '-'}}</td>
			<td class="text-center">{{meterWater.remark \|\| '-'}}</td>
			<td class="text-center">{{meterWater.remark2 \|\| '-'}}</td>
			<td class="text-center">{{meterWater.statusCd \|\| '-'}}</td>
			<td class="text-center">{{meterWater.writer \|\| '-'}}</td>
			<td class="text-center">{{meterWater.writeTime \|\| '-'}}</td>
			<td class="text-center">{{meterWater.preDegrees \|\| '-'}}</td>
			<td class="text-center">{{meterWater.curDegrees \|\| '-'}}</td>
			<td class="text-center">{{meterWater.preReadingTime \|\| '-'}}</td>
			<td class="text-center">{{meterWater.curReadingTime \|\| '-'}}</td>
			<td class="text-center">{{meterWater.createTime \|\| '-'}}</td>
			<!-- 操作列 -->
			<td class="text-center" style="position: sticky; right: 0; background-color: #fff; z-index: 10;">
			<div class="btn-group" style="margin-bottom: 5px;">
			<button class="btn-white btn btn-xs"
			@click="_openEditMeterWaterModel(meterWater)">
			<vc:i18n name="修改" namespace="meterWaterManage"></vc:i18n>
			@@ -208,15 +322,15 @@
			</table>
			</div>
			<!-- 分页区域 -->
			<div class="row margin-top-xs">
			<div class="row margin-top-xs" style="padding-top: 20px; clear: both; margin-bottom: 20px;">
			<div class="col-sm-12">
			<div class="float-right">
			<div style="display: flex; justify-content: center; align-items: center; margin-top: 10px; width: 100%;">
			<vc:create path="frame/pagination"></vc:create>
			</div>
			</div>
			</div>
			</div>


			</div>
			</div>
			</div>
			@@ -225,5 +339,5 @@
			<vc:create path="property/deleteMeterWater"></vc:create>
			<vc:create path="property/importMeterWaterFee"></vc:create>
			<vc:create path="room/roomMeterQrcode"></vc:create>

			</div>

			</div>