|
|
@@ -59,7 +59,7 @@
|
|
|
<SvgIcon :svgid="'svg-wind-site'"></SvgIcon>
|
|
|
</i>
|
|
|
<span>{{ sourceMap.fczbmap[pItem[pIndex].wpId].name }}</span>
|
|
|
- <div class="sub-title-item" v-for="(data, index) of table.subTitleDatas" :key="index">
|
|
|
+ <div class="sub-title-item" v-for="(data, index) of tables[0].subTitleDatas" :key="index">
|
|
|
<span class="sub-title">{{ data.text }}</span>
|
|
|
<span class="sub-count" :class="data.color">{{ sourceMap.fczbmap[pItem[pIndex].wpId][data.key] }}</span>
|
|
|
</div>
|
|
|
@@ -85,7 +85,7 @@
|
|
|
</div>
|
|
|
<div class="num">
|
|
|
<i class="svg-icon svg-icon-sm" :class="cItem.color != 'red' ? 'svg-icon-' + cItem.color : 'svg-icon-white'">
|
|
|
- <SvgIcon svgid="svg-R"></SvgIcon>
|
|
|
+ <!-- <SvgIcon svgid="svg-R"></SvgIcon> -->
|
|
|
</i>
|
|
|
<span>{{ cItem.fdl || " " }}</span>
|
|
|
</div>
|
|
|
@@ -326,43 +326,30 @@ export default {
|
|
|
switch (fjzt) {
|
|
|
case 0: // 待机
|
|
|
return "green";
|
|
|
- break;
|
|
|
case 1: // 手动停机
|
|
|
return "green";
|
|
|
- break;
|
|
|
case 2: // 正常发电
|
|
|
return "blue";
|
|
|
- break;
|
|
|
case 3: // 缺陷降出力
|
|
|
return "blue";
|
|
|
- break;
|
|
|
case 4: // 限电降出力
|
|
|
return "purple";
|
|
|
- break;
|
|
|
case 5: // 限电停机
|
|
|
return "purple";
|
|
|
- break;
|
|
|
case 6: // 故障停机
|
|
|
return "red";
|
|
|
- break;
|
|
|
case 7: // 场内受累停机
|
|
|
return "red";
|
|
|
- break;
|
|
|
case 8: // 检修停机
|
|
|
return "orange";
|
|
|
- break;
|
|
|
case 9: // 离线
|
|
|
return "orange";
|
|
|
- break;
|
|
|
case 10: // 电网受累
|
|
|
return "gray";
|
|
|
- break;
|
|
|
case 11: // 环境受累
|
|
|
return "gray";
|
|
|
- break;
|
|
|
case 12: // 离线
|
|
|
return "black";
|
|
|
- break;
|
|
|
}
|
|
|
},
|
|
|
|
|
|
@@ -758,397 +745,6 @@ export default {
|
|
|
flex-wrap: wrap;
|
|
|
justify-content: space-between;
|
|
|
|
|
|
- // old card theme
|
|
|
- // .blank {
|
|
|
- // margin-right: 4px;
|
|
|
- // flex: 1 0 165px;
|
|
|
- // }
|
|
|
-
|
|
|
- // .card {
|
|
|
- // margin-right: 4px;
|
|
|
- // margin-top: 4px;
|
|
|
- // flex: 1 0 165px;
|
|
|
- // }
|
|
|
-
|
|
|
- // .card {
|
|
|
- // border: 0.093vh solid;
|
|
|
- // position: relative;
|
|
|
-
|
|
|
- // .circle {
|
|
|
- // width: 1.4815vh;
|
|
|
- // position: absolute;
|
|
|
- // height: 1.4815vh;
|
|
|
- // border: 0.0926vh solid #ffffff;
|
|
|
- // border-radius: 100%;
|
|
|
- // top: calc(50% - 0.7407vh);
|
|
|
- // left: calc(50% - 0.7407vh);
|
|
|
- // background-color: fade(#000, 30);
|
|
|
-
|
|
|
- // .center-icon {
|
|
|
- // font-size: 2.222vh;
|
|
|
- // position: absolute;
|
|
|
- // left: calc(50% - 1.111vh);
|
|
|
- // top: calc(50% - 1.111vh);
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-panel {
|
|
|
- // display: flex;
|
|
|
-
|
|
|
- // .card-left {
|
|
|
- // flex: 1 0 auto;
|
|
|
- // border-right: 0.093vh solid;
|
|
|
-
|
|
|
- // .tag {
|
|
|
- // color: @write;
|
|
|
- // font-size: 14px;
|
|
|
- // width: 100%;
|
|
|
- // text-align: center;
|
|
|
- // border-bottom: 0.093vh solid;
|
|
|
- // padding: 0.7407vh 0;
|
|
|
- // }
|
|
|
-
|
|
|
- // .num {
|
|
|
- // display: flex;
|
|
|
- // align-items: center;
|
|
|
- // justify-content: space-around;
|
|
|
- // width: 100%;
|
|
|
- // font-size: 14px;
|
|
|
- // text-align: left;
|
|
|
- // padding: 0.7407vh 0;
|
|
|
-
|
|
|
- // div {
|
|
|
- // min-width: 5.463vh;
|
|
|
- // display: inline-block;
|
|
|
- // margin-right: 0.3704vh;
|
|
|
- // }
|
|
|
-
|
|
|
- // i {
|
|
|
- // margin-top: 0.2778vh;
|
|
|
- // margin-left: 0.7407vh;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-right {
|
|
|
- // flex: 1 0 auto;
|
|
|
-
|
|
|
- // .num {
|
|
|
- // display: flex;
|
|
|
- // align-items: center;
|
|
|
- // justify-content: space-around;
|
|
|
- // width: 100%;
|
|
|
- // font-size: 14px;
|
|
|
- // text-align: left;
|
|
|
- // padding: 0.7407vh 0;
|
|
|
-
|
|
|
- // &:first-child {
|
|
|
- // border-bottom: 0.093vh solid;
|
|
|
- // }
|
|
|
-
|
|
|
- // div {
|
|
|
- // min-width: 5.463vh;
|
|
|
- // display: inline-block;
|
|
|
- // margin-right: 0.3704vh;
|
|
|
- // }
|
|
|
-
|
|
|
- // i {
|
|
|
- // margin-top: 0.2778vh;
|
|
|
- // margin-left: 0.7407vh;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-percent {
|
|
|
- // height: 0.926vh;
|
|
|
- // padding: 0.093vh 0.185vh;
|
|
|
- // position: relative;
|
|
|
- // border-top: 0.093vh solid;
|
|
|
- // background-color: transparent;
|
|
|
-
|
|
|
- // .percent {
|
|
|
- // height: 0.648vh;
|
|
|
- // background-color: @green;
|
|
|
- // position: absolute;
|
|
|
- // left: 0.185vh;
|
|
|
- // top: 0.093vh;
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // &.blue {
|
|
|
- // border-color: @darkBlue;
|
|
|
- // background-color: fade(@darkBlue, 15%);
|
|
|
-
|
|
|
- // .circle {
|
|
|
- // border-color: @darkBlue;
|
|
|
- // background-color: #0e062b;
|
|
|
- // }
|
|
|
-
|
|
|
- // .center-icon {
|
|
|
- // color: @write;
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-panel {
|
|
|
- // .card-left {
|
|
|
- // border-color: @darkBlue;
|
|
|
-
|
|
|
- // .tag {
|
|
|
- // border-color: @darkBlue;
|
|
|
- // }
|
|
|
-
|
|
|
- // .num {
|
|
|
- // color: @darkBlue;
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-right {
|
|
|
- // .num {
|
|
|
- // color: @darkBlue;
|
|
|
- // border-color: @darkBlue;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-percent {
|
|
|
- // border-color: @darkBlue;
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // &.pink {
|
|
|
- // border-color: @pink;
|
|
|
- // background-color: fade(@pink, 15%);
|
|
|
-
|
|
|
- // .circle {
|
|
|
- // border-color: @pink;
|
|
|
- // background-color: #26062d;
|
|
|
- // }
|
|
|
-
|
|
|
- // .center-icon {
|
|
|
- // color: @write;
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-panel {
|
|
|
- // .card-left {
|
|
|
- // border-color: @pink;
|
|
|
-
|
|
|
- // .tag {
|
|
|
- // border-color: @pink;
|
|
|
- // }
|
|
|
-
|
|
|
- // .num {
|
|
|
- // color: @pink;
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-right {
|
|
|
- // .num {
|
|
|
- // color: @pink;
|
|
|
- // border-color: @pink;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-percent {
|
|
|
- // border-color: @pink;
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // &.orange {
|
|
|
- // border-color: @orange;
|
|
|
- // background-color: fade(@orange, 15%);
|
|
|
-
|
|
|
- // .center-icon {
|
|
|
- // color: @write;
|
|
|
- // }
|
|
|
-
|
|
|
- // .circle {
|
|
|
- // border-color: @orange;
|
|
|
- // background-color: #2d1e07;
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-panel {
|
|
|
- // .card-left {
|
|
|
- // border-color: @orange;
|
|
|
-
|
|
|
- // .tag {
|
|
|
- // border-color: @orange;
|
|
|
- // }
|
|
|
-
|
|
|
- // .num {
|
|
|
- // color: @orange;
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-right {
|
|
|
- // .num {
|
|
|
- // color: @orange;
|
|
|
- // border-color: @orange;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-percent {
|
|
|
- // border-color: @orange;
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // &.green {
|
|
|
- // border-color: @green;
|
|
|
- // background-color: fade(@green, 15%);
|
|
|
-
|
|
|
- // .center-icon {
|
|
|
- // color: @write;
|
|
|
- // padding-left: 4px;
|
|
|
- // }
|
|
|
-
|
|
|
- // .circle {
|
|
|
- // border-color: @green;
|
|
|
- // background-color: #0f2a09;
|
|
|
- // }
|
|
|
- // .card-panel {
|
|
|
- // .card-left {
|
|
|
- // border-color: @green;
|
|
|
-
|
|
|
- // .tag {
|
|
|
- // border-color: @green;
|
|
|
- // }
|
|
|
-
|
|
|
- // .num {
|
|
|
- // color: @green;
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-right {
|
|
|
- // .num {
|
|
|
- // color: @green;
|
|
|
- // border-color: @green;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-percent {
|
|
|
- // border-color: @green;
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // &.gray {
|
|
|
- // border-color: @darkgray;
|
|
|
- // background-color: fade(@darkgray, 15%);
|
|
|
-
|
|
|
- // .center-icon {
|
|
|
- // color: @write;
|
|
|
- // }
|
|
|
-
|
|
|
- // .circle {
|
|
|
- // border-color: @darkgray;
|
|
|
- // background-color: #2b2b2b;
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-panel {
|
|
|
- // .card-left {
|
|
|
- // border-color: @darkgray;
|
|
|
-
|
|
|
- // .tag {
|
|
|
- // border-color: @darkgray;
|
|
|
- // }
|
|
|
-
|
|
|
- // .num {
|
|
|
- // color: @gray;
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-right {
|
|
|
- // .num {
|
|
|
- // color: @gray;
|
|
|
- // border-color: @darkgray;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-percent {
|
|
|
- // border-color: @darkgray;
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // &.red {
|
|
|
- // border-color: @red;
|
|
|
-
|
|
|
- // .center-icon {
|
|
|
- // color: @write;
|
|
|
- // }
|
|
|
-
|
|
|
- // .circle {
|
|
|
- // border-color: @red;
|
|
|
- // background-color: #840c0e;
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-panel {
|
|
|
- // background-color: @red;
|
|
|
-
|
|
|
- // .card-left {
|
|
|
- // border-color: @darkRed;
|
|
|
-
|
|
|
- // .tag {
|
|
|
- // border-color: @darkRed;
|
|
|
- // }
|
|
|
-
|
|
|
- // .num {
|
|
|
- // color: @write;
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-right {
|
|
|
- // .num {
|
|
|
- // color: @write;
|
|
|
- // border-color: @darkRed;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-percent {
|
|
|
- // border-color: @red;
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // &.black {
|
|
|
- // border-color: @write;
|
|
|
-
|
|
|
- // .center-icon {
|
|
|
- // color: @black;
|
|
|
- // }
|
|
|
-
|
|
|
- // .circle {
|
|
|
- // border-color: @black;
|
|
|
- // background-color: #ffffff;
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-panel {
|
|
|
- // background-color: @write;
|
|
|
-
|
|
|
- // .card-left {
|
|
|
- // border-color: @black;
|
|
|
-
|
|
|
- // .tag {
|
|
|
- // color: @black;
|
|
|
- // border-color: @black;
|
|
|
- // }
|
|
|
-
|
|
|
- // .num {
|
|
|
- // color: @black;
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // .card-right {
|
|
|
- // .num {
|
|
|
- // color: @black;
|
|
|
- // border-color: @black;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
.blank {
|
|
|
margin-right: 4px;
|
|
|
flex: 1 0 105px;
|
