|
|
@@ -7,14 +7,16 @@
|
|
|
<div class="leftMain">
|
|
|
<div style="height: 15px"></div>
|
|
|
<!-- 天气预测 -->
|
|
|
- <div class="weather cur" @click="showWeaterDialog">
|
|
|
+ <div class="weather">
|
|
|
<div class="comHeader">
|
|
|
<div class="headerLeft">
|
|
|
<span class="gray"></span>
|
|
|
<span class="blue"></span>
|
|
|
</div>
|
|
|
<div class="headerRight">
|
|
|
- <span class="headerName">天气预测</span>
|
|
|
+ <span class="headerName cur" @click="showWeaterDialog"
|
|
|
+ >天气预测</span
|
|
|
+ >
|
|
|
<span class="headerZs">
|
|
|
<span class="headerZsN"></span>
|
|
|
</span>
|
|
|
@@ -69,54 +71,81 @@
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 设备台数 -->
|
|
|
+ <!-- 实时状态 -->
|
|
|
+ <div class="comHeader" style="margin-top: 10px">
|
|
|
+ <div class="headerLeft">
|
|
|
+ <span class="gray"></span>
|
|
|
+ <span class="blue"></span>
|
|
|
+ </div>
|
|
|
+ <div class="headerRight">
|
|
|
+ <span class="headerName">实时状态</span>
|
|
|
+ <span class="headerZs">
|
|
|
+ <span class="headerZsN"></span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="emInfoBox">
|
|
|
<div class="item">
|
|
|
- <div class="t">
|
|
|
- <div class="l">
|
|
|
- <div class="imgBox">
|
|
|
- <img src="./fc.png" alt="" />
|
|
|
- </div>
|
|
|
- <span class="sum">{{ ztmap.zts }}</span>
|
|
|
- <span class="unit">台</span>
|
|
|
- </div>
|
|
|
- <div class="r">
|
|
|
- <span class="unit">场站</span>
|
|
|
- <span class="num">{{ ztmap.czsum }}</span>
|
|
|
- <span class="unit">个</span>
|
|
|
- </div>
|
|
|
- <span class="headerZs">
|
|
|
- <span class="headerZsN"></span>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
<div class="b">
|
|
|
<div class="info">
|
|
|
- <span class="genre">运行</span>
|
|
|
- <span class="yx">{{ ztmap.yxsum }}</span>
|
|
|
+ <span class="zj">总计</span>
|
|
|
+ <span
|
|
|
+ :style="`color: #${$store.state.theme ? '000' : 'fff'}`"
|
|
|
+ >{{ ztmap.zts }}</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <div class="info">
|
|
|
+ <span class="yx">运行</span>
|
|
|
+ <span
|
|
|
+ :style="`color: #${$store.state.theme ? '000' : 'fff'}`"
|
|
|
+ >{{ ztmap.yxsum }}</span
|
|
|
+ >
|
|
|
</div>
|
|
|
<div class="info">
|
|
|
- <span class="genre">检修</span>
|
|
|
- <span class="jx">{{ ztmap.jxsum }}</span>
|
|
|
+ <span class="dj">待机</span>
|
|
|
+ <span
|
|
|
+ :style="`color: #${$store.state.theme ? '000' : 'fff'}`"
|
|
|
+ >{{ ztmap.tjsum }}</span
|
|
|
+ >
|
|
|
</div>
|
|
|
<div class="info">
|
|
|
- <span class="genre">维护</span>
|
|
|
- <span class="gz">{{ ztmap.whsum }}</span>
|
|
|
+ <span class="gz">故障</span>
|
|
|
+ <span
|
|
|
+ :style="`color: #${$store.state.theme ? '000' : 'fff'}`"
|
|
|
+ >{{ ztmap.whsum }}</span
|
|
|
+ >
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item">
|
|
|
+ <div class="b">
|
|
|
<div class="info">
|
|
|
- <span class="genre">离线</span>
|
|
|
- <span class="lx">{{ ztmap.lxsum }}</span>
|
|
|
+ <span class="jx">检修</span>
|
|
|
+ <span
|
|
|
+ :style="`color: #${$store.state.theme ? '000' : 'fff'}`"
|
|
|
+ >{{ ztmap.jxsum }}</span
|
|
|
+ >
|
|
|
</div>
|
|
|
<div class="info">
|
|
|
- <span class="genre">停机</span>
|
|
|
- <span class="tj">{{ ztmap.tjsum }}</span>
|
|
|
+ <span class="xd">限电</span>
|
|
|
+ <span
|
|
|
+ :style="`color: #${$store.state.theme ? '000' : 'fff'}`"
|
|
|
+ >{{ ztmap.xdsum }}</span
|
|
|
+ >
|
|
|
</div>
|
|
|
<div class="info">
|
|
|
- <span class="genre">待机</span>
|
|
|
- <span class="dj">{{ ztmap.djsum }}</span>
|
|
|
+ <span class="sl">受累</span>
|
|
|
+ <span
|
|
|
+ :style="`color: #${$store.state.theme ? '000' : 'fff'}`"
|
|
|
+ >{{ ztmap.djsum }}</span
|
|
|
+ >
|
|
|
</div>
|
|
|
<div class="info">
|
|
|
- <span class="genre">限电</span>
|
|
|
- <span class="xd">{{ ztmap.xdsum }}</span>
|
|
|
+ <span class="lx">离线</span>
|
|
|
+ <span
|
|
|
+ :style="`color: #${$store.state.theme ? '000' : 'fff'}`"
|
|
|
+ >{{ ztmap.lxsum }}</span
|
|
|
+ >
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -125,7 +154,7 @@
|
|
|
<div class="map">
|
|
|
<div
|
|
|
class="infoBox"
|
|
|
- :class="mainData && mainData !== '全场数据' ? 'show' : ''"
|
|
|
+ :class="mainData && mainData !== '全省数据' ? 'show' : ''"
|
|
|
>
|
|
|
<el-button
|
|
|
style="color: #1850b3"
|
|
|
@@ -135,11 +164,11 @@
|
|
|
@click="
|
|
|
switchMainData({
|
|
|
wpId: 'GJNY_SXGS_DBXNY_ZGS0',
|
|
|
- name: '全场数据',
|
|
|
+ name: '全省数据',
|
|
|
})
|
|
|
"
|
|
|
>
|
|
|
- 全场数据
|
|
|
+ 全省数据
|
|
|
</el-button>
|
|
|
<template v-if="mainData === '获取中...'">
|
|
|
<p>
|
|
|
@@ -164,7 +193,7 @@
|
|
|
:content="`当前首页展示数据为 ${mainData} 数据`"
|
|
|
placement="bottom"
|
|
|
v-if="
|
|
|
- mainData && mainData !== '全场数据' && mainData !== '获取中...'
|
|
|
+ mainData && mainData !== '全省数据' && mainData !== '获取中...'
|
|
|
"
|
|
|
>
|
|
|
<p>
|
|
|
@@ -450,7 +479,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 计划电量 -->
|
|
|
- <div class="powerPlan cur" @click="showJhdlDialog">
|
|
|
+ <div class="powerPlan">
|
|
|
<div class="comHeader">
|
|
|
<div class="headerLeft">
|
|
|
<span class="gray"></span>
|
|
|
@@ -458,7 +487,9 @@
|
|
|
</div>
|
|
|
<div class="headerRight">
|
|
|
<div class="headerNaAll">
|
|
|
- <span class="headerNa">计划电量完成情况</span>
|
|
|
+ <span class="headerNa cur" @click="showJhdlDialog"
|
|
|
+ >计划电量完成情况</span
|
|
|
+ >
|
|
|
<span class="headerNa2">单位：万kWh</span>
|
|
|
</div>
|
|
|
<span class="headerZs">
|
|
|
@@ -549,19 +580,21 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="footer">
|
|
|
- <div class="hover72Power" @click="showStHourDialog">
|
|
|
+ <div class="hover72Power">
|
|
|
<div
|
|
|
id="hover72Powers"
|
|
|
class="cur"
|
|
|
style="width: 100%; height: 100%"
|
|
|
></div>
|
|
|
+ <div class="hidBtn" @click="showStHourDialog"></div>
|
|
|
</div>
|
|
|
- <div class="monthPower" @click="showYfdlDialog">
|
|
|
+ <div class="monthPower">
|
|
|
<div
|
|
|
id="monthPowers"
|
|
|
class="cur"
|
|
|
style="width: 100%; height: 100%"
|
|
|
></div>
|
|
|
+ <div class="hidBtn" @click="showYfdlDialog"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<el-dialog
|
|
|
@@ -857,6 +890,12 @@ export default {
|
|
|
stHourDialogShow: false,
|
|
|
day14Data: [],
|
|
|
ztmap: {},
|
|
|
+ selectWp: {},
|
|
|
+ timeInterval: null,
|
|
|
+ timeDealy: 3,
|
|
|
+ isFirstLoad: true,
|
|
|
+ chart72Options: null,
|
|
|
+ chartMonthOptions: null,
|
|
|
};
|
|
|
},
|
|
|
|
|
|
@@ -919,7 +958,16 @@ export default {
|
|
|
mounted() {
|
|
|
this.swichTheme = JSON.parse(window.sessionStorage.getItem("theme"));
|
|
|
this.getPowerLine();
|
|
|
- this.getHomeData();
|
|
|
+ this.getHomeData(this.selectWp);
|
|
|
+ this.timeInterval = setInterval(() => {
|
|
|
+ this.getPowerLine();
|
|
|
+ this.getHomeData(this.selectWp);
|
|
|
+ }, this.timeDealy * 1000);
|
|
|
+ },
|
|
|
+
|
|
|
+ unmounted() {
|
|
|
+ clearInterval(this.timeInterval);
|
|
|
+ this.timeInterval = null;
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
@@ -1014,10 +1062,11 @@ export default {
|
|
|
yAxis: [
|
|
|
{
|
|
|
type: "value",
|
|
|
- splitNumber: 3.5,
|
|
|
splitLine: {
|
|
|
lineStyle: {
|
|
|
- color: ["#393F4D"],
|
|
|
+ color: ["#ccc"],
|
|
|
+ type: "dashed", // 修改为虚线
|
|
|
+ opacity: 0.2,
|
|
|
},
|
|
|
},
|
|
|
name: "单位：万KWh",
|
|
|
@@ -1133,10 +1182,11 @@ export default {
|
|
|
yAxis: [
|
|
|
{
|
|
|
type: "value",
|
|
|
- splitNumber: 3,
|
|
|
splitLine: {
|
|
|
lineStyle: {
|
|
|
color: ["#ccc"],
|
|
|
+ type: "dashed", // 修改为虚线
|
|
|
+ opacity: 0.2,
|
|
|
},
|
|
|
},
|
|
|
name: "单位：MW",
|
|
|
@@ -1148,10 +1198,11 @@ export default {
|
|
|
},
|
|
|
{
|
|
|
type: "value",
|
|
|
- splitNumber: 3,
|
|
|
splitLine: {
|
|
|
lineStyle: {
|
|
|
color: ["#ccc"],
|
|
|
+ type: "dashed", // 修改为虚线
|
|
|
+ opacity: 0.2,
|
|
|
},
|
|
|
},
|
|
|
name: "单位：m/s",
|
|
|
@@ -1280,6 +1331,8 @@ export default {
|
|
|
splitLine: {
|
|
|
lineStyle: {
|
|
|
color: ["#ccc"],
|
|
|
+ type: "dashed", // 修改为虚线
|
|
|
+ opacity: 0.2,
|
|
|
},
|
|
|
},
|
|
|
name: "单位：万KWh",
|
|
|
@@ -1318,7 +1371,8 @@ export default {
|
|
|
let that = this;
|
|
|
|
|
|
if (wp?.wpId && wp?.name) {
|
|
|
- that.mainData = wp.name === "全场数据" ? wp.name : "获取中...";
|
|
|
+ this.selectWp = wp;
|
|
|
+ that.mainData = wp.name === "全省数据" ? wp.name : "获取中...";
|
|
|
this.wpId = wp.wpId;
|
|
|
}
|
|
|
// that.BASE.showLoading();
|
|
|
@@ -1349,9 +1403,9 @@ export default {
|
|
|
|
|
|
return [
|
|
|
"合计",
|
|
|
- `${ fdl.toFixed(2) } 万kWh`,
|
|
|
- `${ jhdl.toFixed(2) } 万kWh`,
|
|
|
- `${ ((fdl / jhdl) * 100).toFixed(2) } %`,
|
|
|
+ `${fdl.toFixed(2)} 万kWh`,
|
|
|
+ `${jhdl.toFixed(2)} 万kWh`,
|
|
|
+ `${((fdl / jhdl) * 100).toFixed(2)} %`,
|
|
|
];
|
|
|
},
|
|
|
|
|
|
@@ -1753,6 +1807,7 @@ export default {
|
|
|
series[1].data.push(ele.bzgl);
|
|
|
});
|
|
|
let option = {
|
|
|
+ animation: this.isFirstLoad,
|
|
|
title: {
|
|
|
text: "利用小时",
|
|
|
left: "10px",
|
|
|
@@ -1852,14 +1907,21 @@ export default {
|
|
|
|
|
|
this.ztmap = res.data.ztmap || {};
|
|
|
}
|
|
|
+ this.isFirstLoad = false;
|
|
|
},
|
|
|
getPowerBar(xAxis, series) {
|
|
|
const theme = sessionStorage.getItem("theme") === "true" ? true : false;
|
|
|
+ let myChart;
|
|
|
+ let legendState = {};
|
|
|
+ if (this.chartMonthOptions?.getOption) {
|
|
|
+ legendState = this.chartMonthOptions?.getOption().legend[0].selected;
|
|
|
+ }
|
|
|
let option = {
|
|
|
+ animation: this.isFirstLoad,
|
|
|
title: {
|
|
|
text: "月发电量",
|
|
|
- left: "10px",
|
|
|
- top: "20px",
|
|
|
+ left: "5px",
|
|
|
+ top: "5px",
|
|
|
textStyle: {
|
|
|
fontSize: "16",
|
|
|
fontWeight: 400,
|
|
|
@@ -1877,18 +1939,19 @@ export default {
|
|
|
left: "2%",
|
|
|
right: "2%",
|
|
|
bottom: "5%",
|
|
|
- height: "90px",
|
|
|
+ height: "110px",
|
|
|
containLabel: true,
|
|
|
},
|
|
|
legend: {
|
|
|
- right: "20",
|
|
|
- top: "20",
|
|
|
+ right: "5",
|
|
|
+ top: "5",
|
|
|
itemWidth: 5,
|
|
|
itemHeight: 5,
|
|
|
data: ["日发电量", "上网电量", "预测电量"],
|
|
|
textStyle: {
|
|
|
color: theme ? "#1850B3" : "#fff",
|
|
|
},
|
|
|
+ selected: legendState,
|
|
|
},
|
|
|
xAxis: [
|
|
|
{
|
|
|
@@ -1911,6 +1974,8 @@ export default {
|
|
|
splitLine: {
|
|
|
lineStyle: {
|
|
|
color: ["#ccc"],
|
|
|
+ type: "dashed", // 修改为虚线
|
|
|
+ opacity: 0.2,
|
|
|
},
|
|
|
},
|
|
|
name: "单位：万KWh",
|
|
|
@@ -1929,8 +1994,11 @@ export default {
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
let dom = document.getElementById("monthPowers");
|
|
|
dom && dom.removeAttribute("_echarts_instance_");
|
|
|
- let myChart = this.$echarts.init(dom);
|
|
|
+ myChart = this.$echarts.init(dom);
|
|
|
+ this.chartMonthOptions = myChart;
|
|
|
+
|
|
|
myChart.setOption(option);
|
|
|
+
|
|
|
window.addEventListener("resize", () => {
|
|
|
myChart.resize();
|
|
|
});
|
|
|
@@ -2452,11 +2520,17 @@ export default {
|
|
|
|
|
|
getPowerLine(xAxis, series) {
|
|
|
const theme = sessionStorage.getItem("theme") === "true" ? true : false;
|
|
|
+ let myChart;
|
|
|
+ let legendState = {};
|
|
|
+ if (this.chart72Options?.getOption) {
|
|
|
+ legendState = this.chart72Options.getOption().legend[0].selected;
|
|
|
+ }
|
|
|
let option = {
|
|
|
+ animation: this.isFirstLoad,
|
|
|
title: {
|
|
|
text: "72小时功率曲线",
|
|
|
- left: "10px",
|
|
|
- top: "20px",
|
|
|
+ left: "5px",
|
|
|
+ top: "5px",
|
|
|
textStyle: {
|
|
|
fontSize: "16",
|
|
|
fontWeight: 400,
|
|
|
@@ -2468,20 +2542,21 @@ export default {
|
|
|
},
|
|
|
color: ["#7981AF", "#1C99FF", "#E57F25", "#f25656"],
|
|
|
legend: {
|
|
|
- right: "20",
|
|
|
- top: "20",
|
|
|
+ right: "5",
|
|
|
+ top: "5",
|
|
|
itemWidth: 5,
|
|
|
itemHeight: 5,
|
|
|
data: ["平均风速", "应发功率", "实际功率", "预测功率"],
|
|
|
textStyle: {
|
|
|
color: theme ? "#1850B3" : "#fff",
|
|
|
},
|
|
|
+ selected: legendState,
|
|
|
},
|
|
|
grid: {
|
|
|
left: "2%",
|
|
|
right: "2%",
|
|
|
bottom: "5%",
|
|
|
- height: "90px",
|
|
|
+ height: "110px",
|
|
|
containLabel: true,
|
|
|
},
|
|
|
xAxis: {
|
|
|
@@ -2497,10 +2572,11 @@ export default {
|
|
|
yAxis: [
|
|
|
{
|
|
|
type: "value",
|
|
|
- splitNumber: 3,
|
|
|
splitLine: {
|
|
|
lineStyle: {
|
|
|
color: ["#ccc"],
|
|
|
+ type: "dashed", // 修改为虚线
|
|
|
+ opacity: 0.2,
|
|
|
},
|
|
|
},
|
|
|
name: "单位：MW",
|
|
|
@@ -2512,10 +2588,11 @@ export default {
|
|
|
},
|
|
|
{
|
|
|
type: "value",
|
|
|
- splitNumber: 3,
|
|
|
splitLine: {
|
|
|
lineStyle: {
|
|
|
color: ["#ccc"],
|
|
|
+ type: "dashed", // 修改为虚线
|
|
|
+ opacity: 0.2,
|
|
|
},
|
|
|
},
|
|
|
name: "单位：m/s",
|
|
|
@@ -2534,8 +2611,12 @@ export default {
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
let dom = document.getElementById("hover72Powers");
|
|
|
dom && dom.removeAttribute("_echarts_instance_");
|
|
|
- let myChart = this.$echarts.init(dom);
|
|
|
+
|
|
|
+ myChart = this.$echarts.init(dom);
|
|
|
+ this.chart72Options = myChart;
|
|
|
+
|
|
|
myChart.setOption(option);
|
|
|
+
|
|
|
window.addEventListener("resize", () => {
|
|
|
myChart.resize();
|
|
|
});
|
|
|
@@ -3435,16 +3516,32 @@ export default {
|
|
|
width: calc(100% - 72px);
|
|
|
height: 19vh;
|
|
|
|
|
|
+ .hover72Power,
|
|
|
.monthPower {
|
|
|
width: calc(50% - 10px);
|
|
|
background: rgba(41, 45, 53, 0.4);
|
|
|
border-radius: 6px;
|
|
|
+ position: relative;
|
|
|
+ .hidBtn {
|
|
|
+ position: absolute;
|
|
|
+ left: 5px;
|
|
|
+ top: 5px;
|
|
|
+ width: 0;
|
|
|
+ height: 24px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.hover72Power {
|
|
|
- width: calc(50% - 10px);
|
|
|
- background: rgba(41, 45, 53, 0.4);
|
|
|
- border-radius: 6px;
|
|
|
+ .hidBtn {
|
|
|
+ width: 125px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .monthPower {
|
|
|
+ .hidBtn {
|
|
|
+ width: 75px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -3885,10 +3982,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.footer {
|
|
|
- .monthPower {
|
|
|
- background: rgba(255, 255, 255, 0.8);
|
|
|
- }
|
|
|
-
|
|
|
+ .monthPower,
|
|
|
.hover72Power {
|
|
|
background: rgba(255, 255, 255, 0.8);
|
|
|
}
|
|
|
@@ -3897,128 +3991,62 @@ export default {
|
|
|
</style>
|
|
|
<style lang="less" scoped>
|
|
|
.emInfoBox {
|
|
|
- padding: 10px;
|
|
|
+ padding: 0 5px;
|
|
|
width: calc(100% - 20px);
|
|
|
- // background: rgba(#040b17, 0.2);
|
|
|
border-radius: 4px;
|
|
|
|
|
|
.item {
|
|
|
display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
+ justify-content: space-between;
|
|
|
align-items: center;
|
|
|
flex-wrap: wrap;
|
|
|
width: 100%;
|
|
|
|
|
|
- .t {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- width: 100%;
|
|
|
- background: rgb(24, 80, 179);
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .imgBox {
|
|
|
- // background: rgba(24, 80, 179, 0.5);
|
|
|
- border-radius: 4px;
|
|
|
- padding: 2px;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- background-size: 100% 100%;
|
|
|
- background-repeat: no-repeat;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .l,
|
|
|
- .r {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
-
|
|
|
- .l {
|
|
|
- margin-left: 4px;
|
|
|
- .sum {
|
|
|
- font-size: 16px;
|
|
|
- // color: #1986e0;
|
|
|
- color: #fff;
|
|
|
- margin: 0 5px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .r {
|
|
|
- margin-right: 4px;
|
|
|
- font-size: 12px;
|
|
|
- .num {
|
|
|
- // color: #1986e0;
|
|
|
- color: #fff;
|
|
|
- margin: 0 5px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .headerZs {
|
|
|
- display: inline-block;
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- top: 22px;
|
|
|
- width: 32px;
|
|
|
- height: 6px;
|
|
|
- background: #fff;
|
|
|
-
|
|
|
- .headerZsN {
|
|
|
- position: relative;
|
|
|
- top: -8px;
|
|
|
- left: 2px;
|
|
|
- display: inline-block;
|
|
|
- width: 30px;
|
|
|
- height: 4px;
|
|
|
- background: #4f70ec;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
.b {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
margin-top: 10px;
|
|
|
- padding: 10px;
|
|
|
- width: calc(100% - 20px);
|
|
|
+ width: calc(100% - 30px);
|
|
|
+ padding: 0 15px;
|
|
|
|
|
|
.info {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: flex-start;
|
|
|
align-items: center;
|
|
|
+ font-size: 14px;
|
|
|
+
|
|
|
+ .zj {
|
|
|
+ color: rgb(119, 128, 171);
|
|
|
+ }
|
|
|
|
|
|
.yx {
|
|
|
- color: #1c99ff;
|
|
|
+ color: rgb(5, 187, 76);
|
|
|
}
|
|
|
|
|
|
- .jx {
|
|
|
- color: #f7870e;
|
|
|
+ .dj {
|
|
|
+ color: rgb(29, 153, 255);
|
|
|
}
|
|
|
|
|
|
.gz {
|
|
|
- color: #ff5378;
|
|
|
+ color: rgb(186, 50, 55);
|
|
|
}
|
|
|
|
|
|
- .lx {
|
|
|
- color: #666;
|
|
|
+ .jx {
|
|
|
+ color: rgb(225, 126, 35);
|
|
|
}
|
|
|
|
|
|
- .tj {
|
|
|
- color: #6160ea;
|
|
|
+ .xd {
|
|
|
+ color: rgb(197, 49, 199);
|
|
|
}
|
|
|
|
|
|
- .dj {
|
|
|
- color: #05bb4c;
|
|
|
+ .sl {
|
|
|
+ color: rgb(255, 255, 255);
|
|
|
}
|
|
|
|
|
|
- .xd {
|
|
|
- // color: #fff950;
|
|
|
- color: rgb(133, 142, 167);
|
|
|
+ .lx {
|
|
|
+ color: rgb(96, 103, 105);
|
|
|
}
|
|
|
|
|
|
& span:first-child {
|
|
|
@@ -4038,12 +4066,6 @@ export default {
|
|
|
color: #76819b;
|
|
|
margin-bottom: 4px;
|
|
|
}
|
|
|
-
|
|
|
- margin-bottom: 30px;
|
|
|
-
|
|
|
- &:last-child {
|
|
|
- margin-bottom: 0;
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
.cChartBox {
|
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
пре 4 месеци
