'123'

ruoyi-ui/src/views/storageLocation/locationConsuming.vue

@@ -15,7 +15,7 @@
           </el-row>
           <el-row :gutter="10">
             <el-col :span="8">
-              <el-card class="box-card lyScrollable">
+              <el-card class="box-card lyScrollable" :style="{'overflow': 'auto','max-height': lyScrollableHeight}">
                 <el-descriptions border :column="2" size="small" :style="index==0?'': 'margin-top :15px'" v-for="(item,index) in materialDetailA" :key="item.materialBh">
                   <el-descriptions-item :contentStyle='contentStyle' :labelStyle='labelStyle'>
                     <template slot="label">
@@ -68,7 +68,7 @@
               </el-card>
             </el-col>
             <el-col :span="8">
-              <el-card class="box-card lyScrollable">
+              <el-card class="box-card lyScrollable" :style="{'overflow': 'auto','max-height': lyScrollableHeight}">
                 <el-descriptions border :column="2" size="small" :style="index==0?'': 'margin-top :12px'" v-for="(item,index) in materialDetailB" :key="item.materialBh">
                   <el-descriptions-item :contentStyle='contentStyle' :labelStyle='labelStyle'>
                     <template slot="label">
@@ -121,7 +121,7 @@
               </el-card>
             </el-col>
             <el-col :span="8">
-              <el-card class="box-card lyScrollable">
+              <el-card class="box-card lyScrollable" :style="{'overflow': 'auto','max-height': lyScrollableHeight}">
                 <el-descriptions border :column="2" size="small" :style="index==0?'': 'margin-top :12px'" v-for="(item,index) in materialDetailC" :key="item.materialBh">
                   <el-descriptions-item :contentStyle='contentStyle' :labelStyle='labelStyle'>
                     <template slot="label">
@@ -234,7 +234,7 @@
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
-            <el-card class="box-card selScrollable">
+            <el-card class="box-card selScrollable" :style="{'overflow': 'auto','max-height': selScrollableHeight}">
               <el-descriptions border :column="2" size="small" :style="index==0?'': 'margin-top :15px'" v-for="(item,index) in selMaterialDetailA" :key="item.materialBh">
                 <el-descriptions-item :contentStyle='contentStyle' :labelStyle='labelStyle'>
                   <template slot="label">
@@ -282,7 +282,7 @@
             </el-card>
           </el-col>
           <el-col :span="8">
-            <el-card class="box-card selScrollable">
+            <el-card class="box-card selScrollable" :style="{'overflow': 'auto','max-height': selScrollableHeight}">
               <el-descriptions border :column="2" size="small" :style="index==0?'': 'margin-top :12px'" v-for="(item,index) in selMaterialDetailB" :key="item.materialBh">
                 <el-descriptions-item :contentStyle='contentStyle' :labelStyle='labelStyle'>
                   <template slot="label">
@@ -330,7 +330,7 @@
             </el-card>
           </el-col>
           <el-col :span="8">
-            <el-card class="box-card selScrollable">
+            <el-card class="box-card selScrollable" :style="{'overflow': 'auto','max-height': selScrollableHeight}">
               <el-descriptions border :column="2" size="small" :style="index==0?'': 'margin-top :12px'" v-for="(item,index) in selMaterialDetailC" :key="item.materialBh">
                 <el-descriptions-item :contentStyle='contentStyle' :labelStyle='labelStyle'>
                   <template slot="label">
@@ -410,17 +410,9 @@
   .lyScrollable::-webkit-scrollbar {
     display: none; /* 对于Webkit浏览器 */
   }
-  .lyScrollable{
-    overflow: auto; /* 自动开启滚动条 */
-    max-height: 630px; /* 设置最大高度 */
-  }
   .selScrollable::-webkit-scrollbar {
     display: none; /* 对于Webkit浏览器 */
   }
-  .selScrollable{
-    overflow: auto; /* 自动开启滚动条 */
-    max-height: 580px; /* 设置最大高度 */
-  }
 
   /*最上方三大块样式*/
   .grid-content {
@@ -456,7 +448,11 @@
     components: {operlog},
     data() {
       return {
+        //选项卡默认
         activeName: 'locationShow',
+        //内容高度
+        lyScrollableHeight: null,
+        selScrollableHeight: null,
 
         //内容样式
         contentStyle: {
@@ -523,6 +519,11 @@
       /*获取库位信息*/
       this.getStorageLocation();
     },
+    mounted(){
+      /*设置内容高度*/
+      this.lyScrollableHeight = (window.innerHeight - 200) + 'px';
+      this.selScrollableHeight = (window.innerHeight - 250) + 'px';
+    },
     computed:{
       countA(){
         // 使用 find 方法找到第一个符合条件的对象

ruoyi-ui/src/views/storageLocation/locationSet.vue

@@ -1,5 +1,5 @@
 <template>
- <div style="margin-top: 5px;">
+ <div style="margin-top: 5px;" ref="scroll">
   <div style="margin-left: 5px; margin-right: 5px;">
    <el-row :gutter="10" style="letter-spacing: 5px;">
     <el-col :span="8">
@@ -14,7 +14,7 @@
   </el-row>
    <el-row :gutter="10">
       <el-col :span="8">
-        <el-card class="box-card scrollable">
+        <el-card class="box-card scrollable" :style="{'overflow': 'auto','max-height': scrollableHeight}">
           <el-descriptions border :column="2" size="small" :style="index==0?'': 'margin-top :15px'" v-for="(item,index) in materialDetailA" :key="item.materialBh">
             <el-descriptions-item :contentStyle='contentStyle' :labelStyle='labelStyle'>
               <template slot="label">
@@ -67,7 +67,7 @@
         </el-card>
       </el-col>
       <el-col :span="8">
-        <el-card class="box-card scrollable">
+        <el-card class="box-card scrollable" :style="{'overflow': 'auto','max-height': scrollableHeight}">
           <el-descriptions border :column="2" size="small" :style="index==0?'': 'margin-top :12px'" v-for="(item,index) in materialDetailB" :key="item.materialBh">
             <el-descriptions-item :contentStyle='contentStyle' :labelStyle='labelStyle'>
               <template slot="label">
@@ -120,7 +120,7 @@
         </el-card>
       </el-col>
       <el-col :span="8">
-        <el-card class="box-card scrollable">
+        <el-card class="box-card scrollable" :style="{'overflow': 'auto','max-height': scrollableHeight}">
           <el-descriptions border :column="2" size="small" :style="index==0?'': 'margin-top :12px'" v-for="(item,index) in materialDetailC" :key="item.materialBh">
             <el-descriptions-item :contentStyle='contentStyle' :labelStyle='labelStyle'>
               <template slot="label">
@@ -241,10 +241,6 @@
   .scrollable::-webkit-scrollbar {
     display: none; /* 对于Webkit浏览器 */
   }
-  .scrollable{
-    overflow: auto; /* 自动开启滚动条 */
-    max-height: 680px; /* 设置最大高度 */
-  }
 
   /*最上方三大块样式*/
   .grid-content {
@@ -284,7 +280,8 @@
         },
         data() {
           return {
-
+            //内容高度
+            scrollableHeight:null,
             //内容样式
             contentStyle: {
               'text-align': 'center',
@@ -347,6 +344,10 @@
         /*获取库位信息*/
         this.getStorageLocation();
       },
+      mounted(){
+        /*设置内容高度*/
+        this.scrollableHeight = (window.innerHeight - 150) + 'px';
+      },
       computed:{
         countA(){
           // 使用 find 方法找到第一个符合条件的对象