feats

src/pages/MonitoringScreen/components/BasicChart.jsx

   return (
     <div style={{ height: '100%' }}>
       <TitleBox value={props.title} />
-      <SquareBox style={{ height: 'calc(100% - 48px)' }}>
+      <SquareBox style={{ height: 'calc(100% - 48px)', minHeight: '200px', maxHeight: '350px' }}>
         <ECharts option={props.option} />
       </SquareBox>
     </div>

src/pages/MonitoringScreen/components/List/style.less

 .screen-list {
-  padding: 20px 0;
-
   .list-title {
     position: relative;
     padding: 0 20px;

src/pages/MonitoringScreen/index.jsx

 
 export default (props) => {
   const screenRef = useRef();
-  const [height, setHeight] = useState('700px');
+  const [height, setHeight] = useState('1080px');
   const { isFullScreen, toggleFullScreen } = useFullScreen(screenRef);
 
   const [machineryTypeData, setMachineryTypeData] = useState([
                 </div>
               </div>
             </SquareBox>
+            <div className={Styles['pd-tp-30']} style={{ height: '30px' }} />
           </div>
         </div>
       </div>

src/pages/MonitoringScreen/style.less

   position: relative;
   width: 100%;
   height: 100%;
-  overflow-y: auto;
 
   background-color: #021222;
   background-image: url('~@/assets/images/screen/bg.png');