This commit is contained in:
Leo
2026-01-06 22:52:28 +08:00
parent acfc5e60f4
commit 3779523047

View File

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