|
@@ -2,95 +2,95 @@
|
|
<div class="light-matrix">
|
|
<div class="light-matrix">
|
|
<Row class="panel-2" type="">
|
|
<Row class="panel-2" type="">
|
|
<Col :span="12" class="left-50-16">
|
|
<Col :span="12" class="left-50-16">
|
|
- <div class="panel">
|
|
|
|
- <div class="dot left top"></div>
|
|
|
|
- <div class="dot left bottom"></div>
|
|
|
|
- <div class="dot right top"></div>
|
|
|
|
- <div class="dot right bottom"></div>
|
|
|
|
- <div class="item">
|
|
|
|
- <span class="svg-icon svg-icon-gray svg-icon-md">
|
|
|
|
- <SvgIcon svgid="svg-wind-site"></SvgIcon>
|
|
|
|
- </span>
|
|
|
|
- </div>
|
|
|
|
- <div class="item write" @click="changeShow('jrfj_FDC')">
|
|
|
|
- <div>接入风机</div>
|
|
|
|
- <div>{{ sourceMap.fcjrnum || "---" }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="item blue" @click="changeShow('yx_FDC', 1)">
|
|
|
|
- <div>· 运行</div>
|
|
|
|
- <div>{{ sourceMap.fcyxnum || "---" }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="item green" @click="changeShow('dj_FDC', 0)">
|
|
|
|
- <div>· 待机</div>
|
|
|
|
- <div>{{ sourceMap.fcdjnum || "---" }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="item purple" @click="changeShow('xd_FDC', 5)">
|
|
|
|
- <div>· 限电</div>
|
|
|
|
- <div>{{ sourceMap.fcxdnum || "---" }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="item red" @click="changeShow('gz_FDC', 2)">
|
|
|
|
- <div>· 故障</div>
|
|
|
|
- <div>{{ sourceMap.fcgznum || "---" }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="item orange" @click="changeShow('jx_FDC', 4)">
|
|
|
|
- <div>· 检修</div>
|
|
|
|
- <div>{{ sourceMap.fcwhnum || "---" }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="item write" @click="changeShow('sl_FDC', 6)">
|
|
|
|
- <div>· 受累</div>
|
|
|
|
- <div>{{ sourceMap.fcslnum || "---" }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="item gray" @click="changeShow('lx_FDC', 3)">
|
|
|
|
- <div>· 离线</div>
|
|
|
|
- <div>{{ sourceMap.fclxnum || "---" }}</div>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="panel">
|
|
|
|
+ <div class="dot left top"></div>
|
|
|
|
+ <div class="dot left bottom"></div>
|
|
|
|
+ <div class="dot right top"></div>
|
|
|
|
+ <div class="dot right bottom"></div>
|
|
|
|
+ <div class="item">
|
|
|
|
+ <span class="svg-icon svg-icon-gray svg-icon-md">
|
|
|
|
+ <SvgIcon svgid="svg-wind-site"></SvgIcon>
|
|
|
|
+ </span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item write" @click="changeShow('jrfj_FDC')">
|
|
|
|
+ <div>接入风机</div>
|
|
|
|
+ <div>{{ sourceMap.fcjrnum || "---" }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="item blue" @click="changeShow('yx_FDC', 1)">
|
|
|
|
+ <div>· 运行</div>
|
|
|
|
+ <div>{{ sourceMap.fcyxnum || "---" }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item green" @click="changeShow('dj_FDC', 0)">
|
|
|
|
+ <div>· 待机</div>
|
|
|
|
+ <div>{{ sourceMap.fcdjnum || "---" }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item pink" @click="changeShow('xd_FDC', 5)">
|
|
|
|
+ <div>· 限电</div>
|
|
|
|
+ <div>{{ sourceMap.fcxdnum || "---" }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item red" @click="changeShow('gz_FDC', 2)">
|
|
|
|
+ <div>· 故障</div>
|
|
|
|
+ <div>{{ sourceMap.fcgznum || "---" }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item orange" @click="changeShow('jx_FDC', 4)">
|
|
|
|
+ <div>· 检修</div>
|
|
|
|
+ <div>{{ sourceMap.fcwhnum || "---" }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item write" @click="changeShow('sl_FDC', 6)">
|
|
|
|
+ <div>· 受累</div>
|
|
|
|
+ <div>{{ sourceMap.fcslnum || "---" }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item gray" @click="changeShow('lx_FDC', 3)">
|
|
|
|
+ <div>· 离线</div>
|
|
|
|
+ <div>{{ sourceMap.fclxnum || "---" }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</Col>
|
|
</Col>
|
|
<Col :span="12" class="left-50-16">
|
|
<Col :span="12" class="left-50-16">
|
|
- <div class="panel">
|
|
|
|
- <div class="dot left top"></div>
|
|
|
|
- <div class="dot left bottom"></div>
|
|
|
|
- <div class="dot right top"></div>
|
|
|
|
- <div class="dot right bottom"></div>
|
|
|
|
- <div class="item">
|
|
|
|
- <div class="loop"></div>
|
|
|
|
- <span class="svg-icon svg-icon-gray svg-icon-md">
|
|
|
|
- <SvgIcon :svgid="'svg-wind-site'"></SvgIcon>
|
|
|
|
- </span>
|
|
|
|
- </div>
|
|
|
|
- <div class="item write" @click="changeShow('jrfj1_GDC')">
|
|
|
|
- <div>接入风机</div>
|
|
|
|
- <div>{{ sourceMap.gfjrnum || "---" }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="item blue" @click="changeShow('yx1_GDC', 1)">
|
|
|
|
- <div>· 运行</div>
|
|
|
|
- <div>{{ sourceMap.gfyxnum || "---" }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="item green" @click="changeShow('dj1_GDC', 0)">
|
|
|
|
- <div>· 待机</div>
|
|
|
|
- <div>{{ sourceMap.gfdjnum || "---" }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="item purple" @click="changeShow('xd1_GDC', 5)">
|
|
|
|
- <div>· 限电</div>
|
|
|
|
- <div>{{ sourceMap.gfxdnum || "---" }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="item red" @click="changeShow('gz1_GDC', 2)">
|
|
|
|
- <div>· 故障</div>
|
|
|
|
- <div>{{ sourceMap.gfgznum || "---" }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="item orange" @click="changeShow('jx1_GDC', 4)">
|
|
|
|
- <div>· 检修</div>
|
|
|
|
- <div>{{ sourceMap.gfwhnum || "---" }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="item write" @click="changeShow('sl1_GDC', 6)">
|
|
|
|
- <div>· 受累</div>
|
|
|
|
- <div>{{ sourceMap.gfslnum || "---" }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="item gray" @click="changeShow('lx1_GDC', 3)">
|
|
|
|
- <div>· 离线</div>
|
|
|
|
- <div>{{ sourceMap.gflxnum || "---" }}</div>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="panel">
|
|
|
|
+ <div class="dot left top"></div>
|
|
|
|
+ <div class="dot left bottom"></div>
|
|
|
|
+ <div class="dot right top"></div>
|
|
|
|
+ <div class="dot right bottom"></div>
|
|
|
|
+ <div class="item">
|
|
|
|
+ <div class="loop"></div>
|
|
|
|
+ <span class="svg-icon svg-icon-gray svg-icon-md">
|
|
|
|
+ <SvgIcon :svgid="'svg-wind-site'"></SvgIcon>
|
|
|
|
+ </span>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="item write" @click="changeShow('jrfj1_GDC')">
|
|
|
|
+ <div>接入风机</div>
|
|
|
|
+ <div>{{ sourceMap.gfjrnum || "---" }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item blue" @click="changeShow('yx1_GDC', 1)">
|
|
|
|
+ <div>· 运行</div>
|
|
|
|
+ <div>{{ sourceMap.gfyxnum || "---" }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item green" @click="changeShow('dj1_GDC', 0)">
|
|
|
|
+ <div>· 待机</div>
|
|
|
|
+ <div>{{ sourceMap.gfdjnum || "---" }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item pink" @click="changeShow('xd1_GDC', 5)">
|
|
|
|
+ <div>· 限电</div>
|
|
|
|
+ <div>{{ sourceMap.gfxdnum || "---" }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item red" @click="changeShow('gz1_GDC', 2)">
|
|
|
|
+ <div>· 故障</div>
|
|
|
|
+ <div>{{ sourceMap.gfgznum || "---" }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item orange" @click="changeShow('jx1_GDC', 4)">
|
|
|
|
+ <div>· 检修</div>
|
|
|
|
+ <div>{{ sourceMap.gfwhnum || "---" }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item write" @click="changeShow('sl1_GDC', 6)">
|
|
|
|
+ <div>· 受累</div>
|
|
|
|
+ <div>{{ sourceMap.gfslnum || "---" }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item gray" @click="changeShow('lx1_GDC', 3)">
|
|
|
|
+ <div>· 离线</div>
|
|
|
|
+ <div>{{ sourceMap.gflxnum || "---" }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</Col>
|
|
</Col>
|
|
</Row>
|
|
</Row>
|
|
<div class="panel-box">
|
|
<div class="panel-box">
|
|
@@ -103,7 +103,8 @@
|
|
<span>{{ sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId].name || "------" }}</span>
|
|
<span>{{ sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId].name || "------" }}</span>
|
|
<div class="sub-title-item" v-for="(fcItem, fcIndex) in fcStateArray" :key="fcIndex">
|
|
<div class="sub-title-item" v-for="(fcItem, fcIndex) in fcStateArray" :key="fcIndex">
|
|
<span class="sub-title">{{ fcItem.text }}</span>
|
|
<span class="sub-title">{{ fcItem.text }}</span>
|
|
- <span class="sub-count" :class="fcItem.color">{{ sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId][fcItem.key] }}</span>
|
|
|
|
|
|
+ <span class="sub-count" :class="fcItem.color">{{
|
|
|
|
+ sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId][fcItem.key] }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -140,7 +141,7 @@ export default {
|
|
},
|
|
},
|
|
|
|
|
|
// 数据
|
|
// 数据
|
|
- data() {
|
|
|
|
|
|
+ data () {
|
|
return {
|
|
return {
|
|
timmer: null, // 计时器
|
|
timmer: null, // 计时器
|
|
sourceMap: {}, // 核心数据
|
|
sourceMap: {}, // 核心数据
|
|
@@ -229,7 +230,7 @@ export default {
|
|
// 函数
|
|
// 函数
|
|
methods: {
|
|
methods: {
|
|
// 根据风机状态码返回对应 class
|
|
// 根据风机状态码返回对应 class
|
|
- getColor(fjzt) {
|
|
|
|
|
|
+ getColor (fjzt) {
|
|
switch (fjzt) {
|
|
switch (fjzt) {
|
|
case 0:
|
|
case 0:
|
|
return "green";
|
|
return "green";
|
|
@@ -256,7 +257,7 @@ export default {
|
|
},
|
|
},
|
|
|
|
|
|
// 切换显示种类
|
|
// 切换显示种类
|
|
- changeShow(category, fjzt, skipFill) {
|
|
|
|
|
|
+ changeShow (category, fjzt, skipFill) {
|
|
if (!skipFill) {
|
|
if (!skipFill) {
|
|
if (this.fillCategory === category) {
|
|
if (this.fillCategory === category) {
|
|
this.fillCategory = null;
|
|
this.fillCategory = null;
|
|
@@ -289,13 +290,13 @@ export default {
|
|
},
|
|
},
|
|
|
|
|
|
// 请求服务
|
|
// 请求服务
|
|
- requestData(showLoading) {
|
|
|
|
|
|
+ requestData (showLoading) {
|
|
let that = this;
|
|
let that = this;
|
|
that.API.requestData({
|
|
that.API.requestData({
|
|
showLoading,
|
|
showLoading,
|
|
method: "POST",
|
|
method: "POST",
|
|
subUrl: "matrix/matrixPush",
|
|
subUrl: "matrix/matrixPush",
|
|
- success(res) {
|
|
|
|
|
|
+ success (res) {
|
|
if (res) {
|
|
if (res) {
|
|
let sourceMap = res.data;
|
|
let sourceMap = res.data;
|
|
let fjmap = [];
|
|
let fjmap = [];
|
|
@@ -323,7 +324,7 @@ export default {
|
|
},
|
|
},
|
|
},
|
|
},
|
|
|
|
|
|
- created() {
|
|
|
|
|
|
+ created () {
|
|
let that = this;
|
|
let that = this;
|
|
that.$nextTick(() => {
|
|
that.$nextTick(() => {
|
|
that.requestData(false);
|
|
that.requestData(false);
|
|
@@ -333,7 +334,7 @@ export default {
|
|
});
|
|
});
|
|
},
|
|
},
|
|
|
|
|
|
- unmounted() {
|
|
|
|
|
|
+ unmounted () {
|
|
clearInterval(this.timmer);
|
|
clearInterval(this.timmer);
|
|
this.timmer = null;
|
|
this.timmer = null;
|
|
},
|
|
},
|
|
@@ -444,7 +445,7 @@ export default {
|
|
}
|
|
}
|
|
&:last-child {
|
|
&:last-child {
|
|
font-size: @fontsize;
|
|
font-size: @fontsize;
|
|
- font-family: "Bicubik";
|
|
|
|
|
|
+ font-family: 'Bicubik';
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -474,7 +475,7 @@ export default {
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
|
&::after {
|
|
&::after {
|
|
- content: "";
|
|
|
|
|
|
+ content: '';
|
|
position: absolute;
|
|
position: absolute;
|
|
width: 1.481vh;
|
|
width: 1.481vh;
|
|
height: 0.556vh;
|
|
height: 0.556vh;
|
|
@@ -527,7 +528,7 @@ export default {
|
|
.sub-count {
|
|
.sub-count {
|
|
flex: 1 0 auto;
|
|
flex: 1 0 auto;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
- font-family: "Bicubik";
|
|
|
|
|
|
+ font-family: 'Bicubik';
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
|
|
|
|
&.write {
|
|
&.write {
|