|
|
@@ -1,9 +1,26 @@ |
|
|
|
<template> |
|
|
|
<div class="main-container"> |
|
|
|
<section class="container-title">料仓料位</section> |
|
|
|
<section class="container-title" style="margin-top: 10px; display: flex; align-items: center"> |
|
|
|
<div class="brand-color-line"></div> |
|
|
|
<span style="line-height: 20px">料仓料位</span> |
|
|
|
</section> |
|
|
|
<section class="container-content"> |
|
|
|
<div class="dialy-storage" v-if="dailyStorage.length"> |
|
|
|
<h3>日料仓</h3> |
|
|
|
<h3 |
|
|
|
class="" |
|
|
|
style=" |
|
|
|
position: relative; |
|
|
|
background: #eeee; |
|
|
|
color: #666; |
|
|
|
line-height: 2; |
|
|
|
width: calc(100% + 32px); |
|
|
|
padding-left: 16px; |
|
|
|
top: 10px; |
|
|
|
left: -16px; |
|
|
|
" |
|
|
|
> |
|
|
|
日料仓 |
|
|
|
</h3> |
|
|
|
<div class="storage-list" style="padding: 12px 0; display: flex; flex-wrap: wrap"> |
|
|
|
<storage-box |
|
|
|
v-for="(st, index) in dailyStorage" |
|
|
@@ -13,11 +30,25 @@ |
|
|
|
color="#8899ff" |
|
|
|
:material="st.material ?? '默认物料'" |
|
|
|
:total="2" |
|
|
|
/> |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="middle-storage" v-if="middleStorage.length"> |
|
|
|
<h3>中间仓</h3> |
|
|
|
<div class="middle-storage" v-if="middleStorage.length"> |
|
|
|
<h3 |
|
|
|
class="" |
|
|
|
style=" |
|
|
|
position: relative; |
|
|
|
background: #eeee; |
|
|
|
color: #666; |
|
|
|
line-height: 2; |
|
|
|
width: calc(100% + 32px); |
|
|
|
padding-left: 16px; |
|
|
|
top: 10px; |
|
|
|
left: -16px; |
|
|
|
" |
|
|
|
> |
|
|
|
中间仓 |
|
|
|
</h3> |
|
|
|
<div class="middle-list" style="padding: 12px 0; display: flex; flex-wrap: wrap"> |
|
|
|
<storage-box |
|
|
|
v-for="(st, index) in middleStorage" |
|
|
@@ -31,7 +62,21 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="unknown-storage" v-if="unknownStorage.length"> |
|
|
|
<h3>未知仓</h3> |
|
|
|
<h3 |
|
|
|
class="" |
|
|
|
style=" |
|
|
|
position: relative; |
|
|
|
background: #eeee; |
|
|
|
color: #666; |
|
|
|
line-height: 2; |
|
|
|
width: calc(100% + 32px); |
|
|
|
padding-left: 16px; |
|
|
|
top: 10px; |
|
|
|
left: -16px; |
|
|
|
" |
|
|
|
> |
|
|
|
未知仓 |
|
|
|
</h3> |
|
|
|
<div class="unknown-list" style="padding: 12px 0; display: flex; flex-wrap: wrap"> |
|
|
|
<storage-box |
|
|
|
v-for="(st, index) in unknownStorage" |
|
|
@@ -108,4 +153,14 @@ export default { |
|
|
|
padding: 16px; |
|
|
|
box-shadow: 0 0 1.125px 0.125px rgba(0, 0, 0, 0.125); |
|
|
|
} |
|
|
|
|
|
|
|
.brand-color-line { |
|
|
|
display: inline-block; |
|
|
|
height: 20px; |
|
|
|
width: 6px; |
|
|
|
margin-right: 8px; |
|
|
|
border-radius: 2px; |
|
|
|
background: #0b58ff; |
|
|
|
/* position: absolute; */ |
|
|
|
} |
|
|
|
</style> |