样式修改

src/App.vue

@@ -50,13 +50,7 @@
           text-color="#fff"
           background-color="#132444"
           active-text-color="#fff"
-          :style="`height:${
-            $route.path === '/economicsOperation'
-              ? 'calc(100% - 82px - 80px)'
-              : '100%'
-          };margin-top:${
-            $route.path === '/economicsOperation' ? '40px' : '0'
-          };${
+          :style="`height:calc(100% - 72px - 80px);margin-top:30px;${
             showMenuData?.[0]?.width && !isCollapse
               ? `width: ${showMenuData?.[0]?.width}`
               : ''
@@ -119,7 +113,7 @@
       <!-- <alarmBadge /> -->
     </div>
 
-    <div class="curTabsBox" v-if="$route.path === '/economicsOperation'">
+    <div class="curTabsBox">
       <div
         class="item"
         :class="activeTab === 'yxzb' ? 'active' : ''"
@@ -1093,10 +1087,11 @@ export default {
 .curTabsBox {
   position: absolute;
   left: 0;
-  top: 82px;
+  top: 72px;
   background: #030713;
   z-index: 2003;
-  width: 220px;
+  // width: 220px;
+  width: 100%;
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -1522,7 +1517,8 @@ body {
   .main-body {
     flex: 0 0 100%;
     max-width: 100%;
-    height: calc(100% - @headerHeight);
+    height: calc(100% - @headerHeight - 20px);
+    margin-top: 20px;
     // padding: 1.481vh;
     // transition: flex 0.1s, margin-left 0.1s;
     // transition-timing-function: ease-in-out;

src/views/economicsOperation/nxfHomePage/index.vue

@@ -526,8 +526,7 @@ export default {
 }
 .operationHome {
   width: 100%;
-  height: calc(100% - 36px);
-  margin-top: 36px;
+  height: 100%;
 
   .homeMain {
     width: 100%;