班次：页面滚动调整

上海郢昱

9 天以前 37f6477680654371a8c70c580e22e4ea4db8d1cb

班次：页面滚动调整

 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;