Skip to content

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

样式修正

parent d9567c99
Show 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,20 +204,16 @@ export default { ...@@ -205,20 +204,16 @@ 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: {
lineStyle: { lineStyle: {
...@@ -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,20 +422,16 @@ export default { ...@@ -423,20 +422,16 @@ 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: {
lineStyle: { lineStyle: {
...@@ -451,7 +446,6 @@ export default { ...@@ -451,7 +446,6 @@ 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,
...@@ -464,7 +458,6 @@ export default { ...@@ -464,7 +458,6 @@ export default {
]), ]),
}, },
}, },
},
], ],
}; };
chart.setOption(option); chart.setOption(option);
......
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,20 +301,16 @@ export default { ...@@ -302,20 +301,16 @@ 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: {
lineStyle: { lineStyle: {
...@@ -358,20 +353,16 @@ export default { ...@@ -358,20 +353,16 @@ 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: {
lineStyle: { lineStyle: {
...@@ -426,20 +417,16 @@ export default { ...@@ -426,20 +417,16 @@ 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: {
lineStyle: { lineStyle: {
...@@ -454,7 +441,6 @@ export default { ...@@ -454,7 +441,6 @@ 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,
...@@ -467,14 +453,12 @@ export default { ...@@ -467,14 +453,12 @@ export default {
]), ]),
}, },
}, },
},
{ {
name: "离场", name: "离场",
type: "line", type: "line",
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,
...@@ -487,17 +471,10 @@ export default { ...@@ -487,17 +471,10 @@ export default {
]), ]),
}, },
}, },
},
], ],
}; };
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,20 +243,16 @@ export default { ...@@ -243,20 +243,16 @@ 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: {
lineStyle: { lineStyle: {
...@@ -271,7 +267,6 @@ export default { ...@@ -271,7 +267,6 @@ 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,
...@@ -284,14 +279,12 @@ export default { ...@@ -284,14 +279,12 @@ export default {
]), ]),
}, },
}, },
},
{ {
name: "NJBR-TD-02#", name: "NJBR-TD-02#",
type: "line", type: "line",
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,
...@@ -304,7 +297,6 @@ export default { ...@@ -304,7 +297,6 @@ export default {
]), ]),
}, },
}, },
},
], ],
}; };
chart.setOption(option); chart.setOption(option);
...@@ -333,20 +325,16 @@ export default { ...@@ -333,20 +325,16 @@ 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: {
lineStyle: { lineStyle: {
...@@ -361,7 +349,6 @@ export default { ...@@ -361,7 +349,6 @@ 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,
...@@ -374,14 +361,12 @@ export default { ...@@ -374,14 +361,12 @@ export default {
]), ]),
}, },
}, },
},
{ {
name: "NJBR-TD-02#", name: "NJBR-TD-02#",
type: "line", type: "line",
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,
...@@ -394,7 +379,6 @@ export default { ...@@ -394,7 +379,6 @@ export default {
]), ]),
}, },
}, },
},
], ],
}; };
chart.setOption(option); 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