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