feat:iconfont-font-class的方式引入

src/components/CheckBox.tsx

-/*
- * @Author: sunbingqing
- * @Date: 2019-07-24 17:21:00
- * @Last Modified by: 孙冰清
- * @Last Modified time: 2019-07-25 16:50:53
- */
-
 import React from 'react';
 import React from 'react';
 import {Checkbox} from 'antd';
 import {Checkbox} from 'antd';
 import './CheckBox.less';
 import './CheckBox.less';

src/core/global.less

@@ -1102,9 +1102,9 @@ table .ant-btn {
   height: 24px;
   height: 24px;
 }
 }
 
 
-.ant-input {
-  padding: 0 12px !important;
-}
+// .ant-input {
+//   padding: 0 12px !important;
+// }
 
 
 .dataBar {
 .dataBar {
   background-color: #FFEEE4;
   background-color: #FFEEE4;

src/modules/store-manege/EmployeesManagePage.tsx

@@ -2,7 +2,7 @@
  * @Author: wufan
  * @Author: wufan
  * @Date: 2020-07-09 14:03:09
  * @Date: 2020-07-09 14:03:09
  * @Last Modified by: mikey.zhaopeng
  * @Last Modified by: mikey.zhaopeng
- * @Last Modified time: 2020-11-26 14:52:43
+ * @Last Modified time: 2020-11-26 16:22:44
  * 店铺管理-员工管理
  * 店铺管理-员工管理
  */
  */
 import React, { useEffect, useState } from "react";
 import React, { useEffect, useState } from "react";
@@ -10,7 +10,7 @@ import { withRouter } from "react-router-dom";
 import _ from "underscore";
 import _ from "underscore";
 import PageControl from "@/components/PageControl";
 import PageControl from "@/components/PageControl";
 import SearchBar from "@/components/SearchBar";
 import SearchBar from "@/components/SearchBar";
-import {CheckBox} from "@/components";
+import { CheckBox } from "@/components";
 import { Button, Table, Tooltip, Modal, message, Row, Col, Input } from "antd";
 import { Button, Table, Tooltip, Modal, message, Row, Col, Input } from "antd";
 import { storeRoleEnum } from "@/domains/store-domain/constants";
 import { storeRoleEnum } from "@/domains/store-domain/constants";
 import StoreService from "@/domains/store-domain/storeService";
 import StoreService from "@/domains/store-domain/storeService";
@@ -34,11 +34,13 @@ function EmployeesManagePage() {
     size: 10,
     size: 10,
     name: "",
     name: "",
     phone: "",
     phone: "",
-    identity: "",
+    identity: "ALL",
     instId: "1837447" || window.currentUserInstInfo.instId,
     instId: "1837447" || window.currentUserInstInfo.instId,
   });
   });
   const [total, setTotal] = useState(0);
   const [total, setTotal] = useState(0);
   const [model, setModel] = useState(null);
   const [model, setModel] = useState(null);
+  const [isManager, setIsManager] = useState(true);
+  const [isNormal, setIsNormal] = useState(true);
 
 
   useEffect(() => {
   useEffect(() => {
     getEmployeeList();
     getEmployeeList();
@@ -87,7 +89,7 @@ function EmployeesManagePage() {
         title: "操作",
         title: "操作",
         dataIndex: "operation",
         dataIndex: "operation",
         render: (val: string, record: { identity: string }) => {
         render: (val: string, record: { identity: string }) => {
-          return record.identity === "0" || record.identity === "1" ? (
+          return record.identity === "" || record.identity === "1" ? (
             <div className="no-operate">-</div>
             <div className="no-operate">-</div>
           ) : (
           ) : (
             <div className="operation">
             <div className="operation">
@@ -167,7 +169,6 @@ function EmployeesManagePage() {
                   onChange={(event) => {
                   onChange={(event) => {
                     const val = event.target.value;
                     const val = event.target.value;
                     const _query = { ...query };
                     const _query = { ...query };
-
                     _query.name = val;
                     _query.name = val;
                     setQuery(_query);
                     setQuery(_query);
                   }}
                   }}
@@ -176,21 +177,42 @@ function EmployeesManagePage() {
               </div>
               </div>
 
 
               <div style={{ flex: 1 }}>
               <div style={{ flex: 1 }}>
-              身份：
-              <CheckBox
-                text="普通讲师"
-                onChange={(e:any) => {
-                  const { checked } = e.target;
-                  ;
-                }}
-              />
-              <CheckBox
-                text="管理员"
-                onChange={(e:any) => {
-                  const { checked } = e.target;
-                }}
-              />
-            </div>
+                身份：
+                <CheckBox
+                  text="普通讲师"
+                  onChange={(e: any) => {
+                    const { checked } = e.target;
+                    setIsNormal(checked);
+                    const _query = { ...query };
+                    _query.identity = checked
+                      ? isManager
+                        ? "ALL"
+                        : "NORMAL"
+                      : isManager
+                      ? "MANAGE"
+                      : "NONE";
+                    setQuery(_query);
+                  }}
+                  defaultChecked={isNormal}
+                />
+                <CheckBox
+                  text="管理员"
+                  onChange={(e: any) => {
+                    const { checked } = e.target;
+                    setIsManager(checked);
+                    const _query = { ...query };
+                    _query.identity = checked
+                      ? isNormal
+                        ? "ALL"
+                        : "MANAGE"
+                      : isNormal
+                      ? "NORMAL"
+                      : "NONE";
+                    setQuery(_query);
+                  }}
+                  defaultChecked={isManager}
+                />
+              </div>
             </div>
             </div>
             <Button
             <Button
               onClick={() => {
               onClick={() => {