|
|
|
|
@ -79,23 +79,22 @@ const ComponentTest = () => {
|
|
|
|
|
);
|
|
|
|
|
})}
|
|
|
|
|
</Group>
|
|
|
|
|
|
|
|
|
|
<Space split={<Divider type="vertical" />}>
|
|
|
|
|
<Input
|
|
|
|
|
prefix={<IconSearch />}
|
|
|
|
|
placeholder={'搜索实例标识或实例名'}
|
|
|
|
|
style={{ width: 236 }}
|
|
|
|
|
value={searchValue}
|
|
|
|
|
onChange={(value) => setSearchValue(value)}
|
|
|
|
|
allowClear
|
|
|
|
|
/>
|
|
|
|
|
</Space>
|
|
|
|
|
</div>
|
|
|
|
|
<div className={styles['content']}>
|
|
|
|
|
<div className={styles['left']}>
|
|
|
|
|
<SideBar onNodeSelect={handleNodeSelect} getCount={(value) => setCount(value)} />
|
|
|
|
|
</div>
|
|
|
|
|
<div className={styles['right']}>
|
|
|
|
|
<Space split={<Divider type="vertical" />} style={{ marginBottom: 16 }}>
|
|
|
|
|
<Input
|
|
|
|
|
prefix={<IconSearch />}
|
|
|
|
|
placeholder={'搜索实例标识或实例名'}
|
|
|
|
|
style={{ width: 236 }}
|
|
|
|
|
value={searchValue}
|
|
|
|
|
onChange={(value) => setSearchValue(value)}
|
|
|
|
|
allowClear
|
|
|
|
|
/>
|
|
|
|
|
</Space>
|
|
|
|
|
<InstanceList
|
|
|
|
|
identifier={selectedIdentifier}
|
|
|
|
|
refreshKey={refreshKey}
|
|
|
|
|
|