src/layout/components/Header/index.vue

@@ -245,7 +245,7 @@ export default defineComponent({
   justify-content: space-between;
   align-items: center;
   padding: 0;
-  height: 64px;
+  height: 62px;
   transition: all 0.2s ease-in-out;
   width: 100%;
   z-index: 11;

src/layout/index.vue

@@ -47,8 +47,11 @@ const leftMenuWidth = computed(() => {
   flex: auto;
   background-image: url('../assets/images/bg.png');
   background-size: cover;
+  // height: 1100px;
+  // width: 1440px;
   height: 100%;
-
+  max-height:1100px;
+  overflow: hidden;
   .layout-sider {
     min-height: 100vh;
     border-right: 1px solid #dae4f3;

src/views/task/aside/Aside.vue

@@ -251,9 +251,10 @@ const handleOk = (item: any) => {
     <TaskList
       ref="taskListRef"
       :show-field-list="showFieldList"
-      style="height: calc(100vh - 146px)"
+      style="height: 811px"
       class="work-sheet-list"
     />
+    <!-- calc(100vh - 146px) -->
     <CustomFieldModal
       ref="CustomFieldModalRef"
       :review-type="reviewType"

src/views/task/content/Content.vue

@@ -748,7 +748,9 @@ function switchBatch() {
   background: #fff;
   border-radius: 3px;
   border: 1px solid rgb(239, 239, 245);
-  height: calc(100vh - 88px);
+  height: 892px;
+  // 62+82+16
+  // height: 100%;
   overflow-y: scroll;
 
   &-header {

src/views/task/index.vue

@@ -12,13 +12,13 @@ function setAsideItemName(text) {
 </script>
 
 <template>
-  <div style="width: 100%">
+  <div style="width: 100%; ">
     <div class="header">
       <DataHeader />
     </div>
     <div class="main">
       <!-- 侧边 -->
-      <Aside ref="asideRef" />
+      <Aside ref="asideRef"  />
 
       <!-- 内容 -->
       <Content @set-aside-item-name="setAsideItemName" />