改布局位置

src/assets/styles/index.scss

@@ -127,8 +127,8 @@ aside {
 
 //main-container全局样式
 .app-container {
-  display: flex;
-  flex-direction: column; /* 垂直排列 */
+  //display: flex;
+  //flex-direction: column; /* 垂直排列 */
   margin: 24px;
   padding: 20px;
   background: #FAFAFB;

src/views/system/factory/index.vue

 <template>
-  <div style="padding: 30px">
+  <div class="app-container">
 
-  <el-button type="primary" plain style="float: right;margin: 12px 0" @click="addFactory">新建</el-button>
+  <div>
+    <el-button type="primary" plain style="float: right;margin: 12px 0" @click="addFactory">新建</el-button>
+  </div>
   <el-table :data="tableList" style="width: 100%;" border>
     <el-table-column  label="序号" align="center">
       <template #default="scope">