2.1.1

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "haina-dashboard",
-  "version": "0.1.0",
+  "version": "2.1.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "haina-dashboard",
-      "version": "0.1.0",
+      "version": "2.1.1",
       "dependencies": {
         "@ant-design/charts": "^1.4.2",
         "@ant-design/pro-components": "^2.6.16",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "haina-dashboard",
-  "version": "0.1.0",
+  "version": "2.1.1",
   "private": true,
   "dependencies": {
     "@ant-design/charts": "^1.4.2",

src/App.jsx

@@ -33,13 +33,13 @@ import Sale from './views/Sale';
 import Sale_sub from './views/Sale_sub';
 import Sale_KPI from './views/Sale_KPI';
 import Logo from './logo.png';
-import { stores_Context } from './config';
 import { observer } from 'mobx-react';
 import ExchangeRate from './charts/ExchangeRate';
 import KPI from './views/KPI';
 import Distribution from './views/Distribution';
 import Detail from './views/Detail';
 import Welcome from './views/Welcome';
+import { stores_Context, APP_VERSION } from './config';
 
 const App = () => {
   const { Content, Footer, Sider } = Layout;
@@ -219,7 +219,7 @@ const App = () => {
           >
             <UserOutlined /> {auth_store.user.name} ({auth_store.user.userid})
             <br />
-            Hainatravel Dashboard ©2022 Created by IT
+            Hainatravel Dashboard <span>v<span>{APP_VERSION}</span> </span> ©2022 Created by IT
           </Footer>
         </Layout>
       </Layout>

src/config.js

@@ -1,5 +1,7 @@
 import React from "react";
+import packageInfo from './../package.json';
 
+export const APP_VERSION = packageInfo.version;
 export const stores_Context = React.createContext();
 export const DATE_FORMAT = "YYYY-MM-DD";
 export const SMALL_DATETIME_FORMAT = 'YYYY-MM-DD 23:59:00';

src/views/Welcome.jsx

@@ -1,6 +1,6 @@
 import { useContext } from 'react';
 import { observer } from "mobx-react";
-import { stores_Context } from '../config';
+import { stores_Context, APP_VERSION } from '../config';
 import { Table } from 'antd';
 import {
     SlackOutlined,
@@ -16,9 +16,8 @@ export default observer((props) => {
       <>
       <div>
           <SketchOutlined/> <AntCloudOutlined/> <SlackOutlined/> <RedditOutlined/> <GithubOutlined/>
-          <br/>
-          欢迎
-          <br/>
+          <div>欢迎! </div>
+          <div>当前版本: v<span>{APP_VERSION}</span></div>
           <SketchOutlined/> <AntCloudOutlined/> <SlackOutlined/> <RedditOutlined/> <GithubOutlined/>
       </div>
       </>