Commit 1f479bbe authored by liubinyu's avatar liubinyu

增加电厂选择页,如果没有获取到socket数据,弹出提示

parent 511d789f
......@@ -12,8 +12,8 @@
<!-- 关闭 -->
<transition name="list">
<div v-if="!factoryItem" class="factory-block factory-list">
<div class="factory-item" v-for="fac of factoryList">
<div class="factory-name" @mouseover="showFactory(fac)">{{fac.plantName}}</div>
<div class="factory-item" v-for="fac of factoryList" :key="fac.plantId" @mouseover="showFactory(fac)" @click="goPage(fac)">
<div class="factory-name">{{fac.plantName}}</div>
</div>
</div>
</transition>
......@@ -24,7 +24,7 @@
<div class="y-line" :style="{height: (factoryItem.plantDevices.length > 11 ? 10 * 4.75 + 'rem' : (factoryItem.plantDevices.length - 1) * 4.75 + 'rem')}"></div>
<div class="crew-list">
<div class="crew-item" v-for="(dev,i) of factoryItem.plantDevices.slice(0,11)" :class="dev.runstate ? 'crew-item-run' : 'crew-item-stop'"
:style="{'align-self': i % 2 !== 1 ? 'flex-start' : 'flex-end'}">
:style="{'align-self': i % 2 !== 1 ? 'flex-start' : 'flex-end'}" :key="dev.deviceId">
<span>{{dev.deviceName}}</span>
<span>{{dev.runstate ? '运行' : '停机'}}</span>
<div class="x-line" :class="i % 2 !== 1 ? 'x-line-s' : 'x-line-l'">
......@@ -34,7 +34,7 @@
</div>
<div class="crew-list crew-list2" v-if="factoryItem.plantDevices.length > 11">
<div class="crew-item" v-for="(dev,i) in factoryItem.plantDevices.slice(11)" :class="dev.runstate ? 'crew-item-run' : 'crew-item-stop'"
:style="{'align-self': i % 2 !== 1 ? 'flex-start' : 'flex-end'}">
:style="{'align-self': i % 2 !== 1 ? 'flex-start' : 'flex-end'}" :key="dev.deviceId">
<span>{{dev.deviceName}}</span>
<span>{{dev.runstate ? '运行' : '停机'}}</span>
<div class="x-line x-line-m"></div>
......@@ -156,7 +156,10 @@
},
// 展开电厂
showFactory(item) {
if(!this.socketData) return;
if(!this.socketData) {
this.$message.error('暂未获取到机组数据,请稍后重试!');
return;
}
this.factoryItem = item;
this.initData();
// 加上延迟,因为有动画
......@@ -347,6 +350,7 @@
align-items: center;
// justify-content: center;
position: relative;
cursor: pointer;
}
.arrow {
......
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