From 7eb57a0ffd54989c7b68ca8c2c9b98afad9e10cb Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Wed, 8 Nov 2023 11:54:39 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9D=83=E9=99=90=E7=94=B3=E8=AF=B7?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ProtectedRoute.jsx | 42 ++++++++++++++++++++++++++++--------
 1 file changed, 33 insertions(+), 9 deletions(-)

diff --git a/src/views/ProtectedRoute.jsx b/src/views/ProtectedRoute.jsx
index 2f58972..889609e 100644
--- a/src/views/ProtectedRoute.jsx
+++ b/src/views/ProtectedRoute.jsx
@@ -1,13 +1,8 @@
-import React, { useContext, useEffect } from 'react';
-import { Row, Col, Button, Tabs, Spin, Result, Space } from 'antd';
-import { ContainerOutlined, SearchOutlined } from '@ant-design/icons';
+import { useContext } from 'react';
+import { Button, Result, message } from 'antd';
 import { stores_Context } from '../config';
-import { Line } from '@ant-design/charts';
 import { observer } from 'mobx-react';
-import DatePickerCharts from '../components/search/DatePickerCharts';
-import { NavLink, useParams, Outlet, useOutlet, useLocation, useNavigate } from 'react-router-dom';
-import * as comm from '../utils/commons';
-import * as config from '../config';
+import { Outlet, useLocation, } from 'react-router-dom';
 
 const ProtectedRoute = ({ auth }) => {
   const { auth_store } = useContext(stores_Context);
@@ -16,9 +11,38 @@ const ProtectedRoute = ({ auth }) => {
     return <Outlet />;
   }
 
+  const authApplyLink =
+    // eslint-disable-next-line max-len
+    'dingtalk://dingtalkclient/action/openapp?app_id=-4&container_type=work_platform&corpid=ding48bce8fd3957c96b&ddtab=true&redirect_type=jump&redirect_url=https%3A%2F%2Faflow.dingtalk.com%2Fdingtalk%2Fmobile%2Fhomepage.htm%3Fback_control%3Dfalse%26backcontrol%3Dfalse%26corpid%3Dding48bce8fd3957c96b%26dd_progress%3Dfalse%26dd_share%3Dfalse%26ddtab%3Dtrue%26showmenu%3Dfalse%23%2Fcustom%3Fpcredirect%3Dself%26processCode%3DPROC-C0C2E970-1E4E-44CF-A389-C7D3F10A7885';
+
+  const copyToClipboard = (text) => {
+    navigator.clipboard.writeText(text).then(() => {
+      message.success('已复制到剪贴板');
+    });
+  };
+
+  const { pathname } = useLocation();
+  const applyInfo = `授权账户: ${auth_store.user.name}(${auth_store.user.userid})\n申请权限: ${auth[auth.length - 1].toString()}\n请求页面: ${pathname}`;
+
   return (
     <div>
-      <Result status="403" title="403 权限不足" subTitle={'试着联系一下技术，所需权限: ' + auth.toString()} extra={auth_store.user.name + '(' + auth_store.user.userid + ')'} />
+      {/* '试着联系一下技术，所需权限: ' + auth.toString() */}
+      <Result
+        status="403"
+        title="403 权限不足"
+        subTitle={
+          <>
+            <div>
+              复制以下信息到OA审批申请
+              <Button type="link" onClick={() => copyToClipboard(applyInfo)}>复制</Button>
+            </div>
+            <pre>
+              {applyInfo}
+            </pre>
+          </>
+        }
+        extra={<Button type="link" href={authApplyLink}>去申请</Button>}
+      />
     </div>
   );
 };