182 lines
4.8 KiB
Vue
182 lines
4.8 KiB
Vue
<template>
|
|
<!-- 报警信息 -->
|
|
<div class="fullHeight">
|
|
<div class="searchBox whiteBlock">
|
|
<el-form
|
|
:inline="true"
|
|
size="medium"
|
|
:model="queryInfo"
|
|
class="demo-form-inline"
|
|
>
|
|
<el-form-item :label="$t('message.lifter.devName')">
|
|
<el-select
|
|
v-model="queryInfo.ammeterNo"
|
|
:placeholder="$t('message.alarmValueSet.placeholder_select')"
|
|
style="margin-right: 20px"
|
|
>
|
|
<el-option
|
|
v-for="(item, index) in deviceIdArr"
|
|
:key="index"
|
|
:label="item.ammeterName"
|
|
:value="item.ammeterNo"
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<!-- 报警时间 -->
|
|
<el-form-item :label="$t('message.energyManage.alarmTime')">
|
|
<el-date-picker
|
|
v-model="daterange"
|
|
@change="changeDate"
|
|
type="daterange"
|
|
:range-separator="$t('message.energyManage.to')"
|
|
:start-placeholder="$t('message.energyManage.start')"
|
|
:end-placeholder="$t('message.energyManage.end')"
|
|
value-format="yyyy-MM-dd"
|
|
>
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" plain @click="query">{{
|
|
$t('message.alarmWarning.query')
|
|
}}</el-button>
|
|
<el-button type="warning" plain @click="refresh">{{
|
|
$t('message.alarmWarning.refresh')
|
|
}}</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
<div class="table_wrap whiteBlock">
|
|
<el-table class="tables" :data="List">
|
|
<!-- 序号 -->
|
|
<el-table-column
|
|
type="index"
|
|
:label="$t('message.energyManage.material.serialNo')"
|
|
align="center"
|
|
width="50"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
width="200"
|
|
prop="ammeterName"
|
|
align="center"
|
|
:label="$t('message.alarmWarning.deviceName')"
|
|
></el-table-column>
|
|
<!-- 报警时间 -->
|
|
<el-table-column
|
|
prop="alarmTime"
|
|
:label="$t('message.energyManage.alarmTime')"
|
|
align="center"
|
|
></el-table-column>
|
|
<el-table-column
|
|
prop="alarmReason"
|
|
:label="$t('message.energyManage.alarmReason')"
|
|
align="center"
|
|
></el-table-column>
|
|
<!-- 报警值 -->
|
|
<el-table-column
|
|
prop="alarmValue"
|
|
:label="$t('message.energyManage.alarmNum')"
|
|
align="center"
|
|
></el-table-column>
|
|
</el-table>
|
|
<el-pagination
|
|
class="pagerBox"
|
|
@size-change="SizeChange"
|
|
@current-change="CurrentChange"
|
|
:current-page="pagInfo.pageNo"
|
|
:page-sizes="$store.state.PAGESIZRS"
|
|
:page-size="pagInfo.pageSize"
|
|
layout="total, sizes, prev, pager, next"
|
|
:total="Number(pagInfo.total)"
|
|
background
|
|
></el-pagination>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import {
|
|
getwaterMeterListApi,
|
|
waterMeterAlarmListApi
|
|
} from '@/assets/js/api/electricDevManage'
|
|
|
|
export default {
|
|
mounted() {
|
|
this.getDevice()
|
|
this.getList()
|
|
},
|
|
data() {
|
|
return {
|
|
deviceIdArr: [],
|
|
queryInfo: {},
|
|
pagInfo: {
|
|
pageNo: 1, //页数
|
|
pageSize: 10, //条数
|
|
total: 0 //总条数
|
|
},
|
|
List: [],
|
|
daterange: []
|
|
}
|
|
},
|
|
methods: {
|
|
changeDate() {
|
|
if (this.daterange) {
|
|
this.queryInfo.startTime = this.daterange[0]
|
|
this.queryInfo.endTime = this.daterange[1]
|
|
} else {
|
|
this.queryInfo.startTime = ''
|
|
this.queryInfo.endTime = ''
|
|
}
|
|
},
|
|
refresh() {
|
|
this.queryInfo = {}
|
|
this.pagInfo.pageNo = 1 //页数
|
|
this.pagInfo.pageSize = 10 //条数
|
|
this.daterange = []
|
|
this.getList()
|
|
},
|
|
query() {
|
|
console.log('query', this.queryInfo)
|
|
this.getList()
|
|
},
|
|
getDevice() {
|
|
getwaterMeterListApi({ projectSn: this.$store.state.projectSn }).then(
|
|
(result) => {
|
|
if (result.success) {
|
|
this.deviceIdArr = result.result
|
|
console.log('get设备列表', this.deviceIdArr)
|
|
}
|
|
}
|
|
)
|
|
},
|
|
getList() {
|
|
waterMeterAlarmListApi(
|
|
Object.assign(this.queryInfo, this.pagInfo, {
|
|
projectSn: this.$store.state.projectSn
|
|
})
|
|
).then((result) => {
|
|
if (result.success) {
|
|
this.List = result.result.records
|
|
this.pagInfo.total = result.result.total
|
|
console.log('列表', result)
|
|
}
|
|
})
|
|
},
|
|
|
|
SizeChange(val) {
|
|
this.pagInfo.pageSize = val
|
|
this.getList()
|
|
},
|
|
CurrentChange(val) {
|
|
this.pagInfo.pageNo = val
|
|
this.getList()
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="less">
|
|
.searchBox > div {
|
|
margin-right: 15px;
|
|
}
|
|
</style>
|