feats

config/index.js

   alias: {
     '@/assets': path.resolve(__dirname, '..', 'src/assets'),
     '@/components': path.resolve(__dirname, '..', 'src/components'),
+    '@/layouts': path.resolve(__dirname, '..', 'src/layouts'),
     '@/store': path.resolve(__dirname, '..', 'src/store'),
     '@/utils': path.resolve(__dirname, '..', 'src/utils')
   }

src/layouts/index.jsx

+import React from 'react'
+import { useModel } from '@/store'
+
+const Spin = <></>
+
+export default function(props) {
+  const { user } = useModel('user')
+
+  const loading = !user || !user.personId
+
+  return (
+    <Spin loading={loading}>{ props.children }</Spin>
+  )
+}