初步完成微信员工列表读取

src/charts/Wechat_session.js

@@ -1,42 +1,19 @@
-import React, {useContext, useEffect} from 'react';
-import {Row, Col, List, Avatar, Table, Space, Radio, Tooltip} from 'antd';
-import {
-    ContainerOutlined,
-    SearchOutlined,
-} from '@ant-design/icons';
+import React, {Component} from 'react';
+import {Row, Col, List, Avatar} from 'antd';
 import {stores_Context} from '../config'
-import {Line} from "@ant-design/charts";
 import {observer} from 'mobx-react';
-import DatePickerCharts from '../charts/DatePickerCharts'
-import {NavLink, useParams} from "react-router-dom";
-import * as comm from "../utils/commons";
-import * as config from "../config";
-import SiteSelect from "../charts/SiteSelect";
-import GroupSelect from "../charts/GroupSelect";
-import {utils, writeFileXLSX} from "xlsx";
+import { toJS } from "mobx";
 
-const Wechat_session = () => {
+class Wechat_session extends Component {
 
-    const {orders_store, date_picker_store, customer_store} = useContext(stores_Context);
-    const inchina_data = customer_store.inchina_data;
-
-    useEffect(() => {
-
-    }, [])
-    const data = [
-        {
-            title: 'Ant Design Title 1',
-        },
-        {
-            title: 'Ant Design Title 2',
-        },
-        {
-            title: 'Ant Design Title 3',
-        },
-        {
-            title: 'Ant Design Title 4',
-        },
-    ];
+    static contextType = stores_Context;
+    constructor(props) {
+        super(props);
+        this.stores = this.props.stores;
+    }
+    render() {
+        const {wechatStore} = this.stores;
+        const userList = wechatStore.userList;
 
     return (
         <div>
@@ -44,12 +21,12 @@ const Wechat_session = () => {
                 <Col span={8}>
                     <List
                         itemLayout="horizontal"
-                        dataSource={data}
-                        renderItem={(item) => (
+                        dataSource={userList}
+                        renderItem={(user) => (
                             <List.Item>
                                 <List.Item.Meta
-                                    avatar={<Avatar src="https://joeschmoe.io/api/v1/random" />}
-                                    title={<a href="https://ant.design">{item.title}</a>}
+                                    avatar={<Avatar src={user.avatar} />}
+                                    title={user.username}
                                     description=""
                                 />
                             </List.Item>
@@ -60,6 +37,7 @@ const Wechat_session = () => {
             </Row>
         </div>
     );
+    }
 
 }
 export default observer(Wechat_session);

src/stores/Index.js

@@ -6,6 +6,7 @@ import CustomerStore from "./CustomerStore";
 import AuthStore from "./AuthStore";
 import ChatSessionStore from "./ChatSessionStore";
 import FinancialStore from "./FinancialStore";
+import WechatStore from "./Wechat";
 
 
 class Index {
@@ -17,6 +18,7 @@ class Index {
         this.auth_store = new AuthStore(this);
         this.chat_session_store = new ChatSessionStore(this);
         this.financial_store = new FinancialStore(this);
+        this.wechatStore = new WechatStore(this);
         makeAutoObservable(this);
     }
 

src/stores/Wechat.js

@@ -0,0 +1,32 @@
+import {makeAutoObservable, runInAction} from "mobx"
+import {
+    CaretUpOutlined,
+    CaretDownOutlined
+} from '@ant-design/icons';
+import {Tag} from 'antd';
+import * as config from "../config";
+import moment from "moment";
+import {NavLink} from "react-router-dom";
+import * as req from '../utils/request';
+
+
+class Wechat {
+
+    constructor(rootStore) {
+        this.rootStore = rootStore;
+        makeAutoObservable(this);
+        
+        req.fetchJSON(config.HT_HOST + '/weixin/wxwork/get_permit_user_list')
+        .then(json => {
+            console.info(json);
+            runInAction(() => {
+                this.userList = json.Result;
+            })
+        });
+    }
+    userList = [{username: '---', avatar: 'https://joeschmoe.io/api/v1/random'},{username: '---', avatar: 'https://joeschmoe.io/api/v1/random'}];
+
+}
+
+
+export default Wechat;