样式修改

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,17 +136,25 @@
             }
           }
         }
+        .calc-left-panel{
+          flex:1;
+          overflow: auto;
         }
-      .section-bottom{
+        .calc-right-panel{
-        .section-item-wrap{
+          flex:1;
-          &>.title >.el-input{
+          overflow: auto;
-            flex:none;
         }
         .calc-bottom-panel{
           flex:1;
           overflow: auto;
         }
       }
+      .section-bottom{
+        .section-item-wrap{
+          &>.title >.el-input{
+            flex:none;
+          }
+        }
       }
       .section-tabs.el-tabs--card{
         height: 100%;

src/views/ModelMain.vue

@@ -49,8 +49,10 @@
                   <span class="close" @click="closeMe('hideLeft')"><component
                     :is="renderIcon('element Close')"></component></span>
                 </div>
+                <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">
               <el-tabs type="card" class="section-tabs">
@@ -110,8 +112,10 @@
                   <span class="close" @click="closeMe('hideReft')"><component
                     :is="renderIcon('element Close')"></component></span>
                 </div>
+                <div class="calc-right-panel">
                   <component v-if="calcRightPanel?.component" :is="calcRightPanel.component" />
                 </div>
+              </div>
             </SplitArea>
           </Split>
         </SplitArea>