<div>
|
<div class="row">
|
<div class="col-md-1 " style="padding-right:0px; overflow-x: hidden; overflow-y: auto; min-width: 120px; position: relative; z-index: 10;">
|
<vc:create path="property/roomTreeDiv" callBackListener="meterWaterManage"></vc:create>
|
</div>
|
<div class="col-md-11 margin-top-xs padding-l-0" style="overflow: visible;">
|
<div class="ibox ">
|
<div class="ibox-title">
|
<h5>
|
<vc:i18n name="查询条件" namespace="meterWaterManage"></vc:i18n>
|
</h5>
|
<div class="ibox-tools" style="top:10px;"></div>
|
</div>
|
<div class="ibox-content">
|
<div class="row">
|
<div class="col-sm-2">
|
<select class="custom-select" v-model="meterWaterManageInfo.conditions.meterType">
|
<option selected value="">{{vc.i18n('请选择表类型','meterWaterManage')}}</option>
|
<option v-for="(item,index) in meterWaterManageInfo.meterTypes" :key="index"
|
v-bind:value="item.typeId">{{item.typeName}}
|
</option>
|
</select>
|
</div>
|
<!-- <div class="col-sm-2">
|
<select class="custom-select" v-model="meterWaterManageInfo.conditions.meterType">
|
<option selected value="">{{vc.i18n('请选择表类型','meterWaterManage')}}</option>
|
<option v-for="(item,index) in meterWaterManageInfo.meterTypes" :key="index"
|
v-bind:value="item.typeId">{{item.typeName}}
|
</option>
|
</select>
|
</div> -->
|
<div class="col-sm-2">
|
<div class="form-group">
|
<input type="text" :placeholder="vc.i18n('请输入表ID','meterWaterManage')"
|
v-model="meterWaterManageInfo.conditions.waterId" class=" form-control">
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryMeterWaterMethod()">
|
<vc:i18n name="查询" namespace="meterWaterManage"></vc:i18n>
|
</button>
|
<button type="button" class="btn btn-primary btn-sm" v-on:click="_resetMeterWaterMethod()">
|
<vc:i18n name="重置" namespace="meterWaterManage"></vc:i18n>
|
</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" 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()">
|
<vc:i18n name="抄表" namespace="meterWaterManage"></vc:i18n>
|
</button>
|
<button type="button" class="btn btn-white btn-sm" @click="_openMeterType()">
|
<vc:i18n name="抄表类型" namespace="meterWaterManage"></vc:i18n>
|
</button>
|
<!-- 注释掉二维码抄表按钮 -->
|
<!-- <button type="button" class="btn btn-white btn-sm" v-if="meterWaterManageInfo.conditions.objId" @click="_openMeterQrCode()">
|
<vc:i18n name="二维码抄表" namespace="meterWaterManage"></vc:i18n>
|
</button> -->
|
<button type="button" class="btn btn-white btn-sm"
|
@click="_openMeterWaterImport(null,true)">
|
<i class="fa fa-plus"></i>抄表导入
|
</button>
|
<!-- 注释掉抄表导入2按钮 -->
|
<!-- <button type="button" class="btn btn-white btn-sm"
|
@click="_openMeterWaterImport2(null,true)">
|
<i class="fa fa-plus"></i>抄表导入2
|
</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">
|
<vc:i18n name="表ID" namespace="meterWaterManage"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="表类型" namespace="meterWaterManage"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="对象名称" namespace="meterWaterManage"></vc:i18n>
|
</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">
|
<vc:i18n name="上期度数" namespace="meterWaterManage"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="本期度数" namespace="meterWaterManage"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="上期读表时间" namespace="meterWaterManage"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="本期读表时间" namespace="meterWaterManage"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="创建时间" namespace="meterWaterManage"></vc:i18n>
|
</th>
|
<!-- 操作列 -->
|
<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" 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.roomNum || '-'}}</td>
|
<td class="text-center">{{meterWater.chargeStart || '-'}}</td>
|
<td class="text-center">{{meterWater.chargeEnd || '-'}}</td>
|
<td class="text-center">{{meterWater.householdName || '-'}}</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.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" 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>
|
</button>
|
</div>
|
<div class="btn-group">
|
<button class="btn-white btn btn-xs"
|
@click="_openDeleteMeterWaterModel(meterWater)">
|
<vc:i18n name="删除" namespace="meterWaterManage"></vc:i18n>
|
</button>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<!-- 分页区域 -->
|
<div class="row margin-top-xs" style="padding-top: 20px; clear: both; margin-bottom: 20px;">
|
<div class="col-sm-12">
|
<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>
|
<vc:create path="property/addMeterWater" callBackListener="" callBackFunction=""></vc:create>
|
<vc:create path="property/editMeterWater"></vc:create>
|
<vc:create path="property/deleteMeterWater"></vc:create>
|
<vc:create path="property/importMeterWaterFee"></vc:create>
|
<vc:create path="room/roomMeterQrcode"></vc:create>
|
|
</div>
|
