|
|
@ -260,7 +260,7 @@ const statusMap = { |
|
|
IP : {{ deviceInfo.ip }} |
|
|
IP : {{ deviceInfo.ip }} |
|
|
</div> |
|
|
</div> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="12"> |
|
|
|
|
|
|
|
|
<el-col :span="12" class="warning-border"> |
|
|
<div class="footer-left"> |
|
|
<div class="footer-left"> |
|
|
<img src="../assets/images/run.svg" alt="" style="padding-right: 5px"> |
|
|
<img src="../assets/images/run.svg" alt="" style="padding-right: 5px"> |
|
|
<span v-if="!systemStore.systemLogList.length" class="text">设备运行状态</span> |
|
|
<span v-if="!systemStore.systemLogList.length" class="text">设备运行状态</span> |
|
|
@ -595,4 +595,20 @@ const statusMap = { |
|
|
transform: rotate(0deg); |
|
|
transform: rotate(0deg); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@keyframes border-pulse { |
|
|
|
|
|
0% { |
|
|
|
|
|
box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.5); |
|
|
|
|
|
} |
|
|
|
|
|
100% { |
|
|
|
|
|
box-shadow: 0 0 0 5px rgba(255, 0, 0, 0); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.warning-border { |
|
|
|
|
|
position: relative; |
|
|
|
|
|
border: 1px solid #ff4d4d; |
|
|
|
|
|
border-radius: 3px; |
|
|
|
|
|
animation: border-pulse 1.5s infinite; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |
