|
|
@ -76,15 +76,13 @@ onUnmounted(() => { |
|
|
|
</el-container> |
|
|
|
<el-footer class="footer"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="15"> |
|
|
|
<el-col :span="16"> |
|
|
|
<div class="footer-left"> |
|
|
|
<img src="../assets/images/run.svg" alt=""> |
|
|
|
<span class="text">机器运行状态</span> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="1"> |
|
|
|
<div /> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
|
<div class="footer-right"> |
|
|
|
<div class="status" /> |
|
|
@ -104,10 +102,11 @@ onUnmounted(() => { |
|
|
|
background: #F6F6F6; |
|
|
|
.header, .footer { |
|
|
|
height: 50px; |
|
|
|
width: 100%; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
padding: 10px 20px; |
|
|
|
padding: 10px 15px; |
|
|
|
} |
|
|
|
.header { |
|
|
|
color: #393F46; |
|
|
@ -225,6 +224,7 @@ onUnmounted(() => { |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
.content { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
background: #fff; |
|
|
|
border-radius: 10px; |
|
|
@ -232,6 +232,7 @@ onUnmounted(() => { |
|
|
|
padding: 10px; |
|
|
|
} |
|
|
|
.footer { |
|
|
|
padding-left: 185px !important; |
|
|
|
.el-row { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
@ -249,6 +250,7 @@ onUnmounted(() => { |
|
|
|
padding: 0 20px; |
|
|
|
} |
|
|
|
.footer-left { |
|
|
|
border-right: 5px solid #F6F6F6; |
|
|
|
img { |
|
|
|
height: 60%; |
|
|
|
} |
|
|
@ -259,6 +261,7 @@ onUnmounted(() => { |
|
|
|
} |
|
|
|
} |
|
|
|
.footer-right { |
|
|
|
border-left: 10px solid #F6F6F6; |
|
|
|
.status { |
|
|
|
width: 15px; |
|
|
|
height: 15px; |
|
|
|