style

src/components/ScreenBox/SquareBox/style.less

   position: relative;
 }
 .SquareBox-body {
+  padding: 20px;
   color: #fff;
   border: 2px solid rgba(61, 129, 240, 0.5);
 }

src/pages/MonitoringScreen/index.jsx

 import { useFullScreen } from './hook';
 import DateCommponets from './DateCommponets';
 import Styles from './style.less';
+import SquareBox from '@/components/ScreenBox/SquareBox';
 
 export default (props) => {
   const { style, isFullScreen, onFullScreen } = useFullScreen();
         style={style}
       >
         <div className={Styles['grail-layout']}>
-          <div className={Styles['grail-header']}></div>
+          <div className={Styles['grail-header']}>
+            <SquareBox>asdfasdf</SquareBox>
+          </div>
           <div className={Styles['grail-container']}>
             <div className={Styles['grail-left']}></div>
             <div className={Styles['grail-content']}>