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/contrast/index.vue | 121 ++++++++++++++++++++++++++------------- 1 files changed, 80 insertions(+), 41 deletions(-) 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 ) -- Gitblit v1.8.0