样式修改

src/components/newLayout/Main.vue

@@ -116,7 +116,7 @@ export default {
   width: calc(100% - 95px);
 }
 .open-sidebar {
-  width: calc(100% - 230px);
+  width: calc(100% - 215px);
 }
 .top-sidebar {
   width: calc(100% - 80px);

src/styles/detail-pages.scss

@@ -1,9 +1,9 @@
 @mixin hide-open-header {
   .hideSidebar .main-header {
-    width: calc(100% - 64px);
+    width: calc(100% - 90px);
   }
   .openSidebar .main-header {
-    width: calc(100% - 220px);
+    width: calc(100% - 230px);
   }
 }
 @mixin bg-project {
@@ -23,21 +23,40 @@
   width: 100%;
   height: 10px;
   bottom: -10px;
-  left: -10px;
   right: 0;
   z-index: 99;
   background-color:#F2F3F6;
 }
+@mixin left-main-header{
+  position: fixed;
+  z-index: 99;
+  left: 225px;
+  top: 0;
+  width: calc(100% - 285px);
+}
+@mixin top-main-header {
+  position: fixed;
+  z-index: 99;
+  left: 90px;
+  top: 60px;
+  width: calc(100% - 150px);
+}
+@mixin normal-main-header {
+  position: fixed;
+  z-index: 99;
+  left: 90px;
+  top: 0;
+  width: calc(100% - 100px);
+}
 @mixin main-header { 
-  position: relative;
-  margin: 0 10px 10px 10px;
   height: 60px;
-  width: 100%;
   padding-left: 30px;
   background-color: #ffffff;
   display: flex;
   justify-content: space-between;
   align-items: center;
+  border-top: 10px solid #F2F3F6;
+  box-sizing: content-box;
   .header-title{
     float: left;
     font-size:18px;

src/views/projectManage/projectList/projectViewDetails.vue

@@ -416,6 +416,12 @@ export default {
 .bg-project {
   @include bg-project;
 }
+.top-sidebar .main-header {
+  @include top-main-header
+}
+.open-sidebar .main-header {
+  @include left-main-header;
+}
 .main-header {
   @include main-header;
   .title-name {

src/views/projectManage/requirement/requirementDetail.vue

@@ -775,6 +775,12 @@ border-radius: 50%;
 .bg-project {
   @include bg-project;
 }
+.top-sidebar .main-header {
+  @include top-main-header
+}
+.open-sidebar .main-header {
+  @include left-main-header;
+}
 .main-header {
   @include main-header;
   .title-name {

src/views/projectManage/taskList/childrenTask/childDetail.vue

@@ -300,6 +300,12 @@ export default {
 .bg-project {
   @include bg-project;
 }
+.top-sidebar .main-header {
+  @include top-main-header
+}
+.open-sidebar .main-header {
+  @include left-main-header;
+}
 .main-header {
   @include main-header;
 }

src/views/projectManage/taskList/taskViewDetail.vue

@@ -853,6 +853,12 @@ export default {
 .bg-project {
   @include bg-project;
 }
+.top-sidebar .main-header {
+  @include top-main-header
+}
+.open-sidebar .main-header {
+  @include left-main-header;
+}
 .main-header {
   @include main-header;
   .title-name {

src/views/workbench/person/index.vue

@@ -34,6 +34,7 @@
           </el-tabs>
         </div>
       </el-header>
+      <pre />
       <!-- 顶部导航栏 -->
       <!-- 工作台简介 -->
       <!-- <el-container v-show="activeName === '1'" class="is-vertical">
@@ -671,6 +672,12 @@ export default {
   @include bg-project;
   margin-top: 0;
 }
+.no-sidebar .main-header {
+  @include normal-main-header
+}
+.main-header::after {
+  @include main-header-after;
+}
 .main-header {
   @include main-header;
   margin-bottom: 0;
@@ -702,6 +709,12 @@ export default {
     right: 0;
   }
 }
+pre {
+  width: 100%;
+  height: 80px;
+  padding: 0;
+  margin: 0;
+}
 .scheduleTip{
   font-size: 16px;
   font-family: MicrosoftYaHei;

src/views/workbench/team/index.vue

@@ -44,6 +44,7 @@
         </el-tabs>
       </div>
     </el-header>
+    <pre />
     <!-- 顶部导航栏 -->
     <el-container v-if="activeName === '1'" v-loading="loading">
       <section class="main-section">
@@ -614,17 +615,17 @@ export default {
   color: #666;
   opacity: 1;
 }
-// .hideSidebar .main-header {
-//   width: calc(100% - 54px);
-// }
-// .openSidebar .main-header {
-//   width: calc(100% - 210px);
-// }
 @include hide-open-header;
 .bg-team {
   @include bg-project;
   margin-top: 0;
 }
+.no-sidebar .main-header {
+  @include normal-main-header
+}
+.main-header::after {
+  @include main-header-after;
+}
 .main-header {
   @include main-header;
   margin-bottom: 0;
@@ -657,6 +658,12 @@ export default {
     right: 0;
   }
 }
+pre {
+  width: 100%;
+  height: 80px;
+  padding: 0;
+  margin: 0;
+}
 .main-section {
   @include main-section;
   margin-right: 0;