公式配置页面样式

src/styles/common.scss

@@ -132,6 +132,10 @@ a{
   padding-right: 8px;
 }
 
+.ov-auto{
+  overflow: auto;
+}
+
 .required:before{
   content: "*";
   color: #f56c6c;

src/views/formula/edit.vue

@@ -1,5 +1,6 @@
 <template>
   <basic-container>
+  <div class="flex flex-d-c h-100p">
     <div class="box-dashed flex jc-sb">
       <div class="flex">
         <div class="retain-box">
@@ -57,13 +58,13 @@
         <div><el-button type="info" size="small" @click="operationEdit">重置函数</el-button></div>
       </div>
     </div>
-    <div v-show="operationVisible" class="operation-box">
+    <div v-show="operationVisible" class="operation-box flex1 flex flex-d-c">
       <div>选择参数设置</div>
-      <div>
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-card shadow="never">
-              <el-scrollbar style="height: 460px">
+      <div class="flex flex-d-c flex1">
+        <el-row :gutter="20" class="flex1">
+          <el-col :span="8" class="h-100p">
+            <el-card shadow="never" class="h-100p ov-auto">
+              <el-scrollbar style="height: 100%">
                 <!-- <el-tree
                   class="filter-tree"
                   lazy
@@ -91,12 +92,12 @@
               </el-scrollbar>
             </el-card>
           </el-col>
-          <el-col :span="16">
+          <el-col :span="16" class="h-100p flex flex-d-c">
             <el-select v-model="eleTableId" @change="getTableEle" placeholder="请选择元素表" style="width:300px">
               <el-option  v-for="item in eleTableList" :key="item.id" :label="item.tableName" :value="item.id"></el-option>
             </el-select>
-            <div class="mg-t-10 no-mb-col">
-              <el-scrollbar style="height: 210px">
+            <div class="mg-t-10 no-mb-col flex1">
+              <el-scrollbar style="height: 100%">
                 <el-row>
                   <el-col :span="6" v-for="item in eleList" :key="item.id">
                     <div class="ele-box">
@@ -225,6 +226,7 @@
         </el-tab-pane>
       </el-tabs>
     </div>
+  </div>
 
     <el-dialog title="输入值" :visible.sync="inputVisible" width="300px" append-to-body :close-on-click-modal="false">
       <el-input v-model="inputText" placeholder="请输入内容"></el-input>