切换系统 任务没刷新

src/view/Manage/DatasourceManage/Component/DatasourceItem.jsx

@@ -7,7 +7,7 @@ import { dispatch } from '../../../../model';
 import './DatasourceItem.less';
 
 const DatasourceItem = (props) => {
-  const { data, onStartTask, onEditTask, onDeleteTask, expanded, refresh, refreshSuccess } = props;
+  const { data, onStartTask, onEditTask, onDeleteTask, expanded, refresh, refreshSuccess, scope } = props;
   const [ tasks, setTasks ] = useState(null);
   const [ loading, setLoading ] = useState(false);
 
@@ -27,6 +27,11 @@ const DatasourceItem = (props) => {
     //eslint-disable-next-line react-hooks/exhaustive-deps
   }, [refresh])
 
+  useEffect(() => {
+    setTasks(null);
+    //eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [scope])
+
   const getTasks = () => {
     setLoading(true);
     dispatch({

src/view/Manage/DatasourceManage/Component/DatasourceList.jsx

-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { List, Space, Button, Tooltip } from "antd";
 import { EditOutlined, DiffOutlined, DeleteOutlined, ArrowDownOutlined, ArrowUpOutlined } from '@ant-design/icons';
 
@@ -6,10 +6,16 @@ import DatasourceItem from './DatasourceItem';
 
 const DatasourceList = (props) => {
 
-  const { loading, data, onEdit, onAddTask, onDelete, onStartTask, onEditTask, onDeleteTask, idBindTasksNeedRefresh, refreshTasksSuccess } = props;
+  const { loading, data, onEdit, onAddTask, onDelete, onStartTask, onEditTask, onDeleteTask, idBindTasksNeedRefresh, refreshTasksSuccess, scope } = props;
 
   const [ expandedBindId, setExpandedBindId ] = useState({});
 
+  useEffect(() => {
+    setExpandedBindId({});
+
+    //eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [scope])
+
   const onExpanded = (item) => {
     if (expandedBindId.hasOwnProperty(item.id)) {
       expandedBindId[item.id] = !expandedBindId[item.id];
@@ -63,7 +69,7 @@ const DatasourceList = (props) => {
                   </Space>
                 </div>
               }
-              description={ <DatasourceItem data={item} expanded={expanded} refresh={idBindTasksNeedRefresh===item.id} onStartTask={onStartTask} onEditTask={onEditTask} onDeleteTask={onDeleteTask} refreshSuccess={refreshTasksSuccess} /> }
+              description={ <DatasourceItem data={item} scope={scope} expanded={expanded} refresh={idBindTasksNeedRefresh===item.id} onStartTask={onStartTask} onEditTask={onEditTask} onDeleteTask={onDeleteTask} refreshSuccess={refreshTasksSuccess} /> }
             />
           </List.Item>
         );

src/view/Manage/DatasourceManage/index.jsx

@@ -274,6 +274,7 @@ const DatasourceManage = () => {
         <DatasourceList 
           loading={loadingDatasources}
           data={filterDatasources||[]}
+          scope={selectedScope}
           idBindTasksNeedRefresh={currentDatasourceIdBindTasksNeedRefresh}
           onEdit={editDatasource}
           onAddTask={addTask}