import './App.css'; import React, { useContext } from 'react'; import { HomeOutlined, TeamOutlined, DashboardOutlined, FileProtectOutlined, CustomerServiceTwoTone, SnippetsTwoTone, DollarOutlined, AreaChartOutlined, WechatOutlined, UserOutlined, FlagOutlined, PieChartOutlined, BarChartOutlined } from '@ant-design/icons'; import { Layout, Menu, Image, Badge } from 'antd'; import { BrowserRouter, Route, Routes, NavLink } from 'react-router-dom'; import Home from './views/Home'; import Dashboard from './views/Dashboard'; import Orders from './views/Orders'; import Orders_sub from './views/Orders_sub'; import ProtectedRoute from './views/ProtectedRoute'; import Customer_care_inchina from './charts/Customer_care_inchina'; import Customer_care_potential from './charts/Customer_care_potential'; import Customer_care_regular from './charts/Customer_care_regular'; import Wechat_session from './charts/Wechat_session'; import WhatsApp_session from './charts/WhatsApp_session'; import AgentGroupCount from './views/AgentGroupCount'; import AgentGroupList from './views/AgentGroupList'; import DestinationGroupCount from './views/DestinationGroupCount'; import DestinationGroupList from './views/DestinationGroupList'; import Credit_card_bill from './views/Credit_card_bill'; 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'; const App = () => { const { Content, Footer, Sider } = Layout; const { auth_store } = useContext(stores_Context); const menu_items = [ { key: 1, label: 主页, icon: }, { key: 2, label: '市场', icon: , children: [ { key: 21, label: 订单数据, icon: , }, { key: 22, label: 仪表盘, icon: , }, ], }, { key: 5, label: '销售', icon: , children: [ { key: 51, label: 业绩数据 }, { key: 52, label: 销售进度 }, { key: 'distribution', label: 统计分布 }, ], }, { key: 3, label: '客运', icon: , children: [ { key: 31, label: 潜力客户, }, { key: 32, label: 老客户, }, { key: 33, label: 在华客户, }, { key: 34, label: 微信会话存档, }, { key: 35, label: WhatsApp会话存档, }, ], }, { key: 4, label: '财务', icon: , children: [ { key: 41, label: 信用卡账单, }, { key: 42, label: 汇率 }, ], }, { key: 6, label: '客服', icon: , children: [ { key: 61, label: 地接社接团, }, { key: 62, label: 目的地接团, }, ], }, { key: 'kpi', label: 目标配置, icon: }, // { // key: 'detail', // label: ( // // 统计分析 // // ), // icon: , // }, ]; return ( } /> } /> }> } /> } /> } /> }> } /> } /> } /> } /> } /> } /> } /> } /> } /> }> } /> } /> }> } /> }> } /> } /> } /> } /> ); }; export default observer(App);