diff --git a/src/views/modules/haianWarehouse/dashboard/autoSortingBoard54.vue b/src/views/modules/haianWarehouse/dashboard/autoSortingBoard54.vue index b008581..7fccb46 100644 --- a/src/views/modules/haianWarehouse/dashboard/autoSortingBoard54.vue +++ b/src/views/modules/haianWarehouse/dashboard/autoSortingBoard54.vue @@ -484,6 +484,8 @@ export default { .picking-panel { width: 100%; height: calc(100vh - 80px); + box-sizing: border-box; + padding: 10px; background: rgba(70, 90, 120, 0.9); backdrop-filter: blur(10px); border: 1px solid rgba(23, 179, 163, 0.5); @@ -542,8 +544,9 @@ export default { } /* ===== 数据表格 ===== */ +/* 滚动容器不能留内边距,否则粘性表头停在内边距下沿,数据行会露到表头上面 - rqrq */ .panel-table { - padding: 10px; + padding: 0; flex: 1; overflow-y: auto; @@ -571,14 +574,15 @@ export default { border-spacing: 0; thead { + position: sticky; + top: 0; + z-index: 2; + tr { - background: linear-gradient(135deg, rgba(23, 179, 163, 0.25) 0%, rgba(23, 179, 163, 0.15) 100%); + background: #1b6676; } th { - position: sticky; - top: 0; - z-index: 2; background: #1b6676; padding: 5px 6px; color: #fcfdfd; diff --git a/src/views/modules/haianWarehouse/dashboard/errorAreaBoard54.vue b/src/views/modules/haianWarehouse/dashboard/errorAreaBoard54.vue index 1fd3187..3a16e6a 100644 --- a/src/views/modules/haianWarehouse/dashboard/errorAreaBoard54.vue +++ b/src/views/modules/haianWarehouse/dashboard/errorAreaBoard54.vue @@ -369,6 +369,8 @@ export default { .picking-panel { width: 100%; height: calc(100vh - 80px); + box-sizing: border-box; + padding: 10px; background: rgba(70, 90, 120, 0.9); backdrop-filter: blur(10px); border: 1px solid rgba(23, 179, 163, 0.5); @@ -427,8 +429,9 @@ export default { } /* ===== 数据表格 ===== */ +/* 滚动容器不能留内边距,否则粘性表头停在内边距下沿,数据行会露到表头上面 - rqrq */ .panel-table { - padding: 10px; + padding: 0; flex: 1; overflow-y: auto; @@ -456,14 +459,15 @@ export default { border-spacing: 0; thead { + position: sticky; + top: 0; + z-index: 2; + tr { - background: linear-gradient(135deg, rgba(23, 179, 163, 0.25) 0%, rgba(23, 179, 163, 0.15) 100%); + background: #1b6676; } th { - position: sticky; - top: 0; - z-index: 2; background: #1b6676; padding: 5px 6px; color: #fcfdfd; diff --git a/src/views/modules/haianWarehouse/dashboard/palletOutboundBoard54.vue b/src/views/modules/haianWarehouse/dashboard/palletOutboundBoard54.vue index 4dd589a..a6a0ef7 100644 --- a/src/views/modules/haianWarehouse/dashboard/palletOutboundBoard54.vue +++ b/src/views/modules/haianWarehouse/dashboard/palletOutboundBoard54.vue @@ -382,6 +382,8 @@ export default { .picking-panel { width: 100%; height: calc(100vh - 80px); + box-sizing: border-box; + padding: 10px; background: rgba(70, 90, 120, 0.9); backdrop-filter: blur(10px); border: 1px solid rgba(23, 179, 163, 0.5); @@ -440,8 +442,9 @@ export default { } /* ===== 数据表格 ===== */ +/* 滚动容器不能留内边距,否则粘性表头停在内边距下沿,数据行会露到表头上面 - rqrq */ .panel-table { - padding: 10px; + padding: 0; flex: 1; overflow-y: auto; @@ -473,14 +476,15 @@ export default { } thead { + position: sticky; + top: 0; + z-index: 2; + tr { - background: linear-gradient(135deg, rgba(23, 179, 163, 0.25) 0%, rgba(23, 179, 163, 0.15) 100%); + background: #1b6676; } th { - position: sticky; - top: 0; - z-index: 2; background: #1b6676; padding: 5px 6px; color: #fcfdfd;