2024/06/20

src/views/modules/finshProduct/outWarehouse.vue

@@ -13,13 +13,12 @@ export default {
   name: "outWarehouse",
   components: {ShipmentBox, OutWarehouseDetail},
   props:{
-    height:{
-      type: Number,
-      default:300,
-    }
+
   },
   data(){
     return{
+      height: 300,
+      height2: 300,
       loading: false,
       open: false,
       queryForm:{
@@ -353,6 +352,12 @@ export default {
       }
     }
   },
+  mounted () {
+    this.$nextTick(() => {
+      this.height = (window.innerHeight-120)/2;
+      this.height2 = window.innerHeight-150-height;
+    })
+  },
   created () {
     // this.getDataList();
   },
@@ -446,7 +451,7 @@ export default {
     </el-pagination>
     <el-tabs v-model="activeName">
       <el-tab-pane label="出库明细" name="detail">
-        <out-warehouse-detail :height="420"
+        <out-warehouse-detail :height="height2"
                               :loading="detailLoading"
                               :data-list="detailDataList"
                               :column-list="columnDetailList"></out-warehouse-detail>