perf: 服务状态和403 区分

src/views/ProtectedRoute.jsx

@@ -31,51 +31,54 @@ const ProtectedRoute = ({ auth }) => {
     <div>
       {/* '试着联系一下技术，所需权限: ' + auth.toString() */}
       <Result
-        status="403"
-        title="403 权限不足"
+        status={auth_store.user.name === 'loading' ? '500' : '403'}
+        title={auth_store.user.name === 'loading' ? '无服务' : '403 权限不足'}
+        // title="403 权限不足"
         subTitle={
-          <>
-            <div style={{ width: 300, textAlign: 'left', margin: 'auto auto' }}>
-              <div>
-                <Text type={'danger'} strong>
-                  申请步骤:
-                </Text>
-              </div>
-              <ol style={{padding: '0 1rem'}}>
-                <li>
-                  复制以下信息
-                  {/* <Button type="link" onClick={() => copyToClipboard(applyInfo)}>
+          auth_store.user.name !== 'loading' ? (
+            <>
+              <div style={{ width: 300, textAlign: 'left', margin: 'auto auto' }}>
+                <div>
+                  <Text type={'danger'} strong>
+                    申请步骤:
+                  </Text>
+                </div>
+                <ol style={{ padding: '0 1rem' }}>
+                  <li>
+                    复制以下信息
+                    {/* <Button type="link" onClick={() => copyToClipboard(applyInfo)}>
                       复制
                     </Button> */}
-                </li>
-                {/* <li> */}
+                  </li>
+                  {/* <li> */}
                   <pre className={'p-s1'} style={{ border: '1px solid rgba(0,0,0,.15)', borderRadius: 4 }}>
                     {applyInfo}
                   </pre>
-                {/* </li> */}
-                <li>
-                  <Button type="link" href={authApplyLink}>
-                    点击打开 &raquo;OA审批 &raquo;
-                  </Button>
-                  <ul>
-                    <li>输入申请信息(姓名等)</li>
-                    <li>
-                      选择开通权限: <Text type={'warning'}>HT系统分析</Text>
-                    </li>
-                    <li>
-                      填入上述复制的信息到 <Text type={'warning'}>权限内容</Text>
-                    </li>
-                  </ul>
-                </li>
-              </ol>
-              <div>
-                <Text type={'secondary'} strong>
-                  示例:
-                </Text>
+                  {/* </li> */}
+                  <li>
+                    <Button type="link" href={authApplyLink}>
+                      点击打开 &raquo;OA审批 &raquo;
+                    </Button>
+                    <ul>
+                      <li>输入申请信息(姓名等)</li>
+                      <li>
+                        选择开通权限: <Text type={'warning'}>HT系统分析</Text>
+                      </li>
+                      <li>
+                        填入上述复制的信息到 <Text type={'warning'}>权限内容</Text>
+                      </li>
+                    </ul>
+                  </li>
+                </ol>
+                <div>
+                  <Text type={'secondary'} strong>
+                    示例:
+                  </Text>
+                </div>
+                <Image alt="example" src={authExample} preview={false} />
               </div>
-              <Image alt="example" src={authExample} preview={false} />
-            </div>
-          </>
+            </>
+          ) : null
         }
       />
     </div>