1

pages/dashboard/warehouse.html

@@ -41,7 +41,7 @@
     </div>
     <div class="my-container" id="div-main">
         <div class="row">
-            <div class="col-lg-3 col-md-3">
+            <div class="col-lg-3 col-md-3"  style="width: 28%;">
                 <!--人员信息-->
                 <div class="row block-padding">
 
@@ -51,7 +51,7 @@
                         <span class="block-title-important">{{userSum}}</span>
                     </div>
                 </div>
-                <div class="row" style="height: 160px;">
+                <div class="row"  style="height: 20%;">
                     <div class="person-div" v-for="user in userList">
                         <div>
                             <img v-bind:src="user.avatar" border="0" />
@@ -83,8 +83,8 @@
                     <div class="col-lg-2 col-md-2 center no-padding padding-line">到货日期</div>
                     <div class="col-lg-2 col-md-2 center no-padding padding-line">订单日期</div>
                 </div>
-                <div class="row">
-                    <div class="col-lg-12 col-md-12" style="height: 160px;">
+                <div class="row" style="height: 30%;overflow:hidden;min-height:150px">
+                    <div class="col-lg-12 col-md-12" >
                         <div class="row" v-for="material in waitingcheckMaterialList">
                             <div class="col-lg-2 col-md-2 center no-padding">{{material.vendorName}}</div>
                             <div class="col-lg-2 col-md-2 center no-padding">{{material.materialCode}}</div>
@@ -124,7 +124,7 @@
                     <div class="col-lg-2 col-md-2 center no-padding">总数量</div>
                 </div>
                 <div class="row">
-                    <div class="col-lg-12 col-md-12" style="height: 300px;">
+                    <div class="col-lg-12 col-md-12" style="height: 30%;overflow:hidden;min-height:150px">
                         <div class="row" v-for="material in materialStockList">
                             <div class="col-lg-2 col-md-2 center no-padding">{{material.materialCode}}</div>
                             <div class="col-lg-4 col-md-4 center no-padding">{{material.materialName}}</div>
@@ -194,8 +194,8 @@
                     <div class="col-lg-1 col-md-1 center no-padding">发货数量</div>
                     <div class="col-lg-2 col-md-2 center no-padding padding-line">发货日期</div>
                 </div>
-                <div class="row">
-                    <div class="col-lg-12 col-md-12" style="height: 140px;">
+                <div class="row"style="height: 30%;overflow:hidden;min-height:150px">
+                    <div class="col-lg-12 col-md-12">
                         <div class="row" v-for="product in waitingSendProductList">
                             <div class="col-lg-2 col-md-2 center no-padding">{{product.cItemName}}</div>
                             <div class="col-lg-2 col-md-2 center no-padding">{{product.warehouseName}}</div>
@@ -207,7 +207,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="row">
+                <div class="row"> 
                     <div class="col-lg-12 col-md-12 progress no-padding">
                         <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60"
                             aria-valuemin="0" aria-valuemax="100" :style="{width:sendProductSumPercent}">
@@ -220,8 +220,8 @@
                     </div>
                 </div>
             </div>
-            <div class="col-lg-6">
-                <div class="row block-padding">
+            <div class="col-lg-6" style="width: 42%;">
+                <div class="row block-padding"  style="height: 49%;width: 100%;">
                     <div class="row">
                         <div class="row">
                             <!-- <div class="col-lg-12 col-md-12 center block-title">月成品出货统计</div> -->
@@ -242,7 +242,7 @@
 
                 </div>
                 
-                <div class="row block-padding">
+                <div class="row block-padding"  style="height: 49%;width: 100%;">
                     
                     <!-- <div class="col-lg-6 col-md-6" style="padding-left:30px;">
                         
@@ -271,7 +271,7 @@
                             </div>
                         </div>
                     </div> -->
-                    <div class="row">
+                    <div class="row"  style="height: 49%;">
                         <div class="row">
                             <div class="col-lg-12 col-md-12 center block-title">成品库存</div>
                         </div>
@@ -282,7 +282,7 @@
 
                 </div>
             </div>
-            <div class="col-lg-3">
+            <div class="col-lg-3" style="width: 30%;height: 100%;">
                 <!--工单备料-->
                 <div class="row block-padding">
 
@@ -303,8 +303,8 @@
                     <div class="col-lg-2 col-md-2 center no-padding">已备数</div>
                     <div class="col-lg-1 col-md-1 center no-padding">缺料</div>
                 </div>
-                <div class="row">
-                    <div class="col-lg-12 col-md-12" style="height: 180px;">
+                <div class="row"  style="height: 23%;overflow:hidden;min-height:180px">
+                    <div class="col-lg-12 col-md-12">
                         <div class="row" v-for="material in orderSheetMaterialList">
                             <div class="col-lg-2 col-md-2 center no-padding">{{material.orderSheetCode}}</div>
                             <div class="col-lg-2 col-md-2 center no-padding">{{material.materialCode}}</div>
@@ -339,8 +339,8 @@
                     <div class="col-lg-2 col-md-2 center no-padding">总料数</div>
                     <div class="col-lg-2 col-md-2 center no-padding">已备数</div>
                 </div>
-                <div class="row">
-                    <div class="col-lg-12 col-md-12" style="height: 180px;">
+                <div class="row"  style="height: 23%;overflow:hidden;min-height:180px">
+                    <div class="col-lg-12 col-md-12">
                         <div class="row" v-for="material in orderSheetMaterialNotEnoughList">
                             <div class="col-lg-2 col-md-2 center no-padding">{{material.orderSheetCode}}</div>
                             <div class="col-lg-2 col-md-2 center no-padding">{{material.materialCode}}</div>
@@ -370,7 +370,7 @@
                     <div class="col-lg-2 col-md-2 center no-padding">已备数</div>
                 </div>
                 <div class="row">
-                    <div class="col-lg-12 col-md-12" style="height: 180px;">
+                    <div class="col-lg-12 col-md-12"  style="height: 23%;overflow:hidden;min-height:185px">
                         <div class="row" v-for="material in orderSheetMaterialEnoughList">
                             <div class="col-lg-2 col-md-2 center no-padding">{{material.orderSheetCode}}</div>
                             <div class="col-lg-2 col-md-2 center no-padding">{{material.materialCode}}</div>
@@ -399,7 +399,7 @@
                     <div class="col-lg-2 col-md-2 center no-padding">数量</div>
                 </div>
                 <div class="row">
-                    <div class="col-lg-12 col-md-12" style="height: 140px;">
+                    <div class="col-lg-12 col-md-12"  style="height: 23%;overflow:hidden;min-height:200px">
                         <div class="row" v-for="material in applyMaterialList">
                             <div class="col-lg-2 col-md-2 center no-padding">{{material.orderSheetCode}}</div>
                             <div class="col-lg-2 col-md-2 center no-padding">{{material.materialCode}}</div>