Commit 36bd9a8d authored by 张牧越's avatar 张牧越

样式修正

parent d9567c99
......@@ -292,7 +292,7 @@ export default {
left: "center",
itemGap: 40,
textStyle: {
color: "auto",
color: "inherit",
rich: {
a: {
fontSize: 16,
......@@ -374,7 +374,7 @@ export default {
left: "center",
itemGap: 40,
textStyle: {
color: "auto",
color: "inherit",
rich: {
a: {
fontSize: 16,
......
......@@ -33,7 +33,6 @@
:data="warningList"
:class-option="classOption"
class="warp"
@ScrollEnd="scrollEnd"
refs="scroll"
>
<div
......@@ -205,20 +204,16 @@ export default {
data: ["03.23", "03.24", "03.25", "03.26", "03.27", "03.28", "03.29"],
axisTick: { show: false },
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
},
},
yAxis: {
type: "value",
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
},
splitNumber: 4,
splitLine: {
lineStyle: {
......@@ -295,7 +290,7 @@ export default {
orient: "vertical",
itemGap: 40,
textStyle: {
color: "auto",
color: "inherit",
rich: {
a: {
fontSize: 14,
......@@ -375,7 +370,7 @@ export default {
orient: "vertical",
itemGap: 40,
textStyle: {
color: "auto",
color: "inherit",
rich: {
a: {
fontSize: 14,
......@@ -421,12 +416,6 @@ export default {
};
chart.setOption(option);
},
scrollEnd() {
this.$refs.scroll._cancle();
setTimeout(() => {
this.$ref.scroll._startMove();
}, 3000);
},
},
mounted() {
......
......@@ -47,7 +47,7 @@
:percentage="60"
:format="(value) => formatText(value, '40')"
:color="customMonitorColors"
stroke-width="12"
:stroke-width="12"
></el-progress>
<div class="status-unit">
pm 10 / <span style="font-size: 12px; color: #6d94bf">ug/m³</span>
......@@ -58,7 +58,7 @@
:percentage="40"
:format="(value) => formatText(value, '35')"
:color="customMonitorColors"
stroke-width="12"
:stroke-width="12"
></el-progress>
<div class="status-unit">
pm 2.5 /
......@@ -71,7 +71,7 @@
:percentage="10"
:format="(value) => formatText(value, '52')"
:color="customMonitorColors"
stroke-width="12"
:stroke-width="12"
></el-progress>
<div class="status-unit">
噪音 / <span style="font-size: 12px; color: #6d94bf">分贝</span>
......@@ -158,7 +158,6 @@
:data="warnings"
:class-option="classOption"
class="warp"
@ScrollEnd="scrollEnd"
refs="scroll"
>
<div
......@@ -287,7 +286,7 @@ export default {
orient: "vertical",
itemGap: 40,
textStyle: {
color: "auto",
color: "inherit",
rich: {
a: {
fontSize: 14,
......@@ -362,7 +361,7 @@ export default {
orient: "vertical",
itemGap: 40,
textStyle: {
color: "auto",
color: "inherit",
rich: {
a: {
fontSize: 14,
......@@ -423,20 +422,16 @@ export default {
data: ["09:00", "12:00", "13:00", "16:00", "19:00", "22:00", "01:00"],
axisTick: { show: false },
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
},
},
yAxis: {
type: "value",
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
},
splitNumber: 4,
splitLine: {
lineStyle: {
......@@ -451,7 +446,6 @@ export default {
type: "line",
smooth: true,
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
......@@ -464,7 +458,6 @@ export default {
]),
},
},
},
],
};
chart.setOption(option);
......
......@@ -26,7 +26,6 @@
:data="checkList"
:class-option="classOption"
class="warp"
@ScrollEnd="scrollEnd"
refs="scroll"
>
<div
......@@ -241,7 +240,7 @@ export default {
orient: "vertical",
itemGap: 40,
textStyle: {
color: "auto",
color: "inherit",
rich: {
a: {
fontSize: 14,
......@@ -302,20 +301,16 @@ export default {
data: ["03.23", "03.24", "03.25", "03.26", "03.27", "03.28", "03.29"],
axisTick: { show: false },
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
},
},
yAxis: {
type: "value",
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
},
splitNumber: 4,
splitLine: {
lineStyle: {
......@@ -358,20 +353,16 @@ export default {
data: ["03.23", "03.24", "03.25", "03.26", "03.27", "03.28", "03.29"],
axisTick: { show: false },
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
},
},
yAxis: {
type: "value",
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
},
splitNumber: 4,
splitLine: {
lineStyle: {
......@@ -426,20 +417,16 @@ export default {
data: ["03.23", "03.24", "03.25", "03.26", "03.27", "03.28", "03.29"],
axisTick: { show: false },
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
},
},
yAxis: {
type: "value",
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
},
splitNumber: 4,
splitLine: {
lineStyle: {
......@@ -454,7 +441,6 @@ export default {
type: "line",
smooth: true,
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
......@@ -467,14 +453,12 @@ export default {
]),
},
},
},
{
name: "离场",
type: "line",
data: [5, 2, 3, 4, 2, 2, 4],
smooth: true,
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
......@@ -487,17 +471,10 @@ export default {
]),
},
},
},
],
};
chart.setOption(option);
},
scrollEnd() {
this.$refs.scroll._cancle();
setTimeout(() => {
this.$ref.scroll._startMove();
}, 3000);
},
},
mounted() {
this.renderAreaChart();
......
......@@ -173,7 +173,7 @@ export default {
orient: "vertical",
itemGap: 40,
textStyle: {
color: "auto",
color: "inherit",
rich: {
a: {
fontSize: 14,
......@@ -243,20 +243,16 @@ export default {
data: ["09:00", "12:00", "13:00", "16:00", "19:00", "22:00", "01:00"],
axisTick: { show: false },
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
},
},
yAxis: {
type: "value",
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
},
splitNumber: 4,
splitLine: {
lineStyle: {
......@@ -271,7 +267,6 @@ export default {
type: "line",
smooth: true,
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
......@@ -284,14 +279,12 @@ export default {
]),
},
},
},
{
name: "NJBR-TD-02#",
type: "line",
data: [5, 2, 3, 4, 2, 2, 4],
smooth: true,
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
......@@ -304,7 +297,6 @@ export default {
]),
},
},
},
],
};
chart.setOption(option);
......@@ -333,20 +325,16 @@ export default {
data: ["09:00", "12:00", "13:00", "16:00", "19:00", "22:00", "01:00"],
axisTick: { show: false },
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
},
},
yAxis: {
type: "value",
axisLabel: {
textStyle: {
fontSize: "12",
color: "#c6def9",
},
},
splitNumber: 4,
splitLine: {
lineStyle: {
......@@ -361,7 +349,6 @@ export default {
type: "line",
smooth: true,
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
......@@ -374,14 +361,12 @@ export default {
]),
},
},
},
{
name: "NJBR-TD-02#",
type: "line",
data: [5, 2, 3, 4, 2, 2, 4],
smooth: true,
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
......@@ -394,7 +379,6 @@ export default {
]),
},
},
},
],
};
chart.setOption(option);
......
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