Files
PropertyDeployment/resources/Web/MicroCommunityIotWeb/html/pages/meter/adminMeter/adminMeter.html
2025-12-09 20:22:03 +08:00

165 lines
9.3 KiB
HTML

<div>
<div class="row">
<div class="col-md-1 padding-r-0">
<vc:create path="community/selectAdminCommunity"></vc:create>
</div>
<div class="col-md-11">
<div class="ibox ">
<div class="ibox-title">
<h5>
<vc:i18n name="查询条件"></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('请选择名称','adminMeter')"
v-model="adminMeterInfo.conditions.machineNameLike" class=" form-control">
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请选择表号','adminMeter')"
v-model="adminMeterInfo.conditions.address" class=" form-control">
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<select class="custom-select" v-model="adminMeterInfo.conditions.implBean">
<option selected value="">{{vc.i18n('请选择厂家','adminMeter')}}
</option>
<option :value="item.factoryId" v-for="(item,index) in adminMeterInfo.factorys">
{{item.factoryName}}
</option>
</select>
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<select class="custom-select" v-model="adminMeterInfo.conditions.machineModel">
<option selected value="">{{vc.i18n('请选择模式','adminMeter')}}
</option>
<option value="1001">{{vc.i18n('充值模式','adminMeter')}}</option>
<option value="2002">{{vc.i18n('抄表模式','adminMeter')}}</option>
</select>
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('房屋编号 楼栋-单元-房屋','adminMeter')"
v-model="adminMeterInfo.conditions.roomNameLike" class=" form-control">
</div>
</div>
<div class="col-sm-1">
<button type="button" class="btn btn-primary btn-sm"
v-on:click="_queryMeterMachineMethod()">
<i class="glyphicon glyphicon-search"></i> <span>
<vc:i18n name="查询"></vc:i18n>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="ibox">
<div class="ibox-title">
<h5>
<vc:i18n name="智能水电表" namespace="adminMeter"></vc:i18n>
</h5>
<div class="ibox-tools" style="top:10px;">
</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='adminMeter'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='小区名称' namespace='adminMeter'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='名称' namespace='adminMeter'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='表号' namespace='adminMeter'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='表类型' namespace='adminMeter'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='模式' namespace='adminMeter'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='房屋' namespace='adminMeter'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='设备厂家' namespace='adminMeter'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='当前度数' namespace='adminMeter'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='剩余金额' namespace='adminMeter'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='读表时间' namespace='adminMeter'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='状态' namespace='adminMeter'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='心跳时间' namespace='adminMeter'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='操作'></vc:i18n>
</th>
</tr>
</thead>
<tbody>
<tr v-for="meterMachine in adminMeterInfo.meterMachines">
<td class="text-center">{{meterMachine.machineId}}</td>
<td class="text-center">{{meterMachine.communityName}}</td>
<td class="text-center">{{meterMachine.machineName}}</td>
<td class="text-center">{{meterMachine.address}}</td>
<td class="text-center">{{_getMeterTypeName(meterMachine.meterType)}}</td>
<td class="text-center">{{meterMachine.machineModel == '1001'?'充值模式':'抄表模式'}}</td>
<td class="text-center">{{meterMachine.roomName}}</td>
<td class="text-center">{{meterMachine.implBeanName}}</td>
<td class="text-center" v-if="meterMachine.machineModel == '1001'">
{{meterMachine.degree?meterMachine.degree:meterMachine.prestoreDegrees}}</td>
<td class="text-center" v-else>-</td>
<td class="text-center" v-if="meterMachine.machineModel == '1001'">
{{meterMachine.curDegrees}}</td>
<td class="text-center" v-else>
{{meterMachine.curDegrees}}(每月{{meterMachine.readDay}}日{{meterMachine.readHours}}时抄表)
</td>
<td class="text-center">{{meterMachine.curReadingTime}}</td>
<td class="text-center">{{meterMachine.stateName}}</td>
<td class="text-center">{{meterMachine.heartbeatTime}}</td>
<td class="text-center">
<div class="margin-bottom-xs">
<button class="btn-white btn btn-xs" v-on:click="_toMeterDetail(meterMachine)">
<vc:i18n name="详情"></vc:i18n>
</button>
</div>
</td>
</tr>
</tbody>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
</div>