Преглед изворни кода

调整元素公式布局铺满

duy пре 2 година
родитељ
комит
1ddd081f17
1 измењених фајлова са 8 додато и 7 уклоњено
  1. 8 7
      src/views/formula/edit.vue

+ 8 - 7
src/views/formula/edit.vue

@@ -183,12 +183,13 @@
             </formula-template>
           </template>
           <template v-else>
-            <div class="flex" style="height:calc(100vh - 460px);    justify-content: space-between;">
-              <div class="flex flex-d-c">
+            <div class="flex" >
+              <div class=" flex-d-c"  style="width:40%">
                 <component ref="dynamiccomponent" v-bind:is="componentMap[item.name]" :formulainfo="item" :curele="equationSelectEle" :formulamap="formulaMap" @uncheck="unCheckEleComp" class="flex1"></component>
-                <div class="flex1" v-show="item.showSelectEle" style="margin-top:10px">
-                  <el-scrollbar style="height: 100%">
+                <div class="flex1" v-show="item.showSelectEle" style="margin-top:10px;margin-bottom:30px">
+                  <el-scrollbar style="height: 400px">
                     <el-tree
+                   
                       class="filter-tree"
                       :data="treeData"
                       :default-expanded-keys="defaultExpanded"
@@ -203,13 +204,13 @@
                   </el-scrollbar>
                 </div>
               </div>
-                 <div v-show="item.showSelectEle">
+                <div v-show="item.showSelectEle"  style="width:60%">
                   <el-select v-model="eleTableIdComp" @change="getTableEleComp" placeholder="请选择元素表" style="width:100%">
                     <el-option v-if="paramDataList.length" label="选择节点参数" value="选择节点参数"></el-option>
                     <el-option  v-for="item in eleTableListComp" :key="item.id" :label="item.tableName" :value="item.id"></el-option>
                   </el-select>
-                  <div class="mg-t-10 mg-b-10 no-mb-col" style="width:900px">
-                    <el-scrollbar style="height:430px;">
+                  <div class="mg-t-10 mg-b-10 no-mb-col" style="width:100%">
+                    <el-scrollbar style="height:520px;">
                       <el-row>
                         <el-col :span="6" v-for="item in eleListComp" :key="item.id">
                           <div class="ele-box">