fix: layout调整

src/layouts/default.vue

@@ -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;