feat: 系统管理列表增加手动刷新功能

km-console/packages/config-manager-fe/src/pages/ConfigManage/index.tsx

@@ -15,6 +15,7 @@ import {
   AppContainer,
   Utils,
 } from 'knowdesign';
+import { IconFont } from '@knowdesign/icons';
 import { PlusOutlined } from '@ant-design/icons';
 import moment from 'moment';
 // 引入代码编辑器
@@ -431,6 +432,11 @@ export default () => {
       <TypicalListCard title="配置管理">
         <div className="config-manage-page">
           <div className="operate-bar">
+            <div className="left">
+              <div className="refresh-icon" onClick={() => getConfigList()}>
+                <IconFont className="icon" type="icon-shuaxin1" />
+              </div>
+              <Divider type="vertical" style={{ height: 20, top: 0 }} />
               <Form form={form} layout="inline" onFinish={() => getConfigList({ page: 1 })}>
                 <Form.Item name="valueGroup">
                   <Select style={{ width: 180 }} placeholder="请选择模块" options={configGroupList} />
@@ -447,6 +453,7 @@ export default () => {
                   </Button>
                 </Form.Item>
               </Form>
+            </div>
             {global.hasPermission && global.hasPermission(ConfigPermissionMap.CONFIG_ADD) ? (
               <Button
                 type="primary"

km-console/packages/config-manager-fe/src/pages/OperationLog/index.tsx

@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react';
-import { Button, Form, Input, Select, ProTable, DatePicker, Utils, Tooltip } from 'knowdesign';
+import { Button, Form, Input, Select, ProTable, DatePicker, Utils, Tooltip, Divider } from 'knowdesign';
+import { IconFont } from '@knowdesign/icons';
 import api from 'api';
 import { defaultPagination } from 'constants/common';
 import TypicalListCard from '../../components/TypicalListCard';
@@ -119,6 +120,12 @@ export default () => {
     <>
       <TypicalListCard title="操作记录">
         <div className="operate-bar">
+          <div className="left">
+            <div className="refresh-icon" onClick={() => getData()}>
+              <IconFont className="icon" type="icon-shuaxin1" />
+            </div>
+            <Divider type="vertical" style={{ height: 20, top: 0 }} />
+
             <Form form={form} layout="inline" onFinish={() => getData({ page: 1 })}>
               <Form.Item name="targetType">
                 <Select placeholder="请选择模块" options={configGroupList} style={{ width: 160 }} />
@@ -139,6 +146,7 @@ export default () => {
               </Form.Item>
             </Form>
           </div>
+        </div>
 
         <ProTable
           tableProps={{

km-console/packages/config-manager-fe/src/pages/UserManage/RoleTabContent.tsx

@@ -611,7 +611,13 @@ export default (props: { curTabKey: string }): JSX.Element => {
 
   return (
     <>
-      <div className="operate-bar-right">
+      <div className="operate-bar">
+        <div className="left">
+          <div className="refresh-icon" onClick={() => getRoleList()}>
+            <IconFont className="icon" type="icon-shuaxin1" />
+          </div>
+        </div>
+        <div className="right">
           <Input
             className="search-input"
             suffix={
@@ -644,6 +650,7 @@ export default (props: { curTabKey: string }): JSX.Element => {
             <></>
           )}
         </div>
+      </div>
 
       <ProTable
         tableProps={{

km-console/packages/config-manager-fe/src/pages/UserManage/UserTabContent.tsx

@@ -1,5 +1,6 @@
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { Form, ProTable, Select, Button, Input, Modal, message, Drawer, Space, Divider, AppContainer, Utils } from 'knowdesign';
+import { IconFont } from '@knowdesign/icons';
 import { PlusOutlined, QuestionCircleOutlined } from '@ant-design/icons';
 import moment from 'moment';
 import { defaultPagination } from 'constants/common';
@@ -341,6 +342,12 @@ export default (props: { curTabKey: string }) => {
   return (
     <>
       <div className="operate-bar">
+        <div className="left">
+          <div className="refresh-icon" onClick={() => getUserList()}>
+            <IconFont className="icon" type="icon-shuaxin1" />
+          </div>
+          <Divider type="vertical" style={{ height: 20, top: 0 }} />
+
           <Form form={form} layout="inline" onFinish={() => getUserList({ page: 1 })}>
             <Form.Item name="userName">
               <Input placeholder="请输入用户账号" />
@@ -357,6 +364,7 @@ export default (props: { curTabKey: string }) => {
               </Button>
             </Form.Item>
           </Form>
+        </div>
         {global.hasPermission && global.hasPermission(ConfigPermissionMap.USER_ADD) ? (
           <Button
             type="primary"

km-console/packages/config-manager-fe/src/pages/UserManage/index.less

@@ -44,13 +44,3 @@
 .role-tab-assign-user .desc-row {
   margin-bottom: 24px;
 }
-
-.operate-bar-right {
-  display: flex;
-  justify-content: right;
-  margin-bottom: 12px;
-  .search-input {
-    width: 248px;
-    margin-right: 8px;
-  }
-}