From 34475f972c47ab1706f2e7b7640f1cd9b81ae1ea Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Wed, 15 Nov 2023 10:58:21 +0800
Subject: [PATCH] Merge branch 'feature_1.0'
---
src/views/contrast/index.vue | 77 +++++++++++++++-----------------------
1 files changed, 31 insertions(+), 46 deletions(-)
diff --git a/src/views/contrast/index.vue b/src/views/contrast/index.vue
index 731ae64..ebe8eb3 100644
--- a/src/views/contrast/index.vue
+++ b/src/views/contrast/index.vue
@@ -1,22 +1,9 @@
-+<template>
- <div style="width: 100%; height: 100%">
+<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"
@@ -31,25 +18,12 @@
<!-- <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-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>
- <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>
</div>
@@ -57,7 +31,7 @@
<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: 23rem"/>
+ <LineChart :chart-data="lineChartData" style="height: 40rem;" />
</div>
</template>
@@ -197,14 +171,14 @@
this.getData()
},
// ������������ - ��������������������������� DOM ���������
- mounted() {},
- beforeCreate() {}, // ������������ - ������������
- beforeMount() {}, // ������������ - ������������
- beforeUpdate() {}, // ������������ - ������������
- updated() {}, // ������������ - ������������
- beforeDestroy() {}, // ������������ - ������������
- destroyed() {}, // ������������ - ������������
- activated() {},
+ mounted() { },
+ beforeCreate() { }, // ������������ - ������������
+ beforeMount() { }, // ������������ - ������������
+ beforeUpdate() { }, // ������������ - ������������
+ updated() { }, // ������������ - ������������
+ beforeDestroy() { }, // ������������ - ������������
+ destroyed() { }, // ������������ - ������������
+ activated() { },
// ������������
methods: {
// ������������������������
@@ -274,6 +248,7 @@
series: [],
xAxis: [],
title: [],
+ yAxis: []
}
this.newXData = []
this.$request({
@@ -299,11 +274,15 @@
newLineChartData.xAxis.push(data[0].timeValueList[i].time)
}
for (var i = 0; i < data.length; i++) {
- newLineChartData.series.push({ data: [], name: '', type: 'line' })
+ newLineChartData.series.push({
+ 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);
for (var j = 0; j < data[i].timeValueList.length; j++) {
- newLineChartData.series[i].data.push(data[i].timeValueList[j].value)
+ newLineChartData.series[i].data.push(data[i].timeValueList[j].value)
}
}
this.lineChartData = newLineChartData
@@ -500,28 +479,34 @@
display: flex;
margin-bottom: 20px;
padding: 20px 15px 0 15px;
+
span:first-child {
flex: 1;
}
+
div:last-child {
width: 300px;
line-height: 40px;
padding-left: 6px;
}
}
+
.topTitle {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
padding: 0 15px;
}
+
.btn1 {
margin-left: 1%;
height: 40px;
}
+
.select11 {
width: 20% !important;
}
+
/deep/.el-date-editor .el-range-separator {
width: 11%;
}
--
Gitblit v1.8.0