perf: 增加登录身份水印

src/App.jsx

@@ -10,7 +10,11 @@ import {
   DollarOutlined,
   AreaChartOutlined,
   WechatOutlined,
-  UserOutlined, FlagOutlined, PieChartOutlined, BarChartOutlined, CoffeeOutlined,
+  UserOutlined,
+  FlagOutlined,
+  PieChartOutlined,
+  BarChartOutlined,
+  CoffeeOutlined,
 } from '@ant-design/icons';
 import { Layout, Menu, Image, Badge } from 'antd';
 import { BrowserRouter, Route, Routes, NavLink } from 'react-router-dom';
@@ -40,6 +44,7 @@ import Distribution from './views/Distribution';
 import Detail from './views/Detail';
 import Welcome from './views/Welcome';
 import { stores_Context, APP_VERSION } from './config';
+import { WaterMark } from '@ant-design/pro-components';
 
 const App = () => {
   const { Content, Footer, Sider } = Layout;
@@ -143,6 +148,8 @@ const App = () => {
 
   return (
     <BrowserRouter>
+      <WaterMark content={['HT统计']} gapY={100} gapX={100} rotate={-20} offsetLeft={150} offsetTop={150} fontColor="rgba(0,0,0,.06)">
+        <WaterMark content={[auth_store.user.name, auth_store.user.userid.slice(-4)]} gapY={100} gapX={100} rotate={-20} fontColor="rgba(0,0,0,.08)">
           <Layout
             hasSider
             style={{
@@ -162,14 +169,9 @@ const App = () => {
               }}
             >
               <Image src={Logo} preview={false} />
-          <Menu
-            theme="dark"
-            defaultSelectedKeys={['1']}
-            defaultOpenKeys={['2', '5']}
-            mode="inline"
-            items={menu_items}
-          />
+              <Menu theme="dark" defaultSelectedKeys={['1']} defaultOpenKeys={['2', '5']} mode="inline" items={menu_items} />
             </Sider>
+
             <Layout className="site-layout">
               <Content
                 style={{
@@ -219,10 +221,16 @@ const App = () => {
               >
                 <UserOutlined /> {auth_store.user.name} ({auth_store.user.userid})
                 <br />
-            Hainatravel Dashboard <span>v<span>{APP_VERSION}</span> </span> ©2022 Created by IT
+                Hainatravel Dashboard{' '}
+                <span>
+                  v<span>{APP_VERSION}</span>{' '}
+                </span>{' '}
+                ©2022 Created by IT
               </Footer>
             </Layout>
           </Layout>
+        </WaterMark>
+      </WaterMark>
     </BrowserRouter>
   );
 };