化学品统计更新

prototype-ui/index-v2.html

@@ -1137,21 +1137,27 @@ html, body { width:100%; height:100%; overflow:auto; background:var(--bg-deep);
             <div id="chart-chem-inventory" 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:18px;justify-content:center">
             <!-- 总量 -->
-            <div class="chem-stat-card total">
+            <div class="chem-stat-card total" style="padding:22px 20px">
               <div class="csc-label">存量化学品总量</div>
-              <div class="csc-value">1,229<span class="csc-unit">L</span></div>
+              <div style="display:flex;align-items:baseline;gap:20px;margin-top:4px">
+                <div class="csc-value" style="font-size:68px">1,229<span class="csc-unit">L</span></div>
+                <div style="font-size:42px;font-weight:700;color:var(--white)">10<span style="font-size:26px;font-weight:400;color:var(--text-dim);margin-left:4px">瓶</span></div>
+              </div>
             </div>
             <!-- 管控 -->
-            <div class="chem-stat-card ctrl">
+            <div class="chem-stat-card ctrl" style="padding:20px 20px">
               <div style="display:flex;justify-content:space-between;align-items:flex-start">
                 <div>
                   <div class="csc-label">管控类化学品</div>
-                  <div class="csc-value">269<span class="csc-unit">L</span></div>
+                  <div style="display:flex;align-items:baseline;gap:16px;margin-top:4px">
+                    <div class="csc-value" style="font-size:58px">269<span class="csc-unit">L</span></div>
+                    <div style="font-size:38px;font-weight:700;color:#ef4444">5<span style="font-size:24px;font-weight:400;color:rgba(239,68,68,0.6);margin-left:4px">瓶</span></div>
+                  </div>
                 </div>
                 <div class="csc-pct-ring" style="--pct:21.9;--clr:#ef4444">
-                  <svg viewBox="0 0 60 60" width="80" height="80">
+                  <svg viewBox="0 0 60 60" width="88" height="88">
                     <circle cx="30" cy="30" r="24" fill="none" stroke="rgba(239,68,68,0.12)" stroke-width="6"/>
                     <circle cx="30" cy="30" r="24" fill="none" stroke="#ef4444" stroke-width="6"
                       stroke-dasharray="27.5 123" stroke-linecap="round" transform="rotate(-90 30 30)"
@@ -1160,17 +1166,20 @@ html, body { width:100%; height:100%; overflow:auto; background:var(--bg-deep);
                   </svg>
                 </div>
               </div>
-              <div class="csc-sub">占总量 21.9% · 共 5 类目</div>
+              <div class="csc-sub" style="font-size:24px">占总量 21.9%</div>
             </div>
             <!-- 非管控 -->
-            <div class="chem-stat-card free">
+            <div class="chem-stat-card free" style="padding:20px 20px">
               <div style="display:flex;justify-content:space-between;align-items:flex-start">
                 <div>
                   <div class="csc-label">非管控类化学品</div>
-                  <div class="csc-value" style="color:#00d8ff">960<span class="csc-unit">L</span></div>
+                  <div style="display:flex;align-items:baseline;gap:16px;margin-top:4px">
+                    <div class="csc-value" style="color:#00d8ff;font-size:58px">960<span class="csc-unit">L</span></div>
+                    <div style="font-size:38px;font-weight:700;color:#00d8ff">5<span style="font-size:24px;font-weight:400;color:rgba(0,216,255,0.6);margin-left:4px">瓶</span></div>
+                  </div>
                 </div>
                 <div>
-                  <svg viewBox="0 0 60 60" width="80" height="80">
+                  <svg viewBox="0 0 60 60" width="88" height="88">
                     <circle cx="30" cy="30" r="24" fill="none" stroke="rgba(0,216,255,0.12)" stroke-width="6"/>
                     <circle cx="30" cy="30" r="24" fill="none" stroke="#00d8ff" stroke-width="6"
                       stroke-dasharray="101 50.6" stroke-linecap="round" transform="rotate(-90 30 30)"
@@ -1179,19 +1188,7 @@ html, body { width:100%; height:100%; overflow:auto; background:var(--bg-deep);
                   </svg>
                 </div>
               </div>
-              <div class="csc-sub" style="color:rgba(0,216,255,0.55)">占总量 78.1% · 共 5 类目</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">10<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)">管控 5类</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)">非管控 5类</span>
-                </div>
-              </div>
+              <div class="csc-sub" style="color:rgba(0,216,255,0.55);font-size:24px">占总量 78.1%</div>
             </div>
           </div>
         </div>