任务计划列表样式修改

src/views/MicroExhibition/table.vue

@@ -3,7 +3,7 @@
  * @Author: 张宇琼
  * @Date: 2023-09-08 16:35:24
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2023-09-11 16:51:36
+ * @LastEditTime: 2023-09-15 15:18:34
  * @Descripttion: 
 -->
 <template>
@@ -25,7 +25,7 @@
                     'border': 'none !important'
                 }">
                     <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
-                    <el-table-column align="center" prop="name" label="设备名称"></el-table-column>
+                    <el-table-column align="center" prop="name" width="320" label="设备名称"></el-table-column>
                     <el-table-column prop="label" label="设备编号" align="center"></el-table-column>
                     <el-table-column prop="planProduction" label="计划任务" align="center">
                         <template #default="{ row }">
@@ -36,7 +36,7 @@
                     </el-table-column>
                 </el-table>
             </div>
-            <div class="item">
+            <div class="item1">
                 <el-button @click="saveData" size="large" type="success" style="background-color: #00B38B;">保存</el-button>
             </div>
         </div>
@@ -181,7 +181,15 @@ h3 {
     flex-direction: column;
     justify-content: center;
     align-items: center;
-
+    line-height: 60px;
 }
 
+.item1 {
+    margin-top: 10%;
+    width: 48%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
 </style>