样式修改

src/views/ModelMain.less

@@ -54,6 +54,7 @@
     flex:1;
     display: flex;
     flex-direction: row;
+    overflow: hidden;
     .btns-toolbar{
       display: flex;
       flex-direction: column;
@@ -135,16 +136,24 @@
             }
           }
         }
+        .calc-left-panel{
+          flex:1;
+          overflow: auto;
+        }
+        .calc-right-panel{
+          flex:1;
+          overflow: auto;
+        }
+        .calc-bottom-panel{
+          flex:1;
+          overflow: auto;
+        }
       }
       .section-bottom{
         .section-item-wrap{
           &>.title >.el-input{
             flex:none;
           }
-          .calc-bottom-panel{
-            flex:1;
-            overflow: auto;
-          }
         }
       }
       .section-tabs.el-tabs--card{

src/views/ModelMain.vue

@@ -49,7 +49,9 @@
                   <span class="close" @click="closeMe('hideLeft')"><component
                     :is="renderIcon('element Close')"></component></span>
                 </div>
-                <component v-if="calcLeftPanel?.component" :is="calcLeftPanel.component" />
+                <div class="calc-left-panel">
+                  <component v-if="calcLeftPanel?.component" :is="calcLeftPanel.component" />
+                </div>
               </div>
             </SplitArea>
             <SplitArea class="section-center" :class="{'hidden-split':hideRight}" :size="calcCenterSize">
@@ -110,7 +112,9 @@
                   <span class="close" @click="closeMe('hideReft')"><component
                     :is="renderIcon('element Close')"></component></span>
                 </div>
-                <component v-if="calcRightPanel?.component" :is="calcRightPanel.component" />
+                <div class="calc-right-panel">
+                  <component v-if="calcRightPanel?.component" :is="calcRightPanel.component" />
+                </div>
               </div>
             </SplitArea>
           </Split>