化学品库展示修改

src/components/ChemicalsStats.vue

@@ -17,7 +17,7 @@
         <div ref="chemPieChart" style="flex:1;min-height:0"></div>
       </div>
       <!-- 右侧: 存量统计 -->
-      <div style="flex:0 0 380px;display:flex;flex-direction:column;gap:14px;justify-content:center">
+      <div style="flex:0 0 380px;display:flex;flex-direction:column;gap:14px;justify-content:center;padding-bottom:31px;">
         <!-- 总量 -->
         <div class="chem-stat-card total">
           <div class="csc-label-a">存量化学品总量</div>
@@ -64,17 +64,17 @@
           <div class="csc-sub" style="color:rgba(0,216,255,0.55)">占总量 {{ freePct }}% · 共 {{ freeCategories }} 类目</div>
         </div>
         <!-- 类目总数 -->
-        <div class="chem-stat-card cat">
-          <div class="csc-label">存量化学品总类目数</div>
-          <div style="display:flex;align-items:baseline;gap:12px;margin-top:8px">
-            <div class="csc-value" style="color:#ffd740">{{ ctrlCategories + freeCategories }}<span class="csc-unit">类</span></div>
-            <div style="display:flex;gap:6px;align-items:center">
-              <span style="font-size:22px;color:rgba(239,68,68,0.8)">管控 {{ ctrlCategories }}类</span>
-              <span style="font-size:20px;color:rgba(168,204,232,0.3)">|</span>
-              <span style="font-size:22px;color:rgba(0,216,255,0.8)">非管控 {{ freeCategories }}类</span>
-            </div>
-          </div>
-        </div>
+        <!--<div class="chem-stat-card cat">-->
+          <!--<div class="csc-label">存量化学品总类目数</div>-->
+          <!--<div style="display:flex;align-items:baseline;gap:12px;margin-top:8px">-->
+            <!--<div class="csc-value" style="color:#ffd740">{{ ctrlCategories + freeCategories }}<span class="csc-unit">类</span></div>-->
+            <!--<div style="display:flex;gap:6px;align-items:center">-->
+              <!--<span style="font-size:22px;color:rgba(239,68,68,0.8)">管控 {{ ctrlCategories }}类</span>-->
+              <!--<span style="font-size:20px;color:rgba(168,204,232,0.3)">|</span>-->
+              <!--<span style="font-size:22px;color:rgba(0,216,255,0.8)">非管控 {{ freeCategories }}类</span>-->
+            <!--</div>-->
+          <!--</div>-->
+        <!--</div>-->
       </div>
     </div>
   </div>
@@ -287,6 +287,7 @@ export default {
   padding: 16px 20px;
   border: 1px solid $border;
   background: $bg-card;
+  margin-top:31px;
 
   &.total { border-color: rgba(0,216,255,0.3);  background: rgba(0,216,255,0.05); }
   &.ctrl  { border-color: rgba(239,68,68,0.3);  background: rgba(239,68,68,0.05); }