diff --git a/src/views/system/jdorder/orderList.vue b/src/views/system/jdorder/orderList.vue index a23133b..df3cc23 100644 --- a/src/views/system/jdorder/orderList.vue +++ b/src/views/system/jdorder/orderList.vue @@ -346,7 +346,8 @@ + icon="el-icon-more" + class="more-action-btn"> 更多操作 @@ -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; } }