refactor: page layout

src/pages/dashboard/components/system-load.tsx

@@ -55,6 +55,7 @@ const SystemLoad = () => {
               <Row style={{ height: largeChartHeight }}>
                 <Col span={12} style={{ height: smallChartHeight }}>
                   <GaugeChart
+                    name="GPU"
                     height={smallChartHeight}
                     value={chartData.gpu.data}
                     title={intl.formatMessage({
@@ -64,6 +65,7 @@ const SystemLoad = () => {
                 </Col>
                 <Col span={12} style={{ height: smallChartHeight }}>
                   <GaugeChart
+                    name="VRAM"
                     title={intl.formatMessage({
                       id: 'dashboard.vramutilization'
                     })}
@@ -73,6 +75,7 @@ const SystemLoad = () => {
                 </Col>
                 <Col span={12} style={{ height: smallChartHeight }}>
                   <GaugeChart
+                    name="CPU"
                     title={intl.formatMessage({
                       id: 'dashboard.cpuutilization'
                     })}
@@ -82,6 +85,7 @@ const SystemLoad = () => {
                 </Col>
                 <Col span={12} style={{ height: smallChartHeight }}>
                   <GaugeChart
+                    name="RAM"
                     title={intl.formatMessage({
                       id: 'dashboard.memoryutilization'
                     })}

src/pages/dashboard/index.tsx

@@ -1,6 +1,6 @@
-import { PageContainer } from '@ant-design/pro-components';
 import { Spin } from 'antd';
 import { useState } from 'react';
+import PageBox from '../_components/page-box';
 import DashboardInner from './components/dahboard-inner';
 
 const Dashboard: React.FC = () => {
@@ -8,19 +8,11 @@ const Dashboard: React.FC = () => {
 
   return (
     <>
-      <PageContainer
-        ghost
-        extra={[]}
-        header={{
-          style: {
-            paddingInline: 'var(--layout-content-header-inlinepadding)'
-          }
-        }}
-      >
+      <PageBox>
         <Spin spinning={loading}>
           <DashboardInner setLoading={setLoading} />
         </Spin>
-      </PageContainer>
+      </PageBox>
     </>
   );
 };