-
-
- 订单号
-
-
- 第三方
-
-
- 地址
-
-
- 物流
-
-
-
- 退货复制
-
-
- 录单格式
-
-
- 后返录表
-
-
- 获取物流
-
-
-
-
-
-
- 删除
-
+
+
@@ -1825,6 +1837,14 @@ export default {
padding: 8px 0;
}
+/* 优化地址列显示,防止过长换行 */
+.order-table ::v-deep .el-table .address-cell {
+ max-width: 280px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
.order-table ::v-deep .el-table th {
padding: 10px 0;
background-color: #fafafa;
@@ -1888,24 +1908,73 @@ export default {
}
}
+/* 桌面端操作按钮优化布局 */
+.desktop-action-buttons-wrapper {
+ display: flex;
+ flex-direction: column;
+ gap: 6px;
+ align-items: center;
+ min-width: 200px;
+}
+
+.desktop-action-buttons-wrapper .action-row-primary {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 4px;
+ justify-content: center;
+ align-items: center;
+}
+
+.desktop-action-buttons-wrapper .action-row-secondary {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.desktop-action-buttons-wrapper .el-button {
+ padding: 5px 8px;
+ font-size: 12px;
+ white-space: nowrap;
+}
+
+/* 桌面端下拉菜单样式 */
+::v-deep .desktop-action-dropdown {
+ min-width: 160px;
+}
+
+::v-deep .desktop-action-dropdown .el-dropdown-menu__item {
+ padding: 10px 20px;
+ font-size: 13px;
+}
+
+::v-deep .desktop-action-dropdown .el-dropdown-menu__item.is-copied {
+ color: #67C23A;
+}
+
/* 桌面端确保操作列正常显示 */
@media (min-width: 769px) {
.order-table ::v-deep .action-column {
- width: 280px !important;
+ width: 220px !important;
}
.order-table ::v-deep .el-table__fixed-right {
- width: 280px !important;
+ width: 220px !important;
}
.order-table ::v-deep .el-table__fixed-right-patch {
- width: 280px !important;
+ width: 220px !important;
}
/* 隐藏移动端按钮 */
.mobile-action-wrapper {
display: none !important;
}
+
+ /* 优化表格单元格高度 */
+ .order-table ::v-deep .action-column .cell {
+ padding: 8px 4px;
+ line-height: 1.4;
+ }
}
/* 操作按钮区域 */