页面样式优化

src/views/manager/projectinfo/treeTemplate/dynamicExcel.vue

@@ -2,7 +2,7 @@
   <div class="excelHtnl">
     <div
       class="header"
-      style=" position: absolute;"
+      style=" position: absolute;left:10px;top:0"
     >
       <div class="flexStar">
         <h2>编辑WBS库</h2>
@@ -19,14 +19,14 @@
     </div>
     <div
       class="excelBox"
-      style="margin-top:40px;"
+      style="margin-top:40px;height: 100%;"
     >
       <div
-        style="width:60%;"
+        style="width:60%;height: 100%;overflow: scroll;"
         class='parent'
         id='parent'
       ></div>
-      <div class="excelRight" style="width:30%;margin-left:4%;" >
+      <div class="excelRight" style="width:30%;margin-left:4%;height: 100%;overflow: scroll;" >
 
         <span v-if="type.prop==='tab1'">
           <setInputTPT
@@ -37,9 +37,9 @@
           />
         </span>
         <span v-else-if="type.prop==='tab2'"> <electronicSignature :pkeyId1='pkeyId' :htmlData1="htmlData" /> </span>
-        <span v-else-if="type.prop==='tab3'"> <setFormula style=" position: absolute;"/> </span>
-        <span v-else-if="type.prop==='tab4'"> <editDefault style=" position: absolute;"/> </span>
-        <span v-else-if="type.prop==='tab5'"> <promptSettings style=" position: absolute;"/> </span>
+        <span v-else-if="type.prop==='tab3'"> <setFormula /> </span>
+        <span v-else-if="type.prop==='tab4'"> <editDefault /> </span>
+        <span v-else-if="type.prop==='tab5'"> <promptSettings /> </span>
       </div>
     </div>
   </div>
@@ -177,7 +177,6 @@ export default {
   box-sizing: border-box;
   padding: 0 20px 100px 20px;
   height: 100%;
-  overflow: scroll;
   .header {
     border-radius: 4px;
     box-sizing: border-box;