|
@@ -13,49 +13,49 @@
|
|
|
<SvgIcon svgid="svg-wind-site"></SvgIcon>
|
|
|
</span>
|
|
|
</div>
|
|
|
- <div class="item write" @click="changeShow('jrfj_FDC')">
|
|
|
+ <div class="item write" :class="{nb:fillCategory=='jrfj_FDC'}" @click="changeShow('jrfj_FDC')">
|
|
|
<div class="curStyle">
|
|
|
<div>接入风机</div>
|
|
|
<div>{{ sourceMap.fcjrnum || "---" }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="item blue" @click="changeShow('yx_FDC', 1)">
|
|
|
- <div class="curStyle">
|
|
|
- <div>· 运行</div>
|
|
|
- <div>{{ sourceMap.fcyxnum || "---" }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item green" @click="changeShow('dj_FDC', 0)">
|
|
|
+ <div class="item green" :class="{nb:fillCategory=='dj_FDC'}" @click="changeShow('dj_FDC', 0)">
|
|
|
<div class="curStyle">
|
|
|
<div>· 待机</div>
|
|
|
<div>{{ sourceMap.fcdjnum || "---" }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="item pink" @click="changeShow('xd_FDC', 5)">
|
|
|
+ <div class="item blue" :class="{nb:fillCategory=='yx_FDC'}" @click="changeShow('yx_FDC', 1)">
|
|
|
+ <div class="curStyle" >
|
|
|
+ <div>· 运行</div>
|
|
|
+ <div>{{ sourceMap.fcyxnum || "---" }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item pink" :class="{nb:fillCategory=='xd_FDC'}" @click="changeShow('xd_FDC', 5)">
|
|
|
<div class="curStyle">
|
|
|
<div>· 限电</div>
|
|
|
<div>{{ sourceMap.fcxdnum || "---" }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="item red" @click="changeShow('gz_FDC', 2)">
|
|
|
+ <div class="item red" :class="{nb:fillCategory=='gz_FDC'}" @click="changeShow('gz_FDC', 2)">
|
|
|
<div class="curStyle">
|
|
|
<div>· 故障</div>
|
|
|
<div>{{ sourceMap.fcgznum || "---" }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="item orange" @click="changeShow('jx_FDC', 4)">
|
|
|
+ <div class="item orange" :class="{nb:fillCategory=='jx_FDC'}" @click="changeShow('jx_FDC', 4)">
|
|
|
<div class="curStyle">
|
|
|
<div>· 检修</div>
|
|
|
<div>{{ sourceMap.fcwhnum || "---" }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="item write" @click="changeShow('sl_FDC', 6)">
|
|
|
+ <div class="item write" :class="{nb:fillCategory=='sl_FDC'}" @click="changeShow('sl_FDC', 6)">
|
|
|
<div class="curStyle">
|
|
|
<div>· 受累</div>
|
|
|
<div>{{ sourceMap.fcslnum || "---" }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="item gray" @click="changeShow('lx_FDC', 3)">
|
|
|
+ <div class="item gray" :class="{nb:fillCategory=='lx_FDC'}" @click="changeShow('lx_FDC', 3)">
|
|
|
<div class="curStyle">
|
|
|
<div>· 离线</div>
|
|
|
<div>{{ sourceMap.fclxnum || "---" }}</div>
|
|
@@ -78,49 +78,49 @@
|
|
|
></SvgIcon>
|
|
|
</span>
|
|
|
</div>
|
|
|
- <div class="item write" @click="changeShow('jrfj1_GDC')">
|
|
|
+ <div class="item write" :class="{nb:fillCategory=='jrfj1_GDC'}" @click="changeShow('jrfj1_GDC')">
|
|
|
<div class="curStyle">
|
|
|
<div>逆变器</div>
|
|
|
<div>{{ sourceMap.gfjrnum || "---" }}</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="item blue" @click="changeShow('yx1_GDC', 1)">
|
|
|
+ </div>
|
|
|
+ <div class="item green" :class="{nb:fillCategory=='dj1_GDC'}" @click="changeShow('dj1_GDC', 0)">
|
|
|
<div class="curStyle">
|
|
|
- <div>· 运行</div>
|
|
|
- <div>{{ sourceMap.gfyxnum || "---" }}</div>
|
|
|
+ <div>· 待机</div>
|
|
|
+ <div>{{ sourceMap.gfdjnum || "---" }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="item greenv" @click="changeShow('dj1_GDC', 0)">
|
|
|
+ <div class="item blue" :class="{nb:fillCategory=='yx1_GDC'}" @click="changeShow('yx1_GDC', 1)">
|
|
|
<div class="curStyle">
|
|
|
- <div>· 待机</div>
|
|
|
- <div>{{ sourceMap.gfdjnum || "---" }}</div>
|
|
|
+ <div>· 运行</div>
|
|
|
+ <div>{{ sourceMap.gfyxnum || "---" }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="item pink" @click="changeShow('xd1_GDC', 5)">
|
|
|
+ <div class="item pink" :class="{nb:fillCategory=='xd1_GDC'}" @click="changeShow('xd1_GDC', 5)">
|
|
|
<div class="curStyle">
|
|
|
<div>· 限电</div>
|
|
|
<div>{{ sourceMap.gfxdnum || "---" }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="item red" @click="changeShow('gz1_GDC', 2)">
|
|
|
+ <div class="item red" :class="{nb:fillCategory=='gz1_GDC'}" @click="changeShow('gz1_GDC', 2)">
|
|
|
<div class="curStyle">
|
|
|
<div>· 故障</div>
|
|
|
<div>{{ sourceMap.gfgznum || "---" }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="item orange" @click="changeShow('jx1_GDC', 4)">
|
|
|
+ <div class="item orange" :class="{nb:fillCategory=='jx1_GDC'}" @click="changeShow('jx1_GDC', 4)">
|
|
|
<div class="curStyle">
|
|
|
<div>· 检修</div>
|
|
|
<div>{{ sourceMap.gfwhnum || "---" }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="item write" @click="changeShow('sl1_GDC', 6)">
|
|
|
+ <div class="item write" :class="{nb:fillCategory=='sl1_GDC'}" @click="changeShow('sl1_GDC', 6)">
|
|
|
<div class="curStyle">
|
|
|
<div>· 受累</div>
|
|
|
<div>{{ sourceMap.gfslnum || "---" }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="item gray curStyle" @click="changeShow('lx1_GDC', 3)">
|
|
|
+ <div class="item gray curStyle" :class="{nb:fillCategory=='lx1_GDC'}" @click="changeShow('lx1_GDC', 3)">
|
|
|
<div class="curStyle">
|
|
|
<div>· 离线</div>
|
|
|
<div>{{ sourceMap.gflxnum || "---" }}</div>
|
|
@@ -187,6 +187,7 @@
|
|
|
</div>
|
|
|
<!-- 站位用 保证卡片布局最后一行不会有问题 -->
|
|
|
<i class="blank" v-for="i in (pItem.length > 44? pItem.length: 44 - pItem.length)" :key="i"></i>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -405,13 +406,14 @@ export default {
|
|
|
// if (!skipFill) {
|
|
|
// console.log("!skipFill:", !skipFill);
|
|
|
// if (this.fillCategory === category) {
|
|
|
- // console.log("fillCategory:", this.fillCategory);
|
|
|
- // console.log("fillFjz:", this.fillFjzt);
|
|
|
+ // console.log("fillCategory:", this.fillCategory);
|
|
|
+ // console.log("fillFjz:", this.fillFjzt);
|
|
|
// this.fillCategory = null;
|
|
|
// this.fillFjzt = null;
|
|
|
// } else {
|
|
|
this.fillCategory = category;
|
|
|
this.fillFjzt = fjzt;
|
|
|
+ // console.log('66',this.skipFill);
|
|
|
// }
|
|
|
// }
|
|
|
|
|
@@ -743,7 +745,7 @@ export default {
|
|
|
.card {
|
|
|
margin-right: 2px;
|
|
|
margin-top: 2px;
|
|
|
- flex: 1 0 40px;
|
|
|
+ flex: 0 0 40px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
|
|
@@ -798,5 +800,9 @@ export default {
|
|
|
cursor: pointer;
|
|
|
text-align: center;
|
|
|
}
|
|
|
+ .nb{
|
|
|
+ background: @greenLinearTop;
|
|
|
+ transition: color 0.2s ease-in-out;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|