Food/food
3
0
Fork 0
Code Issues 60 Pull Requests Actions Packages Projects Releases Wiki Activity

【类 型】：factor

Browse Source 
【原  因】：ui  顶部按钮组 换行问题
【过  程】：更改容器宽度
【影  响】：
This commit is contained in:
air 2025-06-12 20:00:53 +08:00
parent 04e64c5a21
commit 873c1a2995
5 changed files with 32 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/layout/components/main/admin/index.vue
View File

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

8
src/views/layout/components/main/product/sku/index.vue
View File

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

10
src/views/layout/components/main/product/spu/index.vue
View File

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

25
src/views/layout/components/main/register/index.vue
View File

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

6
src/views/layout/components/main/route/index.vue
View File

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