From 37f6477680654371a8c70c580e22e4ea4db8d1cb Mon Sep 17 00:00:00 2001
From: 上海郢昱 <15922366+miu-haiqing@user.noreply.gitee.com>
Date: 星期一, 07 九月 2026 15:40:37 +0800
Subject: [PATCH] 班次：页面滚动调整
---
src/views/performance/class/index.vue | 40 ++++++++++++++++++++--------------------
1 files changed, 20 insertions(+), 20 deletions(-)
diff --git a/src/views/performance/class/index.vue b/src/views/performance/class/index.vue
index aab0f1f..68ea37b 100644
--- a/src/views/performance/class/index.vue
+++ b/src/views/performance/class/index.vue
@@ -96,15 +96,18 @@
</div>
</div>
<div class="center" v-loading="pageLoading">
- <div class="clearfix" style="width: 100%" v-show="query.month">
+ <div
+ class="clearfix"
+ style="width: 100%"
+ :style="{ minWidth: 220 + weeks.length * 50 + 'px' }"
+ v-show="query.month"
+ >
<div class="fixed-left">
<div
class="content-title"
style="
padding-left: 16px;
box-sizing: border-box;
- position: fixed;
- z-index: 1;
background-color: #fff;
width: 220px;
"
@@ -160,8 +163,6 @@
class="content-title content-title-right"
style="
border-bottom: 0;
- position: fixed;
- z-index: 1;
background-color: #fff;
"
>
@@ -265,8 +266,6 @@
style="
padding-left: 16px;
box-sizing: border-box;
- position: fixed;
- z-index: 1;
background-color: #fff;
width: 220px;
"
@@ -327,11 +326,7 @@
class="content-title content-title-right"
style="
border-bottom: 0;
- height: 63px;
- position: fixed;
- z-index: 1;
background-color: #fff;
- width: calc(100% - 448px);
"
:style="`display: grid;
grid-template-columns: repeat(${monthList.length}, 1fr);`"
@@ -1217,8 +1212,8 @@
width: 100%;
height: calc(100vh - 220px);
background-color: #fff;
- overflow-y: auto;
- display: flex;
+ overflow: auto;
+ position: relative;
}
>>> .scroll-pagination {
@@ -1233,6 +1228,9 @@
.fixed-left {
float: left;
width: 220px;
+ position: sticky;
+ left: 0;
+ z-index: 3;
/* 宸﹁竟鍖哄煙瀹藉害 */
background-color: #fff;
box-shadow: 2px -2px 5px rgba(51, 51, 51, 0.12);
@@ -1265,9 +1263,18 @@
border-bottom: 1px solid #eeeeee;
}
+.fixed-left .content-title {
+ position: sticky;
+ top: 0;
+ z-index: 4;
+}
+
.content-title-right {
display: flex;
align-items: center;
+ position: sticky;
+ top: 0;
+ z-index: 2;
}
.content-title-item {
@@ -1310,10 +1317,6 @@
align-items: center;
}
-.content-body:nth-child(2) {
- padding-top: 58px;
-}
-
.content-body-item {
height: 70px;
width: 50px;
@@ -1341,9 +1344,6 @@
border-bottom: 1px solid #eeeeee;
display: flex;
align-items: center;
-}
-.content-user:nth-child(2) {
- margin-top: 58px;
}
.user-pic {
width: 50px;
--
Gitblit v1.9.3