CC/ruoyi-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
van
2026-04-07 00:52:41 +08:00
parent d1e053c677
commit 1ad851fb6f
1 changed files with 33 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/views/system/jdorder/orderList.vue
View File

@@ -402,6 +402,7 @@
v-loading="loading" v-loading="loading"
border border
stripe stripe
height="calc(100% - 56px)"
:default-sort="{prop: 'createTime', order: 'descending'}" :default-sort="{prop: 'createTime', order: 'descending'}"
@sort-change="handleSortChange" @sort-change="handleSortChange"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
@@ -2894,31 +2895,6 @@ export default {
</script> </script>
<style scoped> <style scoped>
/* 优化表格滚动条 */
.order-table ::v-deep .el-table__body-wrapper {
scrollbar-width: thick; /* Firefox */
scrollbar-color: #c1c1c1 #f1f1f1; /* Firefox */
}
.order-table ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
width: 12px;
height: 12px;
}
.order-table ::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 6px;
}
.order-table ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 6px;
border: 2px solid #f1f1f1;
}
.order-table ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
/* 优化标签样式 */ /* 优化标签样式 */
.order-table ::v-deep .el-tag { .order-table ::v-deep .el-tag {
@@ -3307,7 +3283,7 @@ export default {
} }
.profit-summary-bar { .profit-summary-bar {
margin: 10px 0; margin: 0 0 10px 0;
padding: 8px 12px; padding: 8px 12px;
background: #f4f6f9; background: #f4f6f9;
border-radius: 4px; border-radius: 4px;
@@ -3317,13 +3293,32 @@ export default {
.sticky-summary { .sticky-summary {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 21; z-index: 100;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} }
.order-table ::v-deep .el-table__header-wrapper { /* 确保表格有正确的滚动条，横向滚动条始终可见 */
position: sticky; .order-table ::v-deep .el-table__body-wrapper {
top: 46px; overflow-x: scroll !important;
z-index: 20; overflow-y: auto;
/* 确保横向滚动条始终显示 */
scrollbar-width: thin;
}
/* 强制横向滚动条始终可见（Webkit浏览器） */
.order-table ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
width: 12px;
height: 12px;
}
.order-table ::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 6px;
}
.order-table ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 6px;
border: 2px solid #f1f1f1;
}
.order-table ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
} }
.profit-summary-item { .profit-summary-item {
margin-right: 20px; margin-right: 20px;