采购订单页面，子表根据数据高度展示

src/views/purchase/purchase-order/index.vue

@@ -62,6 +62,15 @@ export default {
         return this.dict.type;
       },
     },
+    tabHeight:{
+      get(){
+        return `${this.tabTableDatas['puOrderItemList'].length ? 
+                  (this.tabTableDatas['puOrderItemList'].length > 8 ? 500 :
+                   (this.tabTableDatas['puOrderItemList'].length *50) +100)
+                : 120}px`
+      },
+      set(){}
+    }
   },
   created() {
     if(this.$route.query.billCode) this.params.orderCode = this.$route.query.billCode 
@@ -778,7 +787,12 @@ export default {
           :label="column.title" 
           :name="column.key"
         >
-          <div style="height:580px;display:flex">
+          <div 
+            :style="{
+              height:tabHeight,
+              display:'flex'
+            }"
+          >
             <el-super-table
               v-model="tabTableDatas[column.key]"
               :ref="column.key"