update 料位 & add 破碎

This commit is contained in:
lb 2023-02-28 13:54:06 +08:00
parent 47e922422a
commit b1adcec01c
2 ha cambiato i file con 63 aggiunte e 7 eliminazioni

Vedi File

@ -185,6 +185,7 @@ export default {
type: "error",
duration: 2000,
});
this.tableLoading = false
});
// }
},

Vedi File

@ -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>