Skip to content

E
energyai_vue
Commit 577d0221 authored by xiexingan's avatar xiexingan
Browse files
Options

室内气象数据

parent 8fcfeb80
Hide whitespace changes
Inline Side-by-side
Showing with 151 additions and 51 deletions
src/pages/kb/indoor/index.vue
View file @ 577d0221
<template lang="pug"> <template lang="pug">
card-warp(title="室内气象数据" height='45px' showBackground ) card-warp(title="室内气象数据", height="45px", showBackground)
div(slot='right') div(slot="right")
router-link(:to="{name:'analysis-indoor'}") router-link(:to="{ name: 'analysis-indoor' }")
el-button(size='mini' type='primary') 综合图形 el-button(size="mini", type="primary") 综合图形
div(slot="content", style="height: 90%") div(slot="content", style="height: 90%")
el-tabs.myTabs(v-model="activeName", @tab-click="tabClick") el-tabs.myTabs(v-model="activeName", @tab-click="tabClick")
el-tab-pane(label="候车室区域", name="1") el-tab-pane(label="候车室区域", name="1")
el-tab-pane(label="办公区域", name="2") el-tab-pane(label="办公区域", name="2")
el-form(:inline='true') el-form(:inline="true")
el-form-item(label='设备编号:') el-form-item(label="设备编号:")
el-input(size='mini') el-input(size="mini")
el-form-item(label='') el-form-item(label="")
el-button(type='primary' size='mini') 查询 el-button(type="primary", size="mini") 查询
.data-warp .data-warp
div.data-item .data-item
div.type 温度 .type 温度
div.color-blue .color-blue
span.num 37 span.num 37
span.unit ℃ span.unit ℃
div.data-item .data-item
div.type 湿度 .type 湿度
div.color-cyan .color-cyan
span.num 25 span.num 25
span.unit %RH span.unit %RH
div.data-item() .data-item
div.type CO2 .type CO2
div.color-green .color-green
span.num 17 span.num 17
span.unit PPM span.unit PPM
el-table(size="mini" :data='dataList' stripe v-loading='dataListLoading' style='width: 100%;' :header-cell-style="{ background: '#EEF8FF', color: '#333333' }") el-table(
el-table-column(:resizable="false" type="index" header-align='center' align='center' width="50" label='序号') size="mini",
el-table-column(:resizable="false" prop='visitorId' header-align='center' align='center' width='240' label='设备编号') :data="dataList",
el-table-column(:resizable="false" prop='visitorId' header-align='center' align='center' width='240' label='设备名称') stripe,
el-table-column(:resizable="false" prop='visitorId' header-align='center' align='center' width='240' label='温度(℃)') v-loading="dataListLoading",
el-table-column(:resizable="false" prop='visitorId' header-align='center' align='center' label='湿度(%RH)') style="width: 100%",
el-table-column(:resizable="false" prop='visitorId' header-align='center' align='center' ) :header-cell-style="{ background: '#EEF8FF', color: '#333333' }"
span(slot='header') )
span CO el-table-column(
sub 2 :resizable="false",
span ( PPM ) type="index",
el-table-column(:resizable="false" prop='visitorId' header-align='center' align='center' label='设备状态') header-align="center",
el-table-column( :resizable="false" header-align='center' align='center' width='180' label='操作内容') align="center",
template(slot-scope='scope') width="50",
el-button(type='text' size='small' @click='showParams(scope.row,1)') 历史数据 label="序号"
el-button(type='text' size='small' @click='showParams(scope.row,2)') 统计图表 )
tablePagination(:pageSize="pageSize" :totalSize="totalPage" @parentMethod='getDataList') el-table-column(
history(v-if='historyVisible', ref='history', @refreshdatalist='getDataList') :resizable="false",
prop="visitorId",
header-align="center",
align="center",
width="240",
label="设备编号"
)
el-table-column(
:resizable="false",
prop="visitorId",
header-align="center",
align="center",
width="240",
label="设备名称"
)
el-table-column(
:resizable="false",
prop="visitorId",
header-align="center",
align="center",
width="240",
label="温度(℃)"
)
el-table-column(
:resizable="false",
prop="visitorId",
header-align="center",
align="center",
label="湿度(%RH)"
)
el-table-column(
:resizable="false",
prop="visitorId",
header-align="center",
align="center"
)
span(slot="header")
span CO
sub 2
span ( PPM )
el-table-column(
:resizable="false",
prop="visitorId",
header-align="center",
align="center",
label="设备状态"
)
el-table-column(
:resizable="false",
header-align="center",
align="center",
width="180",
label="操作内容"
)
template(slot-scope="scope")
el-button(
type="text",
size="small",
@click="showParams(scope.row, 1)"
) 历史数据
el-button(
type="text",
size="small",
@click="showParams(scope.row, 2)"
) 统计图表
tablePagination(
:pageSize="pageSize",
:totalSize="totalPage",
@parentMethod="getDataList"
)
history(
v-if="historyVisible",
ref="history",
@refreshdatalist="getDataList"
)
</template> </template>
<script> <script>
...@@ -64,15 +137,42 @@ export default { ...@@ -64,15 +137,42 @@ export default {
activeName: '1', activeName: '1',
dataList: [{ id: 1 }], dataList: [{ id: 1 }],
dataListLoading: false, dataListLoading: false,
pageSize: 50, pageSize: 10,
totalPage: 0 totalPage: 0
} }
}, },
mounted() {
this.getDataList()
},
methods: { methods: {
tabClick(tab, event) { tabClick(tab, event) {
console.log(tab, event) // console.log(tab, event)
this.getDataList()
},
// 获取数据列表
getDataList(page, size) {
this.$http({
url: this.$http.adornUrl('/liResource/list'),
method: 'post',
data: {
type: '507ba9ae22174e4dbbf32dbf34dd7139', //室内气象站
region: Number(this.activeName), //区域类型
page: page || this.pageIndex,
size: size || this.pageSize
}
}).then((data) => {
if (data && data.code === 0) {
console.log('数据', data)
this.dataList = data.page.rows
// this.tableColums = crecords
this.totalSize = data.page.total
} else {
this.dataList = []
this.totalSize = 0
}
})
}, },
getDataList() {},
showParams(data, type) { showParams(data, type) {
console.log(111) console.log(111)
this.historyVisible = true this.historyVisible = true
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment