This is an automated email from the ASF dual-hosted git repository.
jiafengzheng pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-doris-manager.git
The following commit(s) were added to refs/heads/master by this push:
new e8a85e5 The data page displays information for the first tree node by
default (#52)
e8a85e5 is described below
commit e8a85e5fedc7212f80e1e8a20465e2b70917a188
Author: wangyongfeng <[email protected]>
AuthorDate: Fri Apr 22 16:49:48 2022 +0800
The data page displays information for the first tree node by default (#52)
The data page displays information for the first tree node by default
---
frontend/src/routes/tree/index.tsx | 13 +++++++++++--
1 file changed, 11 insertions(+), 2 deletions(-)
diff --git a/frontend/src/routes/tree/index.tsx
b/frontend/src/routes/tree/index.tsx
index 5fdb4e5..18141ed 100644
--- a/frontend/src/routes/tree/index.tsx
+++ b/frontend/src/routes/tree/index.tsx
@@ -37,6 +37,7 @@ import { isSuccess } from '@src/utils/http';
const initTreeDate: DataNode[] = [];
export function MetaBaseTree() {
const [treeData, setTreeData] = useState(initTreeDate);
+ const [selectedKeys, setSelectedKeys] = useState<string[]>([])
const [loading, setLoading] = useState(true);
const { t } = useTranslation();
const navigate = useNavigate();
@@ -61,6 +62,9 @@ export function MetaBaseTree() {
});
});
setTreeData(treeData);
+ const firstItem = database[0] || {}
+ setSelectedKeys([treeData[0].key])
+ navigate(`/meta/database/${firstItem.id}`, { state: { id:
firstItem.id, name: firstItem.name } });
} else {
setTreeData([]);
message.error(res.msg);
@@ -105,6 +109,7 @@ export function MetaBaseTree() {
function handleTreeSelect(keys: any[]) {
if (keys.length > 0) {
const [storey, db_id, db_name, id, name] = keys[0].split('¥');
+ setSelectedKeys(keys)
if (storey === '1') {
localStorage.setItem('database_id', id);
localStorage.setItem('database_name', name);
@@ -120,7 +125,10 @@ export function MetaBaseTree() {
}
function goHome() {
- navigate(`/meta`);
+ const firstTreeNode = treeData[0]
+ const [id, name] = firstTreeNode.key.split('¥');
+ setSelectedKeys([firstTreeNode.key])
+ navigate(`/meta/database/${id}`, { state: { id: id, name: name } });
}
function syncData() {
@@ -144,12 +152,13 @@ export function MetaBaseTree() {
<h2 className={styles['palo-tree-title']}>
<HomeOutlined onClick={goHome} />
<span>{t`DataTree`}</span>
- <SyncOutlined spin={syncLoading} style={{ color: '#1890ff',
padding: 0 }} onClick={syncData} />
+ <SyncOutlined spin={syncLoading} title='同步数据' style={{ color:
'#1890ff', padding: 0 }} onClick={syncData} />
</h2>
<div className={styles['palo-tree-wrapper']}>
<Tree
showIcon={true}
loadData={onLoadData}
+ selectedKeys={selectedKeys}
treeData={treeData}
className={styles['palo-side-tree']}
onSelect={selectedKeys => handleTreeSelect(selectedKeys)}
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
