Skip to content

D
digital-construction
Commit 36bd9a8d authored by 张牧越's avatar 张牧越
Browse files
Options

样式修正

parent d9567c99
Hide whitespace changes
Inline Side-by-side
Showing with 109 additions and 166 deletions
src/components/construction/Index.vue
View file @ 36bd9a8d
...@@ -292,7 +292,7 @@ export default { ...@@ -292,7 +292,7 @@ export default {
left: "center", left: "center",
itemGap: 40, itemGap: 40,
textStyle: { textStyle: {
color: "auto", color: "inherit",
rich: { rich: {
a: { a: {
fontSize: 16, fontSize: 16,
...@@ -374,7 +374,7 @@ export default { ...@@ -374,7 +374,7 @@ export default {
left: "center", left: "center",
itemGap: 40, itemGap: 40,
textStyle: { textStyle: {
color: "auto", color: "inherit",
rich: { rich: {
a: { a: {
fontSize: 16, fontSize: 16,
......
src/components/earlywarning/Index.vue
View file @ 36bd9a8d
...@@ -33,7 +33,6 @@ ...@@ -33,7 +33,6 @@
:data="warningList" :data="warningList"
:class-option="classOption" :class-option="classOption"
class="warp" class="warp"
@ScrollEnd="scrollEnd"
refs="scroll" refs="scroll"
> >
<div <div
...@@ -205,19 +204,15 @@ export default { ...@@ -205,19 +204,15 @@ export default {
data: ["03.23", "03.24", "03.25", "03.26", "03.27", "03.28", "03.29"], data: ["03.23", "03.24", "03.25", "03.26", "03.27", "03.28", "03.29"],
axisTick: { show: false }, axisTick: { show: false },
axisLabel: { axisLabel: {
textStyle: { fontSize: "12",
fontSize: "12", color: "#c6def9",
color: "#c6def9",
},
}, },
}, },
yAxis: { yAxis: {
type: "value", type: "value",
axisLabel: { axisLabel: {
textStyle: { fontSize: "12",
fontSize: "12", color: "#c6def9",
color: "#c6def9",
},
}, },
splitNumber: 4, splitNumber: 4,
splitLine: { splitLine: {
...@@ -295,7 +290,7 @@ export default { ...@@ -295,7 +290,7 @@ export default {
orient: "vertical", orient: "vertical",
itemGap: 40, itemGap: 40,
textStyle: { textStyle: {
color: "auto", color: "inherit",
rich: { rich: {
a: { a: {
fontSize: 14, fontSize: 14,
...@@ -375,7 +370,7 @@ export default { ...@@ -375,7 +370,7 @@ export default {
orient: "vertical", orient: "vertical",
itemGap: 40, itemGap: 40,
textStyle: { textStyle: {
color: "auto", color: "inherit",
rich: { rich: {
a: { a: {
fontSize: 14, fontSize: 14,
...@@ -421,12 +416,6 @@ export default { ...@@ -421,12 +416,6 @@ export default {
}; };
chart.setOption(option); chart.setOption(option);
}, },
scrollEnd() {
this.$refs.scroll._cancle();
setTimeout(() => {
this.$ref.scroll._startMove();
}, 3000);
},
}, },
mounted() { mounted() {
......
src/components/noise/Index.vue
View file @ 36bd9a8d
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
:percentage="60" :percentage="60"
:format="(value) => formatText(value, '40')" :format="(value) => formatText(value, '40')"
:color="customMonitorColors" :color="customMonitorColors"
stroke-width="12" :stroke-width="12"
></el-progress> ></el-progress>
<div class="status-unit"> <div class="status-unit">
pm 10 / <span style="font-size: 12px; color: #6d94bf">ug/m³</span> pm 10 / <span style="font-size: 12px; color: #6d94bf">ug/m³</span>
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
:percentage="40" :percentage="40"
:format="(value) => formatText(value, '35')" :format="(value) => formatText(value, '35')"
:color="customMonitorColors" :color="customMonitorColors"
stroke-width="12" :stroke-width="12"
></el-progress> ></el-progress>
<div class="status-unit"> <div class="status-unit">
pm 2.5 / pm 2.5 /
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
:percentage="10" :percentage="10"
:format="(value) => formatText(value, '52')" :format="(value) => formatText(value, '52')"
:color="customMonitorColors" :color="customMonitorColors"
stroke-width="12" :stroke-width="12"
></el-progress> ></el-progress>
<div class="status-unit"> <div class="status-unit">
噪音 / <span style="font-size: 12px; color: #6d94bf">分贝</span> 噪音 / <span style="font-size: 12px; color: #6d94bf">分贝</span>
...@@ -158,7 +158,6 @@ ...@@ -158,7 +158,6 @@
:data="warnings" :data="warnings"
:class-option="classOption" :class-option="classOption"
class="warp" class="warp"
@ScrollEnd="scrollEnd"
refs="scroll" refs="scroll"
> >
<div <div
...@@ -287,7 +286,7 @@ export default { ...@@ -287,7 +286,7 @@ export default {
orient: "vertical", orient: "vertical",
itemGap: 40, itemGap: 40,
textStyle: { textStyle: {
color: "auto", color: "inherit",
rich: { rich: {
a: { a: {
fontSize: 14, fontSize: 14,
...@@ -362,7 +361,7 @@ export default { ...@@ -362,7 +361,7 @@ export default {
orient: "vertical", orient: "vertical",
itemGap: 40, itemGap: 40,
textStyle: { textStyle: {
color: "auto", color: "inherit",
rich: { rich: {
a: { a: {
fontSize: 14, fontSize: 14,
...@@ -423,19 +422,15 @@ export default { ...@@ -423,19 +422,15 @@ export default {
data: ["09:00", "12:00", "13:00", "16:00", "19:00", "22:00", "01:00"], data: ["09:00", "12:00", "13:00", "16:00", "19:00", "22:00", "01:00"],
axisTick: { show: false }, axisTick: { show: false },
axisLabel: { axisLabel: {
textStyle: { fontSize: "12",
fontSize: "12", color: "#c6def9",
color: "#c6def9",
},
}, },
}, },
yAxis: { yAxis: {
type: "value", type: "value",
axisLabel: { axisLabel: {
textStyle: { fontSize: "12",
fontSize: "12", color: "#c6def9",
color: "#c6def9",
},
}, },
splitNumber: 4, splitNumber: 4,
splitLine: { splitLine: {
...@@ -451,18 +446,16 @@ export default { ...@@ -451,18 +446,16 @@ export default {
type: "line", type: "line",
smooth: true, smooth: true,
areaStyle: { areaStyle: {
normal: { color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
{ offset: 0,
offset: 0, color: "#5E97F6",
color: "#5E97F6", },
}, {
{ offset: 1,
offset: 1, color: "rgba(0,0,0,0)",
color: "rgba(0,0,0,0)", },
}, ]),
]),
},
}, },
}, },
], ],
......
src/components/realname/Index.vue
View file @ 36bd9a8d
...@@ -26,7 +26,6 @@ ...@@ -26,7 +26,6 @@
:data="checkList" :data="checkList"
:class-option="classOption" :class-option="classOption"
class="warp" class="warp"
@ScrollEnd="scrollEnd"
refs="scroll" refs="scroll"
> >
<div <div
...@@ -241,7 +240,7 @@ export default { ...@@ -241,7 +240,7 @@ export default {
orient: "vertical", orient: "vertical",
itemGap: 40, itemGap: 40,
textStyle: { textStyle: {
color: "auto", color: "inherit",
rich: { rich: {
a: { a: {
fontSize: 14, fontSize: 14,
...@@ -302,19 +301,15 @@ export default { ...@@ -302,19 +301,15 @@ export default {
data: ["03.23", "03.24", "03.25", "03.26", "03.27", "03.28", "03.29"], data: ["03.23", "03.24", "03.25", "03.26", "03.27", "03.28", "03.29"],
axisTick: { show: false }, axisTick: { show: false },
axisLabel: { axisLabel: {
textStyle: { fontSize: "12",
fontSize: "12", color: "#c6def9",
color: "#c6def9",
},
}, },
}, },
yAxis: { yAxis: {
type: "value", type: "value",
axisLabel: { axisLabel: {
textStyle: { fontSize: "12",
fontSize: "12", color: "#c6def9",
color: "#c6def9",
},
}, },
splitNumber: 4, splitNumber: 4,
splitLine: { splitLine: {
...@@ -358,19 +353,15 @@ export default { ...@@ -358,19 +353,15 @@ export default {
data: ["03.23", "03.24", "03.25", "03.26", "03.27", "03.28", "03.29"], data: ["03.23", "03.24", "03.25", "03.26", "03.27", "03.28", "03.29"],
axisTick: { show: false }, axisTick: { show: false },
axisLabel: { axisLabel: {
textStyle: { fontSize: "12",
fontSize: "12", color: "#c6def9",
color: "#c6def9",
},
}, },
}, },
yAxis: { yAxis: {
type: "value", type: "value",
axisLabel: { axisLabel: {
textStyle: { fontSize: "12",
fontSize: "12", color: "#c6def9",
color: "#c6def9",
},
}, },
splitNumber: 4, splitNumber: 4,
splitLine: { splitLine: {
...@@ -426,19 +417,15 @@ export default { ...@@ -426,19 +417,15 @@ export default {
data: ["03.23", "03.24", "03.25", "03.26", "03.27", "03.28", "03.29"], data: ["03.23", "03.24", "03.25", "03.26", "03.27", "03.28", "03.29"],
axisTick: { show: false }, axisTick: { show: false },
axisLabel: { axisLabel: {
textStyle: { fontSize: "12",
fontSize: "12", color: "#c6def9",
color: "#c6def9",
},
}, },
}, },
yAxis: { yAxis: {
type: "value", type: "value",
axisLabel: { axisLabel: {
textStyle: { fontSize: "12",
fontSize: "12", color: "#c6def9",
color: "#c6def9",
},
}, },
splitNumber: 4, splitNumber: 4,
splitLine: { splitLine: {
...@@ -454,18 +441,16 @@ export default { ...@@ -454,18 +441,16 @@ export default {
type: "line", type: "line",
smooth: true, smooth: true,
areaStyle: { areaStyle: {
normal: { color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
{ offset: 0,
offset: 0, color: "#FF4544",
color: "#FF4544", },
}, {
{ offset: 1,
offset: 1, color: "rgba(0,0,0,0)",
color: "rgba(0,0,0,0)", },
}, ]),
]),
},
}, },
}, },
{ {
...@@ -474,30 +459,22 @@ export default { ...@@ -474,30 +459,22 @@ export default {
data: [5, 2, 3, 4, 2, 2, 4], data: [5, 2, 3, 4, 2, 2, 4],
smooth: true, smooth: true,
areaStyle: { areaStyle: {
normal: { color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
{ offset: 0,
offset: 0, color: "#2980ff",
color: "#2980ff", },
}, {
{ offset: 1,
offset: 1, color: "rgba(0,0,0,0)",
color: "rgba(0,0,0,0)", },
}, ]),
]),
},
}, },
}, },
], ],
}; };
chart.setOption(option); chart.setOption(option);
}, },
scrollEnd() {
this.$refs.scroll._cancle();
setTimeout(() => {
this.$ref.scroll._startMove();
}, 3000);
},
}, },
mounted() { mounted() {
this.renderAreaChart(); this.renderAreaChart();
......
src/components/tower/Index.vue
View file @ 36bd9a8d
...@@ -173,7 +173,7 @@ export default { ...@@ -173,7 +173,7 @@ export default {
orient: "vertical", orient: "vertical",
itemGap: 40, itemGap: 40,
textStyle: { textStyle: {
color: "auto", color: "inherit",
rich: { rich: {
a: { a: {
fontSize: 14, fontSize: 14,
...@@ -243,19 +243,15 @@ export default { ...@@ -243,19 +243,15 @@ export default {
data: ["09:00", "12:00", "13:00", "16:00", "19:00", "22:00", "01:00"], data: ["09:00", "12:00", "13:00", "16:00", "19:00", "22:00", "01:00"],
axisTick: { show: false }, axisTick: { show: false },
axisLabel: { axisLabel: {
textStyle: { fontSize: "12",
fontSize: "12", color: "#c6def9",
color: "#c6def9",
},
}, },
}, },
yAxis: { yAxis: {
type: "value", type: "value",
axisLabel: { axisLabel: {
textStyle: { fontSize: "12",
fontSize: "12", color: "#c6def9",
color: "#c6def9",
},
}, },
splitNumber: 4, splitNumber: 4,
splitLine: { splitLine: {
...@@ -271,18 +267,16 @@ export default { ...@@ -271,18 +267,16 @@ export default {
type: "line", type: "line",
smooth: true, smooth: true,
areaStyle: { areaStyle: {
normal: { color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
{ offset: 0,
offset: 0, color: "#FFAF51",
color: "#FFAF51", },
}, {
{ offset: 1,
offset: 1, color: "rgba(0,0,0,0)",
color: "rgba(0,0,0,0)", },
}, ]),
]),
},
}, },
}, },
{ {
...@@ -291,18 +285,16 @@ export default { ...@@ -291,18 +285,16 @@ export default {
data: [5, 2, 3, 4, 2, 2, 4], data: [5, 2, 3, 4, 2, 2, 4],
smooth: true, smooth: true,
areaStyle: { areaStyle: {
normal: { color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
{ offset: 0,
offset: 0, color: "#00a2ff",
color: "#00a2ff", },
}, {
{ offset: 1,
offset: 1, color: "rgba(0,0,0,0)",
color: "rgba(0,0,0,0)", },
}, ]),
]),
},
}, },
}, },
], ],
...@@ -333,19 +325,15 @@ export default { ...@@ -333,19 +325,15 @@ export default {
data: ["09:00", "12:00", "13:00", "16:00", "19:00", "22:00", "01:00"], data: ["09:00", "12:00", "13:00", "16:00", "19:00", "22:00", "01:00"],
axisTick: { show: false }, axisTick: { show: false },
axisLabel: { axisLabel: {
textStyle: { fontSize: "12",
fontSize: "12", color: "#c6def9",
color: "#c6def9",
},
}, },
}, },
yAxis: { yAxis: {
type: "value", type: "value",
axisLabel: { axisLabel: {
textStyle: { fontSize: "12",
fontSize: "12", color: "#c6def9",
color: "#c6def9",
},
}, },
splitNumber: 4, splitNumber: 4,
splitLine: { splitLine: {
...@@ -361,18 +349,16 @@ export default { ...@@ -361,18 +349,16 @@ export default {
type: "line", type: "line",
smooth: true, smooth: true,
areaStyle: { areaStyle: {
normal: { color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
{ offset: 0,
offset: 0, color: "#E965C2",
color: "#E965C2", },
}, {
{ offset: 1,
offset: 1, color: "rgba(0,0,0,0)",
color: "rgba(0,0,0,0)", },
}, ]),
]),
},
}, },
}, },
{ {
...@@ -381,18 +367,16 @@ export default { ...@@ -381,18 +367,16 @@ export default {
data: [5, 2, 3, 4, 2, 2, 4], data: [5, 2, 3, 4, 2, 2, 4],
smooth: true, smooth: true,
areaStyle: { areaStyle: {
normal: { color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
{ offset: 0,
offset: 0, color: "#00FFDE",
color: "#00FFDE", },
}, {
{ offset: 1,
offset: 1, color: "rgba(0,0,0,0)",
color: "rgba(0,0,0,0)", },
}, ]),
]),
},
}, },
}, },
], ],
......
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