Add software and hardware statistics

src/components/common/LoadingMask.tsx

@@ -5,6 +5,7 @@ import { COLOR_FONT_MAIN } from '@/constants/common.constants'
 
 interface LoadingMaskProps extends React.PropsWithChildren {
     hidden?: boolean
+    maskContent?: React.ReactNode
 }
 const LoadingMask: React.FC<LoadingMaskProps> = (props) => {
     const loadingIcon = (
@@ -21,7 +22,7 @@ const LoadingMask: React.FC<LoadingMaskProps> = (props) => {
     ) : (
         <>
             <div className={'loading-mask'}>
-                <AntdSpin indicator={loadingIcon} />
+                {props.maskContent || <AntdSpin indicator={loadingIcon} />}
             </div>
         </>
     )

src/components/common/Permission.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { hasPermission } from '@/util/auth.tsx'
+import { hasPermission } from '@/util/auth'
 
 interface PermissionProps extends React.PropsWithChildren {
     operationCode?: string