update 料位 & add 破碎

src/views/atomViews/ListViewWithHead.vue

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

src/views/modules/pms/materialStorageQty/index.vue

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