CC/ruoyi-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
Leo
2026-01-06 22:52:28 +08:00
parent acfc5e60f4
commit 3779523047
1 changed files with 41 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/views/system/jdorder/orderList.vue
View File

@@ -346,7 +346,8 @@
<el-button <el-button
type="text" type="text"
size="mini" size="mini"
icon="el-icon-more"> icon="el-icon-more"
class="more-action-btn">
更多操作<i class="el-icon-arrow-down el-icon--right"></i> 更多操作<i class="el-icon-arrow-down el-icon--right"></i>
</el-button> </el-button>
<el-dropdown-menu slot="dropdown" class="desktop-action-dropdown"> <el-dropdown-menu slot="dropdown" class="desktop-action-dropdown">
@@ -1912,29 +1913,46 @@ export default {
.desktop-action-buttons-wrapper { .desktop-action-buttons-wrapper {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 6px; gap: 3px;
align-items: center; align-items: flex-start;
min-width: 200px; width: 100%;
padding: 2px 0;
box-sizing: border-box;
} }
.desktop-action-buttons-wrapper .action-row-primary { .desktop-action-buttons-wrapper .action-row-primary {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 4px; gap: 2px;
justify-content: center; justify-content: flex-start;
align-items: center; align-items: center;
width: 100%;
line-height: 1.2;
min-height: 24px;
} }
.desktop-action-buttons-wrapper .action-row-secondary { .desktop-action-buttons-wrapper .action-row-secondary {
display: flex; display: flex;
justify-content: center; justify-content: flex-start;
align-items: center; align-items: center;
width: 100%;
margin-top: 1px;
min-height: 24px;
} }
.desktop-action-buttons-wrapper .el-button { .desktop-action-buttons-wrapper .el-button {
padding: 5px 8px; padding: 3px 5px !important;
font-size: 12px; font-size: 12px !important;
white-space: nowrap; white-space: nowrap !important;
margin: 0 !important;
height: auto !important;
line-height: 1.2 !important;
min-height: 20px !important;
border: none !important;
}
.desktop-action-buttons-wrapper .more-action-btn {
padding: 3px 8px !important;
} }
/* 桌面端下拉菜单样式 */ /* 桌面端下拉菜单样式 */
@@ -1954,15 +1972,15 @@ export default {
/* 桌面端确保操作列正常显示 */ /* 桌面端确保操作列正常显示 */
@media (min-width: 769px) { @media (min-width: 769px) {
.order-table ::v-deep .action-column { .order-table ::v-deep .action-column {
width: 220px !important; width: 240px !important;
} }
.order-table ::v-deep .el-table__fixed-right { .order-table ::v-deep .el-table__fixed-right {
width: 220px !important; width: 240px !important;
} }
.order-table ::v-deep .el-table__fixed-right-patch { .order-table ::v-deep .el-table__fixed-right-patch {
width: 220px !important; width: 240px !important;
} }
/* 隐藏移动端按钮 */ /* 隐藏移动端按钮 */
@@ -1970,10 +1988,17 @@ export default {
display: none !important; display: none !important;
} }
/* 优化表格单元格高度 */ /* 优化表格单元格高度和布局 */
.order-table ::v-deep .action-column .cell { .order-table ::v-deep .action-column .cell {
padding: 8px 4px; padding: 6px 4px !important;
line-height: 1.4; line-height: 1.3 !important;
overflow: visible !important;
}
/* 确保操作按钮容器正确显示 */
.order-table ::v-deep .action-column .desktop-action-buttons-wrapper {
width: 100%;
box-sizing: border-box;
} }
} }