From b4f869453a362687fef97a3bbf2d9a97cc62172f Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Wed, 27 Dec 2023 17:35:11 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=9C=8D=E5=8A=A1=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E5=92=8C403=20=E5=8C=BA=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ProtectedRoute.jsx | 79 +++++++++++++++++++-----------------
 1 file changed, 41 insertions(+), 38 deletions(-)

diff --git a/src/views/ProtectedRoute.jsx b/src/views/ProtectedRoute.jsx
index 7641648..8fe43e7 100644
--- a/src/views/ProtectedRoute.jsx
+++ b/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>