From 873c1a299527b9eea977b9db03133ffd1b4fd36a Mon Sep 17 00:00:00 2001
From: air <30444667+sszdot@users.noreply.github.com>
Date: Thu, 12 Jun 2025 20:00:53 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E7=B1=BB=20=20=E5=9E=8B=E3=80=91?=
 =?UTF-8?q?=EF=BC=9Afactor=20=E3=80=90=E5=8E=9F=20=20=E5=9B=A0=E3=80=91?=
 =?UTF-8?q?=EF=BC=9Aui=20=20=E9=A1=B6=E9=83=A8=E6=8C=89=E9=92=AE=E7=BB=84?=
 =?UTF-8?q?=20=E6=8D=A2=E8=A1=8C=E9=97=AE=E9=A2=98=20=E3=80=90=E8=BF=87=20?=
 =?UTF-8?q?=20=E7=A8=8B=E3=80=91=EF=BC=9A=E6=9B=B4=E6=94=B9=E5=AE=B9?=
 =?UTF-8?q?=E5=99=A8=E5=AE=BD=E5=BA=A6=20=E3=80=90=E5=BD=B1=20=20=E5=93=8D?=
 =?UTF-8?q?=E3=80=91=EF=BC=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/components/main/admin/index.vue    |  6 ++---
 .../components/main/product/sku/index.vue     |  8 +++---
 .../components/main/product/spu/index.vue     | 10 ++++----
 .../layout/components/main/register/index.vue | 25 +++++++++++++------
 .../layout/components/main/route/index.vue    |  6 ++---
 5 files changed, 32 insertions(+), 23 deletions(-)

diff --git a/src/views/layout/components/main/admin/index.vue b/src/views/layout/components/main/admin/index.vue
index 14e29b6..35eb449 100644
--- a/src/views/layout/components/main/admin/index.vue
+++ b/src/views/layout/components/main/admin/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <!-- 组合按钮 -->
-    <el-button-group>
+    <el-button-group class="m-b-20 m-r-20">
       <el-button type="primary" icon="el-icon-plus" @click="$router.replace('/admin/add')">添加</el-button>
       <el-button type="danger" icon="el-icon-delete" @click="deleteAdmin(countSelIdArr($refs.myTable.selection))">删除
       </el-button>
@@ -9,11 +9,11 @@
       <el-button type="success" icon="el-icon-microphone" @click="toMessagePage(countSelIdArr($refs.myTable.selection))">发布公告</el-button>
     </el-button-group>
     <!-- 用户select选项 -->
-    <el-button-group class="m-l-20">
+    <el-button-group class="m-b-20">
       <SelectionShopId v-model="form.shop_id" :allSel="true" />
     </el-button-group>
     <!-- 管理员列表 -->
-    <el-table class="m-t-20 w-100" ref="myTable"
+    <el-table class="w-100" ref="myTable"
       :data="adminListArr.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border tooltip-effect="dark">
       <el-table-column align="center" type="selection" width="40">
       </el-table-column>
diff --git a/src/views/layout/components/main/product/sku/index.vue b/src/views/layout/components/main/product/sku/index.vue
index ce32e94..470e0d7 100644
--- a/src/views/layout/components/main/product/sku/index.vue
+++ b/src/views/layout/components/main/product/sku/index.vue
@@ -1,18 +1,18 @@
 <template>
   <div class="app-container">
     <!-- 组合按钮 -->
-    <el-button-group>
+    <el-button-group class="m-b-20 m-r-20">
       <el-button type="primary" icon="el-icon-plus" @click="$router.replace('/sku/add')">添加</el-button>
       <el-button type="danger" icon="el-icon-delete" @click="deleteSku(countSelIdArr($refs.myTable.selection))">删除
       </el-button>
       <el-button type="warning" icon="el-icon-edit" @click="toEditPage()">编辑</el-button>
     </el-button-group>
     <!-- 用户select选项 -->
-    <el-button-group class="m-l-20">
+    <el-button-group class="m-b-20">
       <SelectionShopId v-model="form.shop_id" :allSel="true" />
     </el-button-group>
     <!-- 商品sku表格 -->
-    <el-table class="m-t-20 w-100" ref="myTable"
+    <el-table class="w-100" ref="myTable"
       :data="skuListArr.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border tooltip-effect="dark">
       <el-table-column align="center" type="selection" width="40">
       </el-table-column>
@@ -38,7 +38,7 @@
           </el-image>
         </template>
       </el-table-column>
-      <el-table-column prop="controler" label="操作" width="200" min-width="200">
+      <el-table-column prop="controler" label="操作" width="280" min-width="280">
         <template slot-scope="scope">
           <el-button-group>
             <el-button type="warning" icon="el-icon-edit"
diff --git a/src/views/layout/components/main/product/spu/index.vue b/src/views/layout/components/main/product/spu/index.vue
index 59a671f..43495aa 100644
--- a/src/views/layout/components/main/product/spu/index.vue
+++ b/src/views/layout/components/main/product/spu/index.vue
@@ -1,22 +1,22 @@
 <template>
   <div class="app-container">
     <!-- 组合按钮 -->
-    <el-button-group>
+    <el-button-group class="m-b-20 m-r-20">
       <el-button type="primary" icon="el-icon-plus" @click="$router.replace('/spu/add')">添加</el-button>
       <el-button type="danger" icon="el-icon-delete" @click="deleteSpu(countSelIdArr($refs.myTable.selection))">删除
       </el-button>
       <el-button type="warning" icon="el-icon-edit" @click="toEditPage()">编辑</el-button>
     </el-button-group>
     <!-- 用户select选项 -->
-    <el-button-group class="m-l-20">
+    <el-button-group class="m-b-20 m-r-20">
       <SelectionShopId v-model="form.shop_id" :allSel="true" />
     </el-button-group>
     <!-- 分类select选项 -->
-    <el-button-group class="m-l-20">
+    <el-button-group class="m-b-20">
       <SelectionPath v-model="form.path" :shop_id="form.shop_id" :allSel="true" />
     </el-button-group>
     <!-- 商品spu表格 -->
-    <el-table class="m-t-20 w-100" ref="myTable"
+    <el-table class="w-100" ref="myTable"
       :data="spuListArr.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border tooltip-effect="dark">
       <el-table-column align="center" type="selection" width="40">
       </el-table-column>
@@ -42,7 +42,7 @@
           </el-image>
         </template>
       </el-table-column>
-      <el-table-column prop="controler" label="操作" width="380" min-width="380">
+      <el-table-column prop="controler" label="操作" width="420" min-width="420">
         <template slot-scope="scope">
           <el-button-group>
             <el-button :type="scope.row.recommend == '1' ? 'success' : 'info'" class="iconfont icon-tuijian"
diff --git a/src/views/layout/components/main/register/index.vue b/src/views/layout/components/main/register/index.vue
index ba7901f..8ae7e9b 100644
--- a/src/views/layout/components/main/register/index.vue
+++ b/src/views/layout/components/main/register/index.vue
@@ -1,18 +1,18 @@
 <template>
   <div class="app-container">
     <!-- 组合按钮 -->
-    <el-button-group>
-      <el-button type="primary" icon="el-icon-plus" @click="$router.replace('/register/add')">添加</el-button>
-      <el-button type="danger" icon="el-icon-delete" @click="deleteAir(countSelIdArr($refs.myTable.selection))">删除
-      </el-button>
-      <el-button type="warning" icon="el-icon-edit" @click="toEditPage()">编辑</el-button>
+    <el-button-group class="m-r-20 m-b-20">
+        <el-button type="primary" icon="el-icon-plus" @click="$router.replace('/register/add')">添加</el-button>
+        <el-button type="danger" icon="el-icon-delete" @click="deleteAir(countSelIdArr($refs.myTable.selection))">删除
+        </el-button>
+        <el-button type="warning" icon="el-icon-edit" @click="toEditPage()">编辑</el-button>
     </el-button-group>
     <!-- 用户select选项 -->
-    <el-button-group class="m-l-20">
+    <el-button-group class="m-b-20">
       <SelectionShopId v-model="form.shop_id" :allSel="true" />
     </el-button-group>
     <!-- 飞机表格 -->
-    <el-table class="m-t-20 w-100" ref="myTable"
+    <el-table class="w-100" ref="myTable"
       :data="airListArr.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border tooltip-effect="dark">
       <el-table-column align="center" type="selection" width="40">
       </el-table-column>
@@ -43,7 +43,7 @@
           {{ scope.row.apply_time | parseTime('{y}-{m}-{d}') }}
         </template>
       </el-table-column>
-      <el-table-column prop="controler" label="操作" width="290">
+      <el-table-column prop="controler" label="操作" width="200" min-width="200">
         <template slot-scope="scope">
           <el-button-group>
             <el-button type="primary" class="iconfont icon-youxishoubing"
@@ -142,4 +142,13 @@ export default {
     vertical-align: middle
   }
 }
+
+.no-wrap-btn-group {
+  white-space: nowrap;
+  /* 禁止换行 */
+  overflow-x: auto;
+  /* 超出时可横向滚动 */
+  display: inline-block;
+  /* 或者用 flex 布局 */
+}
 </style>
diff --git a/src/views/layout/components/main/route/index.vue b/src/views/layout/components/main/route/index.vue
index f7eb553..6f8e33d 100644
--- a/src/views/layout/components/main/route/index.vue
+++ b/src/views/layout/components/main/route/index.vue
@@ -1,18 +1,18 @@
 <template>
   <div class="app-container">
     <!-- 组合按钮 -->
-    <el-button-group>
+    <el-button-group class="m-r-20 m-b-20">
       <el-button type="primary" icon="el-icon-plus" @click="$router.replace('/route/add')">添加</el-button>
       <el-button type="danger" icon="el-icon-delete" @click="deleteRoute(countSelIdArr($refs.myTable.selection))">删除
       </el-button>
       <el-button type="warning" icon="el-icon-edit" @click="toEditPage()">编辑</el-button>
     </el-button-group>
     <!-- 用户select选项 -->
-    <el-button-group class="m-l-20">
+    <el-button-group class="m-b-20">
       <SelectionShopId v-model="form.shop_id" :allSel="true" />
     </el-button-group>
     <!-- 航线表格 -->
-    <el-table class="m-t-20 w-100" ref="myTable"
+    <el-table class="w-100" ref="myTable"
       :data="routeListArr.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border tooltip-effect="dark">
       <el-table-column align="center" type="selection" width="40">
       </el-table-column>