Skip to content

E
energyai_vue
Commit 44a8df15 authored by xiexingan's avatar xiexingan
Browse files
Options

Merge branch 'dev' of gitlab.suntrayoa.com:geqilin/energyai_vue into dev

parents fd4f333a 579181c9
Show whitespace changes
Inline Side-by-side
Showing with 101 additions and 87 deletions
src/pages/kb/indoor/history.vue
View file @ 44a8df15
......@@ -9,29 +9,24 @@
el-button(
size="mini",
type="primary",
@click="handleDate(index)",
@click="handleDate(item.id)",
v-for="(item, index) in typeList",
:key="index",
:class="[index == currentActive ? 'isActive' : '']"
:class="[item.id == currentActive ? 'isActive' : '']"
) {{ item.name }}
span(v-if="type==1")
el-table( :data='dataList' size="mini" ,style='width: 100%;' :header-cell-style="{ background: '#EEF8FF', color: '#333333' }")
el-table-column( :resizable="false" type='index', header-align='center', align='center', label='序号')
el-table-column( :resizable="false" prop='name', header-align='center', align='center', label='温度（℃）')
el-table-column( :resizable="false" prop='name', header-align='center', align='center', label='湿度（%RH）')
el-table-column( :resizable="false" prop='name', header-align='center', align='center', label='CO2（PPM）')
el-table-column( :resizable="false" prop='name', header-align='center', align='center', label='设备状态')
el-table-column( :resizable="false" prop='name', header-align='center', align='center', label='采集时间')
el-table-column( :resizable="false" prop='temperature', header-align='center', align='center', label='温度（℃）')
el-table-column( :resizable="false" prop='humidity', header-align='center', align='center', label='湿度（%RH）')
el-table-column( :resizable="false" prop='carbon_dioxide', header-align='center', align='center', label='CO2（PPM）')
//- el-table-column( :resizable="false" prop='name', header-align='center', align='center', label='设备状态')
el-table-column( :resizable="false" prop='create_time', header-align='center', align='center', label='采集时间')
tablePagination(:pageSize="pageSize" :totalSize="totalPage" @parentMethod='getDataList')
span(v-else)
.echartsWarp(width="100%", flex)
div(v-for='item in chartList' :key='item.id')
chart(:id="item.id", :data="data", :title="item.title", :color="item.color")
//- div
//- pie
span.dialog-footer(slot='footer')
el-button(@click='visible = false' size='mini') 取消
el-button(type='primary', @click='dataFormSubmit' size='mini') 确定
chart(:id="item.id", :data="item.data", :title="item.title", :color="item.color")
</template>
<script>
......@@ -48,12 +43,12 @@ export default {
data() {
return {
typeList: [
{ name: '当日' },
{ name: '本周' },
{ name: '当月' },
{ name: '今年' }
{ name: '当日', id: 1 },
{ name: '本周', id: 2 },
{ name: '当月', id: 3 },
{ name: '今年', id: 4 }
],
currentActive: '0',
currentActive: 1,
type: null,
pageSize: 10,
totalPage: 0,
......@@ -64,75 +59,80 @@ export default {
},
dataList: [],
chartList: [
{ id: '11', title: '温度', color: '#21ACFC' },
{ id: '22', title: '湿度', color: '#36CBCB' },
{ id: '33', title: 'CO2', color: '#4ECB74' },
{ id: '77', title: '故障报警', color: '#975FE4' }
],
data: [
['2019-8-14 8:00:00', 70],
['2019-8-14 8:00:01', 60],
['2019-8-14 8:00:02', 30],
['2019-8-14 8:00:03', 79],
['2019-8-14 8:00:06', 10],
['2019-8-14 8:00:20', 31]
{ id: '11', title: '温度', color: '#21ACFC', data: [] },
{ id: '22', title: '湿度', color: '#36CBCB', data: [] },
{ id: '33', title: 'CO2', color: '#4ECB74', data: [] },
{ id: '44', title: '故障报警', color: '#975FE4', data: [] }
],
dataRule: {}
}
},
methods: {
init(id, type) {
init(data, type) {
this.type = type
this.dataForm.id = id
this.visible = true
if (id) {
// this.$http({
// url: this.$http.adornUrlProduct(`/brandMain/getId/${this.dataForm.id}`),
// method: 'get',
// params: this.$http.adornParams()
// }).then((data) => {
// if (data && data.code === 0) {
// this.dataForm = data.bean
// }
// })
this.currentActive = 1
if (this.type === 1) {
this.getDataList() //获取历史数据列表
} else if (this.type === 2) {
this.getDataListTb()
}
},
getDataList(page, size) {
this.$http({
url: this.$http.adornUrl(`/kanban/getListByTypeAndId`),
method: 'get',
params: this.$http.adornParams({
resourceId: '',
resourceType: '507ba9ae22174e4dbbf32dbf34dd7139', //室内气象站
type: this.currentActive,
page: page || this.pageIndex,
rows: size || this.pageSize
})
}).then((data) => {
if (data && data.code === 0) {
console.log('室内气象站历史数据', data)
this.dataList = data.page.records
this.totalPage = data.page.total
} else {
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
this.dataList = []
this.totalPage = 0
}
})
},
getDataListTb() {
this.$http({
url: this.$http.adornUrl('/analysis/getSnqxzInfoTj'),
method: 'get',
params: this.$http.adornParams({
resourceId: '',
type: this.currentActive
})
}).then((data) => {
if (data && data.code === 0) {
// console.log('数据', data)
this.chartList[0].data = data.temperatureList
this.chartList[1].data = data.humidityList
this.chartList[2].data = data.carbonDioxideList
this.chartList[3].data = data.carbonDioxideList
}
})
},
getDataList() {},
// 当日 ，本周
handleDate(i) {
this.currentActive = i
},
// 表单提交
dataFormSubmit() {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
// this.$http({
// url: this.$http.adornUrlProduct(`/brandMain/${!this.dataForm.id ? 'save' : 'update'}`),
// method: 'post',
// data: this.dataForm
// }).then((data) => {
// if (data && data.code === 0) {
// this.$message({
// message: '操作成功',
// type: 'success',
// duration: 1500,
// onClose: () => {
// this.visible = false
// this.$emit('refreshdatalist')
// }
// })
// } else {
// this.$message.error(data.msg)
// }
// })
if (this.type === 1) {
this.getDataList() //获取历史数据列表
} else if (this.type === 2) {
this.getDataListTb()
}
},
showParams(data, type) {
console.log(111)
this.historyVisible = true
this.$nextTick(() => {
this.$refs.history.init(data, type)
})
}
}
......
src/pages/kb/indoor/index.vue
View file @ 44a8df15
......@@ -97,7 +97,7 @@ card-warp(title="室内气象数据", height="45px", showBackground)
header-align="center",
align="center",
width="180",
label="操作内容"
label="操作"
)
template(slot-scope="scope")
el-button(
......
src/pages/kb/outdoor/history.vue
View file @ 44a8df15
......@@ -218,7 +218,7 @@ export default {
},
getDataListTb() {
this.$http({
url: this.$http.adornUrl('/kanban/getSwqxzInfoTj'),
url: this.$http.adornUrl('/analysis/getSwqxzInfoTj'),
method: 'get',
params: this.$http.adornParams({
type: this.currentActive
......
src/pages/kb/outdoor/index.vue
View file @ 44a8df15
......@@ -197,23 +197,37 @@ export default {
{ id: '77', title: '辐射', color: '#975FE4', data: [] },
{ id: '88', title: '故障报警数', color: '#F2637B', data: [] }
],
type: 1,
data: [
// ['2019-8-14 8:00:00', 70],
// ['2019-8-14 8:00:01', 60],
// ['2019-8-14 8:00:02', 30],
// ['2019-8-14 8:00:03', 79],
// ['2019-8-14 8:00:06', 10],
// ['2019-8-14 8:00:20', 31]
]
type: 1
}
},
mounted() {
this.getDataList()
this.getDataListTb()
},
methods: {
// 获取数据
getDataList() {
// 获取数据列表
getDataList(page, size) {
this.$http({
url: this.$http.adornUrl('/liResource/list'),
method: 'post',
data: {
type: '9a570e608d0840499551eca89d76449d', //室外气象站
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
}
})
},
getDataListTb() {
this.$http({
url: this.$http.adornUrl('/kanban/getSwqxzInfoTj'),
method: 'get',
......
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