From c9fc948cfa3cf91c072a13787aed5cb50fb31669 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Mon, 15 Jan 2024 13:24:41 +0800
Subject: [PATCH] fix:bug修复
---
src/views/Equipment/index.vue | 135 ++++---
src/views/reportForm/sensor.vue | 140 ++++++--
src/views/contrast/index.vue | 121 +++++--
src/views/reportForm/sensorday.vue | 347 +++++++++++++++------
src/views/Listdata/index.vue | 99 +++--
src/views/Equidata/index.vue | 88 +++--
6 files changed, 597 insertions(+), 333 deletions(-)
diff --git a/src/views/Equidata/index.vue b/src/views/Equidata/index.vue
index f3be95e..42bb79c 100644
--- a/src/views/Equidata/index.vue
+++ b/src/views/Equidata/index.vue
@@ -26,23 +26,33 @@
:picker-options="pickerOptions"
end-placeholder="������������"
style="margin-left: 1rem"
- >
- </el-date-picker>
+ />
- <el-button type="primary" @click="toExcel()" style="margin-left: 20px"
- >������</el-button
+ <el-button
+ type="primary"
+ style="margin-left: 20px"
+ @click="toExcel()"
>
- <el-button @click="exportMon">������</el-button>
+ ������
+ </el-button>
+ <el-button @click="exportMon">
+ ������
+ </el-button>
</div>
- <el-table :data="dateList" id="exportTab" style="margin-top: 20px" border max-height="800">
+ <el-table
+ id="exportTab"
+ :data="dateList"
+ style="margin-top: 20px"
+ border
+ max-height="800"
+ >
<el-table-column
v-for="item in columnList"
+ :key="item"
:prop="item"
:label="item"
width="180px"
- :key="item"
- >
- </el-table-column>
+ />
</el-table>
</div>
</template>
@@ -56,7 +66,7 @@
export default {
// import ���������������������������������������������������props
- data() {
+ data () {
// ������������������
return {
props: { multiple: true },
@@ -68,7 +78,7 @@
// newMac2:'',
newSensor: [],
timevalue: [],
- columnList: [], //���������������
+ columnList: [], // ���������������
dateList: [],
pickerOptions: {
disabledDate: (time) => {
@@ -81,12 +91,12 @@
computed: {},
// ������data������������������
watch: {
- newMac(newVal, oldval) {
+ newMac (newVal, oldval) {
this.newMac1 = []
this.newMac1.push(newVal[1][1])
this.getSensor()
},
- value(n, o) {
+ value (n, o) {
this.value1 = []
for (let i = 0; i < n.length; i++) {
this.value1.push(n[i][0])
@@ -94,22 +104,22 @@
},
},
// ������������ - ��������������������������������� this ���������
- created() {
+ created () {
this.getData()
},
// ������������ - ��������������������������� DOM ���������
- mounted() {},
- beforeCreate() {}, // ������������ - ������������
- beforeMount() {}, // ������������ - ������������
- beforeUpdate() {}, // ������������ - ������������
- updated() {}, // ������������ - ������������
- beforeDestroy() {}, // ������������ - ������������
- destroyed() {}, // ������������ - ������������
- activated() {},
+ mounted () {},
+ beforeCreate () {}, // ������������ - ������������
+ beforeMount () {}, // ������������ - ������������
+ beforeUpdate () {}, // ������������ - ������������
+ updated () {}, // ������������ - ������������
+ beforeDestroy () {}, // ������������ - ������������
+ destroyed () {}, // ������������ - ������������
+ activated () {},
// ������������
methods: {
// ������������������������
- getData() {
+ getData () {
this.$request({
url: '/monitorPoint/queryMonitorPoints',
method: 'get',
@@ -127,14 +137,16 @@
label: this.defaultData[i].name,
})
this.options[i].children = []
- for (let j = 0; j < this.defaultData[i].devices.length; j++) {
- this.options[i].children.push({
- value: [
- this.defaultData[i].devices[j].name,
- this.defaultData[i].devices[j].mac,
- ],
- label: this.defaultData[i].devices[j].name,
- })
+ if (this.defaultData[i].devices) {
+ for (let j = 0; j < this.defaultData[i].devices.length; j++) {
+ this.options[i].children.push({
+ value: [
+ this.defaultData[i].devices[j].name,
+ this.defaultData[i].devices[j].mac,
+ ],
+ label: this.defaultData[i].devices[j].name,
+ })
+ }
}
}
})
@@ -143,7 +155,7 @@
})
},
// ������mac���������������
- getSensor() {
+ getSensor () {
this.$request({
url: '/deviceInfo/getMacSensors',
method: 'post',
@@ -163,7 +175,7 @@
console.log(err)
})
},
- exportMon() {
+ exportMon () {
console.log(this.timevalue)
if (this.newMac == '') {
this.$message.warning('���������������')
@@ -173,7 +185,7 @@
this.$message.warning('���������������')
return
}
-
+
this.dateList = []
this.columnList = []
this.$request({
@@ -197,7 +209,7 @@
}
})
},
- toExcel() {
+ toExcel () {
let wb = XLSX.utils.table_to_book(document.querySelector('#exportTab'), {
sheet: '���������',
})
@@ -215,9 +227,9 @@
}
return ws
},
- setExlStyle(data) {
+ setExlStyle (data) {
let borderAll = {
- //���������������������
+ // ���������������������
top: {
style: 'thin',
},
@@ -237,7 +249,7 @@
data[key].s = {
border: borderAll,
alignment: {
- horizontal: 'center', //������������������
+ horizontal: 'center', // ������������������
vertical: 'center',
},
font: {
diff --git a/src/views/Equipment/index.vue b/src/views/Equipment/index.vue
index 38375cb..cae8f44 100644
--- a/src/views/Equipment/index.vue
+++ b/src/views/Equipment/index.vue
@@ -2,7 +2,10 @@
<div style="padding: 20px">
<el-card>
<div style="display: flex">
- <div class="timee" style="margin-top: 0.5rem">
+ <div
+ class="timee"
+ style="margin-top: 0.5rem"
+ >
{{ time }}
</div>
<div style="margin-left: 1.5rem">
@@ -13,10 +16,10 @@
:props="props"
collapse-tags
clearable
- @change="changeYz"
placeholder="������������"
style="width: 25rem"
- ></el-cascader>
+ @change="changeYz"
+ />
</div>
<div style="margin-left: 1.5rem">
<span>������������:</span>
@@ -27,14 +30,19 @@
collapse-tags
clearable
@change="res"
- ></el-cascader>
+ />
</div>
<div style="margin-left: 1.5rem">
- <el-button type="primary" @click="Equisel">������</el-button>
+ <el-button
+ type="primary"
+ @click="Equisel"
+ >
+ ������
+ </el-button>
</div>
</div>
</el-card>
- <el-table
+ <el-table
:data="dateList"
style="margin-top: 20px"
border
@@ -42,37 +50,36 @@
>
<el-table-column
v-for="item in columnList"
+ :key="item"
:prop="item"
:label="item"
width="180px"
- :key="item"
- >
- </el-table-column>
+ />
</el-table>
</div>
-</template>
+</template>
<script>
-//���������������������������������������������������������js������������������js���json������������������������������
+// ���������������������������������������������������������js������������������js���json������������������������������
// ���������import������������������from'������������������';
export default {
- //import ���������������������������������������������������
+ // import ���������������������������������������������������
components: {},
props: {},
- data() {
- //������������������
+ data () {
+ // ������������������
return {
time: '',
props: { multiple: true },
defaultData: [],
options: [],
- newSensor:[],
- newMac:'',
- newMac1:[],
- value:'',
- value1:'',
- columnList: [], //���������������
+ newSensor: [],
+ newMac: '',
+ newMac1: [],
+ value: '',
+ value1: '',
+ columnList: [], // ���������������
dateList: [],
}
},
@@ -80,7 +87,7 @@
computed: {},
// ������data������������������
watch: {
- newMac(newVal, oldval) {
+ newMac (newVal, oldval) {
this.newMac1 = []
for (let i = 0; i < newVal.length; i++) {
// console.log(newVal[i], 111)
@@ -90,19 +97,33 @@
this.getSensor()
console.log(this.newMac1)
},
- value(n, o) {
+ value (n, o) {
this.value1 = []
for (let i = 0; i < n.length; i++) {
this.value1.push(n[i][0])
}
},
},
- //������������
+ // ������������ - ��������������������������������� this ���������
+ created () {
+ this.time = this.dateTypeFormat('YYYY-mm-dd HH:MM:SS', new Date())
+ this.getData()
+ },
+ // ������������ - ��������������������������� DOM ���������
+ mounted () {},
+ beforeCreate () {}, // ������������ - ������������
+ beforeMount () {}, // ������������ - ������������
+ beforeUpdate () {}, // ������������ - ������������
+ updated () {}, // ������������ - ������������
+ beforeDestroy () {}, // ������������ - ������������
+ destroyed () {}, // ������������ - ������������
+ activated () {},
+ // ������������
methods: {
- res(res){
- console.log(res.toString());
+ res (res) {
+ console.log(res.toString())
},
- getData() {
+ getData () {
this.$request({
url: '/monitorPoint/queryMonitorPoints',
method: 'get',
@@ -118,14 +139,16 @@
label: this.defaultData[i].name,
})
this.options[i].children = []
- for (let j = 0; j < this.defaultData[i].devices.length; j++) {
- this.options[i].children.push({
- value: [
- this.defaultData[i].devices[j].name,
- this.defaultData[i].devices[j].mac,
- ],
- label: this.defaultData[i].devices[j].name,
- })
+ if (this.defaultData[i].devices) {
+ for (let j = 0; j < this.defaultData[i].devices.length; j++) {
+ this.options[i].children.push({
+ value: [
+ this.defaultData[i].devices[j].name,
+ this.defaultData[i].devices[j].mac,
+ ],
+ label: this.defaultData[i].devices[j].name,
+ })
+ }
}
}
})
@@ -133,10 +156,10 @@
console.log(error)
})
},
- changeYz(){
- this.getSensor();
+ changeYz () {
+ this.getSensor()
},
- getSensor() {
+ getSensor () {
this.$request({
url: '/deviceInfo/getMacSensors',
method: 'post',
@@ -145,7 +168,7 @@
},
})
.then((result) => {
- console.log(result);
+ console.log(result)
var sensor = result.data
for (var i in sensor) {
this.newSensor.push({ value: i, label: sensor[i] })
@@ -155,17 +178,17 @@
console.log(err)
})
},
- Equisel(){
+ Equisel () {
this.$request({
- url:'',
- method:'post',
- data:{
- time:this.time,
- zhan:this.newMac1,
- sensorCode:this.value1
+ url: '',
+ method: 'post',
+ data: {
+ time: this.time,
+ zhan: this.newMac1,
+ sensorCode: this.value1
}
- }).then((res)=>{
- console.log(res);
+ }).then((res) => {
+ console.log(res)
this.tableData = res.data
console.log(this.tableData, 'this.tableData')
for (let key in this.tableData[0]) {
@@ -176,22 +199,8 @@
}
})
}
- },
- //������������ - ��������������������������������� this ���������
- created() {
- this.time = this.dateTypeFormat('YYYY-mm-dd HH:MM:SS', new Date())
- this.getData();
- },
- //������������ - ��������������������������� DOM ���������
- mounted() {},
- beforeCreate() {}, //������������ - ������������
- beforeMount() {}, //������������ - ������������
- beforeUpdate() {}, //������������ - ������������
- updated() {}, //������������ - ������������
- beforeDestroy() {}, //������������ - ������������
- destroyed() {}, //������������ - ������������
- activated() {}, //���������������keep-alive������������������������������������
+ }, // ���������������keep-alive������������������������������������
}
</script>
<style scoped>
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/Listdata/index.vue b/src/views/Listdata/index.vue
index acc59f9..e253099 100644
--- a/src/views/Listdata/index.vue
+++ b/src/views/Listdata/index.vue
@@ -31,7 +31,7 @@
:props="props"
collapse-tags
clearable
- ></el-cascader>
+ />
</div>
<div>
<el-select
@@ -44,15 +44,14 @@
:key="item.value"
:label="item.label"
:value="item.value"
- >
- </el-option>
+ />
</el-select>
</div>
<component
:is="dataType"
style="padding-left: 0; margin-left: 20px; width: 160px"
- @sendPickerChild="showPickerChild"
class="select11"
+ @sendPickerChild="showPickerChild"
/>
<!-- <el-button type="primary" @click="toExcel()" style="margin-left: 20px"
@@ -69,32 +68,38 @@
<el-dropdown
split-button
type="primary"
+ style="margin-left: 20px"
@click="toExcel()"
@command="handleCommand"
- style="margin-left: 20px"
>
������
<el-dropdown-menu slot="dropdown">
- <el-dropdown-item command="expNew">������(���)</el-dropdown-item>
+ <el-dropdown-item command="expNew">
+ ������(���)
+ </el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
- <el-button @click="exportMon" style="margin-left: 10px">������</el-button>
+ <el-button
+ style="margin-left: 10px"
+ @click="exportMon"
+ >
+ ������
+ </el-button>
</div>
<el-table
- :data="dateList"
id="exportTab"
+ :data="dateList"
style="margin-top: 20px"
border
max-height="800"
>
<el-table-column
v-for="item in columnList"
+ :key="item"
:prop="item"
:label="item"
width="180px"
- :key="item"
- >
- </el-table-column>
+ />
<!-- <el-table-column
v-for="item in columnList"
:prop="item.props"
@@ -130,7 +135,7 @@
TimePicker1,
HourPicker1,
},
- data() {
+ data () {
// ������������������
return {
props: { multiple: true },
@@ -139,7 +144,7 @@
newMac: '',
newMac1: [],
newSensor: [] /* ������������ */,
- columnList: [], //���������������
+ columnList: [], // ���������������
dateList: [],
timevalue: [],
select1: '������',
@@ -170,7 +175,7 @@
computed: {},
// ������data������������������
watch: {
- select1(nv, ov) {
+ select1 (nv, ov) {
if (nv === '������') {
this.dataType = 'HourPicker'
this.unit = 'day'
@@ -189,7 +194,7 @@
}
},
// ���������������������������
- newMac(newVal, oldval) {
+ newMac (newVal, oldval) {
this.newMac1 = []
for (let i = 0; i < newVal.length; i++) {
// console.log(newVal[i], 111)
@@ -201,23 +206,23 @@
// ������dataType���������������
},
// ������������ - ��������������������������������� this ���������
- created() {
+ created () {
this.getData()
},
// ������������ - ��������������������������� DOM ���������
// mounted() {
//
// },
- beforeCreate() {}, // ������������ - ������������
- beforeMount() {}, // ������������ - ������������
- beforeUpdate() {}, // ������������ - ������������
- updated() {}, // ������������ - ������������
- beforeDestroy() {}, // ������������ - ������������
- destroyed() {}, // ������������ - ������������
- activated() {},
+ beforeCreate () {}, // ������������ - ������������
+ beforeMount () {}, // ������������ - ������������
+ beforeUpdate () {}, // ������������ - ������������
+ updated () {}, // ������������ - ������������
+ beforeDestroy () {}, // ������������ - ������������
+ destroyed () {}, // ������������ - ������������
+ activated () {},
// ������������
methods: {
- handleCommand(command) {
+ handleCommand (command) {
if (this.newMac1 == '') {
this.$message.warning('���������������')
return
@@ -245,10 +250,10 @@
this.getOutExcel('������������������.xlsx', res)
})
},
- getOutExcel(fileName, res) {
+ getOutExcel (fileName, res) {
let blob = new Blob([res], { type: 'application/x-xls' })
if (window.navigator.msSaveOrOpenBlob) {
- //������ IE & EDGE
+ // ������ IE & EDGE
navigator.msSaveBlob(blob, fileName)
} else {
var link = document.createElement('a')
@@ -256,18 +261,18 @@
const url = window.URL || window.webkitURL || window.moxURL
// ������������������
link.href = url.createObjectURL(blob)
- //������������������
+ // ������������������
link.download = fileName
- //������������������
+ // ������������������
link.click()
- //������������������������
+ // ������������������������
url.revokeObjectURL(link.href)
}
},
- showPickerChild(data) {
+ showPickerChild (data) {
this.newData = data
},
- getData() {
+ getData () {
this.$request({
url: '/monitorPoint/queryMonitorPoints',
method: 'get',
@@ -285,14 +290,16 @@
label: this.defaultData[i].name,
})
this.options[i].children = []
- for (let j = 0; j < this.defaultData[i].devices.length; j++) {
- this.options[i].children.push({
- value: [
- this.defaultData[i].devices[j].name,
- this.defaultData[i].devices[j].mac,
- ],
- label: this.defaultData[i].devices[j].name,
- })
+ if (this.defaultData[i].devices) {
+ for (let j = 0; j < this.defaultData[i].devices.length; j++) {
+ this.options[i].children.push({
+ value: [
+ this.defaultData[i].devices[j].name,
+ this.defaultData[i].devices[j].mac,
+ ],
+ label: this.defaultData[i].devices[j].name,
+ })
+ }
}
}
})
@@ -301,7 +308,7 @@
})
},
// ���������������������������������
- getSensor() {
+ getSensor () {
this.newSensor = []
this.$request({
url: '/deviceInfo/getMacSensors',
@@ -322,7 +329,7 @@
console.log(err)
})
},
- exportMon() {
+ exportMon () {
if (this.newMac1 == '') {
this.$message.warning('���������������')
return
@@ -345,7 +352,7 @@
times: this.newData instanceof Array ? this.newData : [this.newData],
},
}).then((res) => {
- //console.log(res, 11)
+ // console.log(res, 11)
this.tableData = res.data
for (let key in this.tableData[0]) {
this.columnList.push(key)
@@ -372,7 +379,7 @@
// }
})
},
- toExcel() {
+ toExcel () {
let wb = XLSX.utils.table_to_book(document.querySelector('#exportTab'), {
sheet: '���������',
})
@@ -390,9 +397,9 @@
}
return ws
},
- setExlStyle(data) {
+ setExlStyle (data) {
let borderAll = {
- //���������������������
+ // ���������������������
top: {
style: 'thin',
},
@@ -412,7 +419,7 @@
data[key].s = {
border: borderAll,
alignment: {
- horizontal: 'center', //������������������
+ horizontal: 'center', // ������������������
vertical: 'center',
},
font: {
diff --git a/src/views/contrast/index.vue b/src/views/contrast/index.vue
index ebe8eb3..e37eb75 100644
--- a/src/views/contrast/index.vue
+++ b/src/views/contrast/index.vue
@@ -1,9 +1,22 @@
<template>
<div style="width: 100%; height: 100%; margin:0 auto">
<div class="topSelect">
- <el-cascader v-model="newMac" :options="options" clearable placeholder="������������" style="width: 354px" />
- <el-cascader v-model="value" :options="newSensor" :props="props" collapse-tags clearable placeholder="������������"
- style="margin-left: 20px" />
+ <el-cascader
+ v-model="newMac"
+ :options="options"
+ clearable
+ placeholder="������������"
+ style="width: 354px"
+ />
+ <el-cascader
+ v-model="value"
+ :options="newSensor"
+ :props="props"
+ collapse-tags
+ clearable
+ placeholder="������������"
+ style="margin-left: 20px"
+ />
<!-- <el-select v-model="value" placeholder="������������">
<el-option
v-for="item in newSensor"
@@ -18,20 +31,40 @@
<!-- <el-radio-button label="������" />
<el-radio-button label="���������" /> -->
<!-- </el-radio-group> -->
- <el-select v-model="radio1" placeholder="���������" style="margin-left: 20px">
- <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
- </el-option>
+ <el-select
+ v-model="radio1"
+ placeholder="���������"
+ style="margin-left: 20px"
+ >
+ <el-option
+ v-for="item in options1"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ />
</el-select>
- <component :is="dataType" class="select11" style="padding-left: 0; margin-left: 20px; width: 160px"
- @sendPickerChild="showPickerChild" />
+ <component
+ :is="dataType"
+ class="select11"
+ style="padding-left: 0; margin-left: 20px; width: 160px"
+ @sendPickerChild="showPickerChild"
+ />
<!--������������-->
- <el-button @click="selectData" class="btn1">������</el-button>
+ <el-button
+ class="btn1"
+ @click="selectData"
+ >
+ ������
+ </el-button>
</div>
<!-- <div class="topTitle">
<div style="position:absolute">(������:ug/m��)</div>
<div style="text-align: center;width: 100%;">{{ newData }}��{{ newMac?newMac[0]:'' }}��{{ newMac?newMac[newMac.length - 1][0]:'' }}��{{ value |sensorFilter }}�����������</div>
</div> -->
- <LineChart :chart-data="lineChartData" style="height: 40rem;" />
+ <LineChart
+ :chart-data="lineChartData"
+ style="height: 40rem;"
+ />
</div>
</template>
@@ -83,7 +116,7 @@
props: {
// defaultData: Array
},
- data() {
+ data () {
// ������������������
return {
dataType: 'HourPicker',
@@ -129,7 +162,7 @@
computed: {},
// ������data������������������
watch: {
- newMac(newVal, oldval) {
+ newMac (newVal, oldval) {
this.newMac1 = []
// for (let i = 0; i < newVal.length; i++) {
// this.newMac1.push(newVal[i][1][1])
@@ -140,13 +173,13 @@
// this.getSensor()
// }
},
- value(n, o) {
+ value (n, o) {
this.value1 = []
for (let i = 0; i < n.length; i++) {
this.value1.push(n[i][0])
}
},
- radio1(nv, ov) {
+ radio1 (nv, ov) {
if (nv === '������') {
this.dataType = 'HourPicker'
this.unit = 0
@@ -167,22 +200,22 @@
},
},
// ������������ - ��������������������������������� this ���������
- created() {
+ created () {
this.getData()
},
// ������������ - ��������������������������� DOM ���������
- mounted() { },
- beforeCreate() { }, // ������������ - ������������
- beforeMount() { }, // ������������ - ������������
- beforeUpdate() { }, // ������������ - ������������
- updated() { }, // ������������ - ������������
- beforeDestroy() { }, // ������������ - ������������
- destroyed() { }, // ������������ - ������������
- activated() { },
+ mounted () { },
+ beforeCreate () { }, // ������������ - ������������
+ beforeMount () { }, // ������������ - ������������
+ beforeUpdate () { }, // ������������ - ������������
+ updated () { }, // ������������ - ������������
+ beforeDestroy () { }, // ������������ - ������������
+ destroyed () { }, // ������������ - ������������
+ activated () { },
// ������������
methods: {
// ������������������������
- getData() {
+ getData () {
this.$request({
url: '/monitorPoint/queryMonitorPoints',
method: 'get',
@@ -200,14 +233,16 @@
label: this.defaultData[i].name,
})
this.options[i].children = []
- for (let j = 0; j < this.defaultData[i].devices.length; j++) {
- this.options[i].children.push({
- value: [
- this.defaultData[i].devices[j].name,
- this.defaultData[i].devices[j].mac,
- ],
- label: this.defaultData[i].devices[j].name,
- })
+ if (this.defaultData[i].devices) {
+ for (let j = 0; j < this.defaultData[i].devices.length; j++) {
+ this.options[i].children.push({
+ value: [
+ this.defaultData[i].devices[j].name,
+ this.defaultData[i].devices[j].mac,
+ ],
+ label: this.defaultData[i].devices[j].name,
+ })
+ }
}
}
})
@@ -216,7 +251,7 @@
})
},
// ������mac���������������
- getSensor() {
+ getSensor () {
// stringMacs.su
// var newMac = this.newMac[this.newMac.length - 1][this.newMac[this.newMac.length - 1].length - 1]
// this.newMac1 = this.newMac[this.newMac.length - 1][this.newMac[this.newMac.length - 1].length - 1]
@@ -243,7 +278,7 @@
})
},
// ������
- selectData() {
+ selectData () {
var newLineChartData = {
series: [],
xAxis: [],
@@ -275,12 +310,16 @@
}
for (var i = 0; i < data.length; i++) {
newLineChartData.series.push({
- data: [], name: '', type: 'line', triggerLineEvent: true,
- emphasis: { focus: 'series' }, lineStyle: { width: 4 }
+ data: [],
+ name: '',
+ type: 'line',
+ triggerLineEvent: true,
+ emphasis: { focus: 'series' },
+ lineStyle: { width: 4 }
})
// newLineChartData.yAxis.push({})
newLineChartData.series[i].name = data[i].name
- newLineChartData.title.push(data[i].name);
+ newLineChartData.title.push(data[i].name)
for (var j = 0; j < data[i].timeValueList.length; j++) {
newLineChartData.series[i].data.push(data[i].timeValueList[j].value)
}
@@ -363,7 +402,7 @@
})
},
// ���������������������������������������������
- showPickerChild(data) {
+ showPickerChild (data) {
// var newLineChartData = {
// series: [],
// xAxis: [],
@@ -449,12 +488,12 @@
// })
},
// ���������������
- getMaxValue(arr) {
+ getMaxValue (arr) {
// return Math.max.apply(null, arr)
return Math.max(...arr)
},
// ������������������
- compare(property, desc) {
+ compare (property, desc) {
return (a, b) => {
var value1 = a[property]
var value2 = b[property]
@@ -466,7 +505,7 @@
}
},
// ������������������������
- filterSensorName() {
+ filterSensorName () {
this.chartSensorName = this.$options.filters.sensorFilter(
this.chartSensorKey[0].sensorCode
)
diff --git a/src/views/reportForm/sensor.vue b/src/views/reportForm/sensor.vue
index 92afa2e..cf33276 100644
--- a/src/views/reportForm/sensor.vue
+++ b/src/views/reportForm/sensor.vue
@@ -12,7 +12,10 @@
style="width: 21rem"
/>
<div>
- <el-radio-group v-model="select1" style="margin-left: 20px">
+ <el-radio-group
+ v-model="select1"
+ style="margin-left: 20px"
+ >
<el-radio-button label="���������" />
<el-radio-button label="������" />
<el-radio-button label="������" />
@@ -23,8 +26,8 @@
<component
:is="dataType"
style="padding-left: 0; margin-left: 30px"
- @sendPickerChild="showPickerChild"
class="select11"
+ @sendPickerChild="showPickerChild"
/>
<el-date-picker
v-if="dateDisplay"
@@ -38,11 +41,17 @@
/>
<el-button
type="primary"
- @click="getReportForm()"
style="margin-left: 10px"
- >������</el-button
+ @click="getReportForm()"
>
- <el-button type="primary" @click="exportExcel()">������������</el-button>
+ ������
+ </el-button>
+ <el-button
+ type="primary"
+ @click="exportExcel()"
+ >
+ ������������
+ </el-button>
</div>
</div>
<div class="topTitle">
@@ -56,7 +65,11 @@
:stripe="true"
@sort-change="changeTableSort"
>
- <el-table-column prop="rank" label="������" align="center" />
+ <el-table-column
+ prop="rank"
+ label="������"
+ align="center"
+ />
<el-table-column
prop="deviceName"
label="������"
@@ -69,8 +82,18 @@
width="180"
align="center"
/>
- <el-table-column prop="time" label="������" width="180" align="center" />
- <el-table-column prop="aqi" label="AQI" sortable align="center" />
+ <el-table-column
+ prop="time"
+ label="������"
+ width="180"
+ align="center"
+ />
+ <el-table-column
+ prop="aqi"
+ label="AQI"
+ sortable
+ align="center"
+ />
<el-table-column
prop="comIndex"
label="������������"
@@ -78,13 +101,48 @@
sortable
align="center"
/>
- <el-table-column prop="a34004" label="PM2.5" sortable align="center" />
- <el-table-column prop="a34002" label="PM10" sortable align="center" />
- <el-table-column prop="a21026" label="SO2" sortable align="center" />
- <el-table-column prop="a21004" label="NO2" sortable align="center" />
- <el-table-column prop="a21005" label="CO" sortable align="center" />
- <el-table-column prop="a05024" label="O3_8H" sortable align="center" />
- <el-table-column prop="a99054" label="TVOC" sortable align="center" />
+ <el-table-column
+ prop="a34004"
+ label="PM2.5"
+ sortable
+ align="center"
+ />
+ <el-table-column
+ prop="a34002"
+ label="PM10"
+ sortable
+ align="center"
+ />
+ <el-table-column
+ prop="a21026"
+ label="SO2"
+ sortable
+ align="center"
+ />
+ <el-table-column
+ prop="a21004"
+ label="NO2"
+ sortable
+ align="center"
+ />
+ <el-table-column
+ prop="a21005"
+ label="CO"
+ sortable
+ align="center"
+ />
+ <el-table-column
+ prop="a05024"
+ label="O3_8H"
+ sortable
+ align="center"
+ />
+ <el-table-column
+ prop="a99054"
+ label="TVOC"
+ sortable
+ align="center"
+ />
</el-table>
</div>
</div>
@@ -117,7 +175,7 @@
weekPicker,
},
props: {},
- data() {
+ data () {
// ������������������
return {
newData: [],
@@ -152,7 +210,7 @@
computed: {},
// ������data������������������
watch: {
- select1(nv, ov) {
+ select1 (nv, ov) {
if (nv === '������') {
this.dataType = 'HourPicker'
this.unit = 1
@@ -175,7 +233,7 @@
this.dateDisplay = false
}
},
- newMac(newVal, oldval) {
+ newMac (newVal, oldval) {
this.newMac1 = []
for (let i = 0; i < newVal.length; i++) {
// console.log(newVal[i], 111)
@@ -186,25 +244,25 @@
},
// ������������ - ��������������������������������� this ���������
- created() {
+ created () {
this.getData()
},
// ������������ - ��������������������������� DOM ���������
- mounted() {},
- beforeCreate() {}, // ������������ - ������������
- beforeMount() {}, // ������������ - ������������
- beforeUpdate() {}, // ������������ - ������������
- updated() {}, // ������������ - ������������
- beforeDestroy() {}, // ������������ - ������������
- destroyed() {}, // ������������ - ������������
- activated() {},
+ mounted () {},
+ beforeCreate () {}, // ������������ - ������������
+ beforeMount () {}, // ������������ - ������������
+ beforeUpdate () {}, // ������������ - ������������
+ updated () {}, // ������������ - ������������
+ beforeDestroy () {}, // ������������ - ������������
+ destroyed () {}, // ������������ - ������������
+ activated () {},
// ������������
methods: {
- showPickerChild(data) {
+ showPickerChild (data) {
this.newData = data
},
// ������������rank������(���������������������������������������������������������������)
- changeTableSort() {
+ changeTableSort () {
var sortTableData = this.$refs.mytable.tableData
// console.log(this.$refs.mytable.tableData, 111)
for (let i = 0; i < sortTableData.length; i++) {
@@ -213,7 +271,7 @@
},
// ������������
- exportExcel() {
+ exportExcel () {
/* generate workbook object from table */
var xlsxParam = { raw: true } // ���������������������������������������������������
var wb = XLSX.utils.table_to_book(
@@ -240,7 +298,7 @@
return wbout
},
// ������������������
- getData() {
+ getData () {
this.$request({
url: '/monitorPoint/queryMonitorPoints',
method: 'get',
@@ -258,14 +316,16 @@
label: this.defaultData[i].name,
})
this.options[i].children = []
- for (let j = 0; j < this.defaultData[i].devices.length; j++) {
- this.options[i].children.push({
- value: [
- this.defaultData[i].devices[j].name,
- this.defaultData[i].devices[j].mac,
- ],
- label: this.defaultData[i].devices[j].name,
- })
+ if (this.defaultData[i].devices) {
+ for (let j = 0; j < this.defaultData[i].devices.length; j++) {
+ this.options[i].children.push({
+ value: [
+ this.defaultData[i].devices[j].name,
+ this.defaultData[i].devices[j].mac,
+ ],
+ label: this.defaultData[i].devices[j].name,
+ })
+ }
}
}
})
@@ -274,7 +334,7 @@
})
},
// ������������������
- getReportForm() {
+ getReportForm () {
this.$request({
url: '/dataDisplay/monitorPointDataDisplay',
method: 'post',
diff --git a/src/views/reportForm/sensorday.vue b/src/views/reportForm/sensorday.vue
index 2c55e91..250d527 100644
--- a/src/views/reportForm/sensorday.vue
+++ b/src/views/reportForm/sensorday.vue
@@ -12,7 +12,10 @@
style="width: 21rem"
/>
<div>
- <el-radio-group v-model="select1" style="margin-left: 20px">
+ <el-radio-group
+ v-model="select1"
+ style="margin-left: 20px"
+ >
<el-radio-button label="������" />
<el-radio-button label="������" />
<el-radio-button label="������" />
@@ -22,8 +25,8 @@
<component
:is="dataType"
style="padding-left: 0; margin-left: 30px"
- @sendPickerChild="showPickerChild"
class="select11"
+ @sendPickerChild="showPickerChild"
/>
<el-date-picker
v-if="dateDisplay"
@@ -37,28 +40,46 @@
/>
<el-button
type="primary"
- @click="getReportForm()"
style="margin-left: 10px"
- >������</el-button
+ @click="getReportForm()"
>
- <el-button type="primary" @click="exportExcel()">������������</el-button>
+ ������
+ </el-button>
+ <el-button
+ type="primary"
+ @click="exportExcel()"
+ >
+ ������������
+ </el-button>
</div>
</div>
<div class="topTitle">
<el-table
- :data="tableData"
id="exportTabs"
+ :data="tableData"
max-height="730"
- @sort-change="changeTableSort"
style="width: 100%"
+ @sort-change="changeTableSort"
>
- <el-table-column prop="name" label="������������" align="center">
- </el-table-column>
- <el-table-column label="������������" align="center">
- <el-table-column prop="composite" label="������" align="center">
- <template slot-scope="scope">{{
- scope.row.composite !== 0 ? scope.row.composite : '--'
- }}</template>
+ <el-table-column
+ prop="name"
+ label="������������"
+ align="center"
+ />
+ <el-table-column
+ label="������������"
+ align="center"
+ >
+ <el-table-column
+ prop="composite"
+ label="������"
+ align="center"
+ >
+ <template slot-scope="scope">
+ {{
+ scope.row.composite !== 0 ? scope.row.composite : '--'
+ }}
+ </template>
</el-table-column>
<el-table-column
label="������"
@@ -66,93 +87,207 @@
prop="compositeNum"
sortable
>
- <template slot-scope="scope">{{
- scope.row.compositeNum !== 0 ? scope.row.compositeNum : '--'
- }}</template>
+ <template slot-scope="scope">
+ {{
+ scope.row.compositeNum !== 0 ? scope.row.compositeNum : '--'
+ }}
+ </template>
</el-table-column>
</el-table-column>
- <el-table-column label="PM2.5" align="center">
- <el-table-column prop="pm25" label="������" align="center">
- <template slot-scope="scope">{{
- scope.row.pm25 !== 0 ? scope.row.pm25 : '--'
- }}</template>
+ <el-table-column
+ label="PM2.5"
+ align="center"
+ >
+ <el-table-column
+ prop="pm25"
+ label="������"
+ align="center"
+ >
+ <template slot-scope="scope">
+ {{
+ scope.row.pm25 !== 0 ? scope.row.pm25 : '--'
+ }}
+ </template>
</el-table-column>
- <el-table-column label="������" align="center" prop="pm25Num" sortable>
- <template slot-scope="scope">{{
- scope.row.pm25Num !== 0 ? scope.row.pm25Num : '--'
- }}</template>
+ <el-table-column
+ label="������"
+ align="center"
+ prop="pm25Num"
+ sortable
+ >
+ <template slot-scope="scope">
+ {{
+ scope.row.pm25Num !== 0 ? scope.row.pm25Num : '--'
+ }}
+ </template>
</el-table-column>
</el-table-column>
- <el-table-column label="PM10" align="center">
- <el-table-column prop="pm10" label="������" align="center">
- <template slot-scope="scope">{{
- scope.row.pm10 !== 0 ? scope.row.pm10 : '--'
- }}</template>
+ <el-table-column
+ label="PM10"
+ align="center"
+ >
+ <el-table-column
+ prop="pm10"
+ label="������"
+ align="center"
+ >
+ <template slot-scope="scope">
+ {{
+ scope.row.pm10 !== 0 ? scope.row.pm10 : '--'
+ }}
+ </template>
</el-table-column>
- <el-table-column label="������" align="center" prop="pm10Num" sortable>
- <template slot-scope="scope">{{
- scope.row.pm10Num !== 0 ? scope.row.pm10Num : '--'
- }}</template>
+ <el-table-column
+ label="������"
+ align="center"
+ prop="pm10Num"
+ sortable
+ >
+ <template slot-scope="scope">
+ {{
+ scope.row.pm10Num !== 0 ? scope.row.pm10Num : '--'
+ }}
+ </template>
</el-table-column>
</el-table-column>
- <el-table-column label="SO2" align="center">
- <el-table-column prop="so2" label="������" align="center">
- <template slot-scope="scope">{{
- scope.row.so2 !== 0 ? scope.row.so2 : '--'
- }}</template>
+ <el-table-column
+ label="SO2"
+ align="center"
+ >
+ <el-table-column
+ prop="so2"
+ label="������"
+ align="center"
+ >
+ <template slot-scope="scope">
+ {{
+ scope.row.so2 !== 0 ? scope.row.so2 : '--'
+ }}
+ </template>
</el-table-column>
- <el-table-column label="������" align="center" prop="so2Num" sortable>
- <template slot-scope="scope">{{
- scope.row.so2Num !== 0 ? scope.row.so2Num : '--'
- }}</template>
+ <el-table-column
+ label="������"
+ align="center"
+ prop="so2Num"
+ sortable
+ >
+ <template slot-scope="scope">
+ {{
+ scope.row.so2Num !== 0 ? scope.row.so2Num : '--'
+ }}
+ </template>
</el-table-column>
</el-table-column>
- <el-table-column label="NO2" align="center">
- <el-table-column prop="no2" label="������" align="center">
- <template slot-scope="scope">{{
- scope.row.no2 !== 0 ? scope.row.no2 : '--'
- }}</template>
+ <el-table-column
+ label="NO2"
+ align="center"
+ >
+ <el-table-column
+ prop="no2"
+ label="������"
+ align="center"
+ >
+ <template slot-scope="scope">
+ {{
+ scope.row.no2 !== 0 ? scope.row.no2 : '--'
+ }}
+ </template>
</el-table-column>
- <el-table-column label="������" align="center" prop="no2Num" sortable>
- <template slot-scope="scope">{{
- scope.row.no2Num !== 0 ? scope.row.no2Num : '--'
- }}</template>
+ <el-table-column
+ label="������"
+ align="center"
+ prop="no2Num"
+ sortable
+ >
+ <template slot-scope="scope">
+ {{
+ scope.row.no2Num !== 0 ? scope.row.no2Num : '--'
+ }}
+ </template>
</el-table-column>
</el-table-column>
- <el-table-column label="CO" align="center">
- <el-table-column prop="co" label="������" align="center">
- <template slot-scope="scope">{{
- scope.row.co !== 0 ? scope.row.co : '--'
- }}</template>
+ <el-table-column
+ label="CO"
+ align="center"
+ >
+ <el-table-column
+ prop="co"
+ label="������"
+ align="center"
+ >
+ <template slot-scope="scope">
+ {{
+ scope.row.co !== 0 ? scope.row.co : '--'
+ }}
+ </template>
</el-table-column>
- <el-table-column label="������" align="center" prop="conum" sortable>
- <template slot-scope="scope">{{
- scope.row.conum !== 0 ? scope.row.conum : '--'
- }}</template>
+ <el-table-column
+ label="������"
+ align="center"
+ prop="conum"
+ sortable
+ >
+ <template slot-scope="scope">
+ {{
+ scope.row.conum !== 0 ? scope.row.conum : '--'
+ }}
+ </template>
</el-table-column>
</el-table-column>
- <el-table-column label="O3" align="center">
- <el-table-column prop="o3" label="������" align="center">
- <template slot-scope="scope">{{
- scope.row.o3 !== 0 ? scope.row.o3 : '--'
- }}</template>
+ <el-table-column
+ label="O3"
+ align="center"
+ >
+ <el-table-column
+ prop="o3"
+ label="������"
+ align="center"
+ >
+ <template slot-scope="scope">
+ {{
+ scope.row.o3 !== 0 ? scope.row.o3 : '--'
+ }}
+ </template>
</el-table-column>
- <el-table-column label="������" align="center" prop="o3Num" sortable>
- <template slot-scope="scope">{{
- scope.row.o3Num !== 0 ? scope.row.o3Num : '--'
- }}</template>
+ <el-table-column
+ label="������"
+ align="center"
+ prop="o3Num"
+ sortable
+ >
+ <template slot-scope="scope">
+ {{
+ scope.row.o3Num !== 0 ? scope.row.o3Num : '--'
+ }}
+ </template>
</el-table-column>
</el-table-column>
- <el-table-column label="TVOC" align="center">
- <el-table-column prop="tovc" label="������" align="center">
- <template slot-scope="scope">{{
- scope.row.tovc !== 0 ? scope.row.tovc : '--'
- }}</template>
+ <el-table-column
+ label="TVOC"
+ align="center"
+ >
+ <el-table-column
+ prop="tovc"
+ label="������"
+ align="center"
+ >
+ <template slot-scope="scope">
+ {{
+ scope.row.tovc !== 0 ? scope.row.tovc : '--'
+ }}
+ </template>
</el-table-column>
- <el-table-column label="������" align="center" prop="tovcnum" sortable>
- <template slot-scope="scope">{{
- scope.row.tovcnum !== 0 ? scope.row.tovcnum : '--'
- }}</template>
+ <el-table-column
+ label="������"
+ align="center"
+ prop="tovcnum"
+ sortable
+ >
+ <template slot-scope="scope">
+ {{
+ scope.row.tovcnum !== 0 ? scope.row.tovcnum : '--'
+ }}
+ </template>
</el-table-column>
</el-table-column>
</el-table>
@@ -187,7 +322,7 @@
weekPicker,
},
props: {},
- data() {
+ data () {
// ������������������
return {
newData: [],
@@ -222,7 +357,7 @@
computed: {},
// ������data������������������
watch: {
- select1(nv, ov) {
+ select1 (nv, ov) {
if (nv === '������') {
this.dataType = 'HourPicker'
this.unit = 1
@@ -242,7 +377,7 @@
this.dateDisplay = false
}
},
- newMac(newVal, oldval) {
+ newMac (newVal, oldval) {
this.newMac1 = []
for (let i = 0; i < newVal.length; i++) {
// console.log(newVal[i], 111)
@@ -253,25 +388,25 @@
},
// ������������ - ��������������������������������� this ���������
- created() {
+ created () {
this.getData()
},
// ������������ - ��������������������������� DOM ���������
- mounted() {},
- beforeCreate() {}, // ������������ - ������������
- beforeMount() {}, // ������������ - ������������
- beforeUpdate() {}, // ������������ - ������������
- updated() {}, // ������������ - ������������
- beforeDestroy() {}, // ������������ - ������������
- destroyed() {}, // ������������ - ������������
- activated() {},
+ mounted () {},
+ beforeCreate () {}, // ������������ - ������������
+ beforeMount () {}, // ������������ - ������������
+ beforeUpdate () {}, // ������������ - ������������
+ updated () {}, // ������������ - ������������
+ beforeDestroy () {}, // ������������ - ������������
+ destroyed () {}, // ������������ - ������������
+ activated () {},
// ������������
methods: {
- showPickerChild(data) {
+ showPickerChild (data) {
this.newData = data
},
// ������������rank������(���������������������������������������������������������������)
- changeTableSort() {
+ changeTableSort () {
var sortTableData = this.$refs.mytable.tableData
// console.log(this.$refs.mytable.tableData, 111)
for (let i = 0; i < sortTableData.length; i++) {
@@ -280,7 +415,7 @@
},
// ������������
- exportExcel() {
+ exportExcel () {
/* generate workbook object from table */
var xlsxParam = { raw: true } // ���������������������������������������������������
var wb = XLSX.utils.table_to_book(
@@ -307,7 +442,7 @@
return wbout
},
// ������������������
- getData() {
+ getData () {
this.$request({
url: '/monitorPoint/queryMonitorPoints',
method: 'get',
@@ -325,14 +460,16 @@
label: this.defaultData[i].name,
})
this.options[i].children = []
- for (let j = 0; j < this.defaultData[i].devices.length; j++) {
- this.options[i].children.push({
- value: [
- this.defaultData[i].devices[j].name,
- this.defaultData[i].devices[j].mac,
- ],
- label: this.defaultData[i].devices[j].name,
- })
+ if (this.defaultData[i].devices) {
+ for (let j = 0; j < this.defaultData[i].devices.length; j++) {
+ this.options[i].children.push({
+ value: [
+ this.defaultData[i].devices[j].name,
+ this.defaultData[i].devices[j].mac,
+ ],
+ label: this.defaultData[i].devices[j].name,
+ })
+ }
}
}
})
@@ -341,7 +478,7 @@
})
},
// ������������������
- getReportForm() {
+ getReportForm () {
console.log(this.newData)
this.$request({
// url: '/monitorPoint/listMonitoring',
--
Gitblit v1.8.0