库存可视化调整

src/views/component/zhuposition.vue

@@ -197,7 +197,8 @@ export default {
                 }
             })
         },
-        firstLoadViewData () {
+        async firstLoadViewData () {
+            this.loading = true
             // 首次加载视图数据 默认中心仓库 耗材区
             this.formInline.cang_ku_ming_chen_value = '主仓库'
             this.formInline.qu_yu_value = '1号冰箱'
@@ -209,7 +210,8 @@ export default {
         "'%" +
         'BX1T' +
         "%'"
-            this.queryLoad(sqlString, 'BX1T')
+            await this.queryLoad(sqlString, 'BX1T')
+            this.loading = false
         },
         sqlSlice (value, num) {
             if (value.includes('冰箱')) {
@@ -375,7 +377,7 @@ export default {
     }
   }
   .body-content {
-    display: flex;
+    // display: flex;
 
     .right-view{
       box-sizing: border-box;
@@ -477,6 +479,9 @@ export default {
       }
     }
   }
+  .body-content .right-view::-webkit-scrollbar {
+    display: none; /*隐藏滚动条*/
+  }
 }
 
 </style>

src/views/warehouse/cangku.vue

@@ -67,8 +67,8 @@
                 </ul>
             </div>
         </div>
-        <div class="body-content">
-            <div v-loading="loading" class="right-view">
+        <div v-loading="loading" class="body-content">
+            <div class="right-view">
                 <div class="goods-items">
                     <div v-for="(item, index) in listData" :key="index" class="show-demo">
                         <div>
@@ -230,7 +230,8 @@ export default {
                 }
             })
         },
-        firstLoadViewData () {
+        async firstLoadViewData () {
+            this.loading = true
             // 首次加载视图数据 默认中心仓库 耗材区
             this.formInline.cang_ku_ming_chen_value = '主仓库'
             this.formInline.qu_yu_value = '1号冰箱'
@@ -238,7 +239,8 @@ export default {
             this.firstLoadActive = true
             this.quyuShow = '1号冰箱T'
             var sqlString = 'select * from t_mjwlgl where cun_fang_wei_zhi_ like' + "'%" + 'BX1T' + "%'"
-            this.queryLoad(sqlString, 'BX1T')
+            await this.queryLoad(sqlString, 'BX1T')
+            this.loading = false
         },
         sqlSlice (value, num) {
             if (value.includes('冰箱')) {
@@ -459,12 +461,12 @@ export default {
     }
   }
   .body-content {
-    margin-bottom: 70px;
-    display: flex;
-    box-sizing: border-box;
-    height: calc(100vh - 240px);
-    overflow-x: hidden;
-    overflow-y: scroll;
+    // margin-bottom: 70px;
+    // display: flex;
+    // box-sizing: border-box;
+    // height: calc(100vh - 240px);
+    // overflow-x: hidden;
+    // overflow-y: scroll;
     .black {
       position: fixed;
       top: 300px;
@@ -483,8 +485,10 @@ export default {
       }
     }
     .right-view {
-      z-index: 99;
-      width: 100%;
+      box-sizing: border-box;
+      height: calc(100vh - 260px);
+      overflow-x: hidden;
+      overflow-y: scroll;
       .goods-items {
         width: 100%;
         overflow-x: hidden;
@@ -589,7 +593,7 @@ export default {
       }
     }
   }
-  .body-content::-webkit-scrollbar {
+  .body-content .right-view::-webkit-scrollbar {
     display: none; /*隐藏滚动条*/
   }
 }