|
|
@@ -8,39 +8,47 @@
|
|
|
<div style="display: flex;flex-direction: row;margin-top: 1vh;padding-left: 1vw;">
|
|
|
<div ref="stationchart" style="width:10vw;height: 20vh;"></div>
|
|
|
<div style="display: flex;flex-direction: column;">
|
|
|
- <div class="countDiv" style="display: flex;flex-direction: column;justify-content: space-between;">
|
|
|
- <div><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/up.png" /></div>
|
|
|
+ <div class="countDiv" style="display: flex;flex-direction: column;justify-content: space-between;position:relative;">
|
|
|
+ <div><img style="width: 2vw;height: 1vh;;position:absolute;top:0" src="@/assets/images/homeImages/up.png" /></div>
|
|
|
<div style="display: flex;flex-direction: row;justify-content: space-between;padding-left: 0.5vw;padding-right: 1vw;">
|
|
|
<div class="typeClass">总设备数</div>
|
|
|
<div class="countClass" style="color: #FEF822;">
|
|
|
{{totaldevice }}
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="margin-left: 6vw;"><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/bottom.png" /></div>
|
|
|
+ <div style="margin-left: 6vw;">
|
|
|
+ <img style="width: 2vw;height: 1vh;position:absolute; bottom:0;right:0" src="@/assets/images/homeImages/bottom.png" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="countDiv" style="display: flex;flex-direction: column;justify-content: space-between;margin-top: 0.5vh;">
|
|
|
- <div><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/up.png" /></div>
|
|
|
+ <div class="countDiv" style="display: flex;flex-direction: column;justify-content: space-between;margin-top: 0.5vh;position:relative;">
|
|
|
+ <div><img style="width: 2vw;height: 1vh;position:absolute;top:0" src="@/assets/images/homeImages/up.png" /></div>
|
|
|
<div style="display: flex;flex-direction: row;justify-content: space-between;padding-left: 0.5vw;padding-right: 1vw;">
|
|
|
<div class="typeClass">在线设备</div>
|
|
|
<div class="countClass" style="color: #22FE31;">{{ onlinedevice }}</div>
|
|
|
</div>
|
|
|
- <div style="margin-left: 6vw;"><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/bottom.png" /></div>
|
|
|
+ <div style="margin-left: 6vw;">
|
|
|
+ <img style="width: 2vw;height: 1vh;position:absolute; bottom:0;right:0" src="@/assets/images/homeImages/bottom.png" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="countDiv" style="display: flex;flex-direction: column;justify-content: space-between;margin-top: 0.5vh;">
|
|
|
- <div><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/up.png" /></div>
|
|
|
+ <div class="countDiv" style="display: flex;flex-direction: column;justify-content: space-between;margin-top: 0.5vh;position:relative;">
|
|
|
+ <div><img style="width: 2vw;height: 1vh;position:absolute;top:0" src="@/assets/images/homeImages/up.png" /></div>
|
|
|
<div style="display: flex;flex-direction: row;justify-content: space-between;padding-left: 0.5vw;padding-right: 1vw;">
|
|
|
<div class="typeClass">箱体总数</div>
|
|
|
<div class="countClass" style="color: #FEF822;">{{ totalcabinet }}</div>
|
|
|
</div>
|
|
|
- <div style="margin-left: 6vw;"><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/bottom.png" /></div>
|
|
|
+ <div style="margin-left: 6vw;">
|
|
|
+ <img style="width: 2vw;height: 1vh;position:absolute; bottom:0;right:0" src="@/assets/images/homeImages/bottom.png" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="countDiv" style="display: flex;flex-direction: column;justify-content: space-between;margin-top: 0.5vh;">
|
|
|
- <div><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/up.png" /></div>
|
|
|
+ <div class="countDiv" style="display: flex;flex-direction: column;justify-content: space-between;margin-top: 0.5vh;position:relative;">
|
|
|
+ <div><img style="width: 2vw;height: 1vh;position:absolute;top:0" src="@/assets/images/homeImages/up.png" /></div>
|
|
|
<div style="display: flex;flex-direction: row;justify-content: space-between;padding-left: 0.5vw;padding-right: 1vw;">
|
|
|
<div class="typeClass">空闲箱体</div>
|
|
|
<div class="countClass" style="color: #22FE31;">{{ kxcabinet }}</div>
|
|
|
</div>
|
|
|
- <div style="margin-left: 6vw;"><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/bottom.png" /></div>
|
|
|
+ <div style="margin-left: 6vw;">
|
|
|
+ <img style="width: 2vw;height: 1vh; position:absolute; bottom:0;right:0" src="@/assets/images/homeImages/bottom.png" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
