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;
}
}