update 料位 & add 破碎

This commit is contained in:
lb 2023-02-28 13:54:06 +08:00
parent 47e922422a
commit b1adcec01c
2 changed files with 63 additions and 7 deletions

View File

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

View File

@ -1,9 +1,26 @@
<template> <template>
<div class="main-container"> <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"> <section class="container-content">
<div class="dialy-storage" v-if="dailyStorage.length"> <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"> <div class="storage-list" style="padding: 12px 0; display: flex; flex-wrap: wrap">
<storage-box <storage-box
v-for="(st, index) in dailyStorage" v-for="(st, index) in dailyStorage"
@ -13,11 +30,25 @@
color="#8899ff" color="#8899ff"
:material="st.material ?? '默认物料'" :material="st.material ?? '默认物料'"
:total="2" :total="2"
/> />
</div>
</div> </div>
</div> <div class="middle-storage" v-if="middleStorage.length">
<div class="middle-storage" v-if="middleStorage.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="middle-list" style="padding: 12px 0; display: flex; flex-wrap: wrap"> <div class="middle-list" style="padding: 12px 0; display: flex; flex-wrap: wrap">
<storage-box <storage-box
v-for="(st, index) in middleStorage" v-for="(st, index) in middleStorage"
@ -31,7 +62,21 @@
</div> </div>
</div> </div>
<div class="unknown-storage" v-if="unknownStorage.length"> <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"> <div class="unknown-list" style="padding: 12px 0; display: flex; flex-wrap: wrap">
<storage-box <storage-box
v-for="(st, index) in unknownStorage" v-for="(st, index) in unknownStorage"
@ -108,4 +153,14 @@ export default {
padding: 16px; padding: 16px;
box-shadow: 0 0 1.125px 0.125px rgba(0, 0, 0, 0.125); 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> </style>