增加销售管理界面

src/main.jsx

@@ -11,6 +11,7 @@ import App from '@/views/App'
 import Standlone from '@/views/Standlone'
 import OrderFollow from '@/views/OrderFollow'
 import ChatHistory from '@/views/ChatHistory'
+import SalesManagement from '@/views/SalesManagement'
 import DingdingQRCode from '@/views/DingdingQRCode'
 import DingdingCallbak from '@/views/DingdingCallbak'
 import ErrorPage from '@/views/ErrorPage'
@@ -40,6 +41,7 @@ const router = createBrowserRouter([
       { index: true, element: <OrderFollow /> },
       { path: 'order/follow', element: <OrderFollow />},
       { path: 'chat/history', element: <ChatHistory />},
+      { path: 'sales/management', element: <SalesManagement />},
     ]
   },
   {

src/stores/Auth.js

@@ -12,8 +12,6 @@ class Auth {
     this.website = root.getSession(KEY_WEBSITE)
   }
 
-  
-
   setup(userId, website) {
     runInAction(() => {
       this.userId = userId

src/views/SalesManagement.jsx

@@ -0,0 +1,136 @@
+import { useNavigate } from 'react-router-dom'
+import { useRef, useEffect, useState } from 'react'
+import { observer } from 'mobx-react'
+import { Row, Col, Divider, Table , Card, Button, Input, 
+  Space, Empty, Radio, Select, DatePicker, Spin, List, Avatar
+} from 'antd'
+import {
+  StarFilled, ZoomInOutlined, StarOutlined, SearchOutlined
+} from '@ant-design/icons'
+
+const { Search } = Input;
+const { RangePicker } = DatePicker;
+
+const dataSource = [
+  {
+    key: '1',
+    travelAdvisor: '骆梅玉',
+    contactList: 'Giacomo Guilizzoni, Mike, Jerry...',
+    important: '5',
+    star: '9',
+    ing: '3',
+  },
+  {
+    key: '2',
+    travelAdvisor: '骆梅玉',
+    contactList: 'Giacomo Guilizzoni, Mike, Jerry...',
+    important: '5',
+    star: '9',
+    ing: '3',
+  },
+  {
+    key: '3',
+    travelAdvisor: '骆梅玉',
+    contactList: 'Giacomo Guilizzoni, Mike, Jerry...',
+    important: '5',
+    star: '9',
+    ing: '3',
+  },
+  {
+    key: '4',
+    travelAdvisor: '骆梅玉',
+    contactList: 'Giacomo Guilizzoni, Mike, Jerry...',
+    important: '5',
+    star: '9',
+    ing: '3',
+  },
+  {
+    key: '5',
+    travelAdvisor: '骆梅玉',
+    contactList: 'Giacomo Guilizzoni, Mike, Jerry...',
+    important: '5',
+    star: '9',
+    ing: '3',
+  },
+  {
+    key: '6',
+    travelAdvisor: '骆梅玉',
+    contactList: 'Giacomo Guilizzoni, Mike, Jerry...',
+    important: '5',
+    star: '9',
+    ing: '3',
+  },
+  {
+    key: '7',
+    travelAdvisor: '骆梅玉',
+    contactList: 'Giacomo Guilizzoni, Mike, Jerry...',
+    important: '5',
+    star: '9',
+    ing: '3',
+  },
+];
+
+const columns = [
+  {
+    title: '顾问',
+    dataIndex: 'travelAdvisor',
+    key: 'travelAdvisor',
+  },
+  {
+    title: '客人名单',
+    dataIndex: 'contactList',
+    key: 'contactList',
+  },
+  {
+    title: '重点订单',
+    dataIndex: 'important',
+    key: 'important',
+  },
+  {
+    title: '潜力客户',
+    dataIndex: 'star',
+    key: 'star',
+  },
+  {
+    title: '成型',
+    dataIndex: 'ing',
+    key: 'ing',
+  },
+];
+
+function SalesManagement() {
+  
+  useEffect(() => {
+  }, [])
+  
+  return (
+    <Spin spinning={false} delay={500}>
+      <Space direction='vertical' style={{ width: '100%' }}>
+        <Row gutter={[16, 16]} justify='start' align='middle'>
+        <Col span={6}>
+        <RangePicker />
+          </Col>
+        <Col span={6}>
+        <Search
+          placeholder="关键词"
+          allowClear
+          onSearch={()=>{}}
+        />
+          </Col>
+        </Row>
+      </Space>
+      <Divider plain orientation='left'></Divider>
+      <Space
+        direction='vertical'
+        size='middle'
+        style={{
+          display: 'flex',
+        }}
+      >
+        <Table dataSource={dataSource} columns={columns} />
+      </Space>
+    </Spin>
+  )
+}
+
+export default observer(SalesManagement)