github
/
spug
mirror of https://github.com/openspug/spug
1
0
Fork 0
Code Issues Releases Wiki Activity

U 优化HostSelector组件

4.0
vapao 2022-10-14 11:17:06 +08:00
parent a4f5a62e51
commit cc15c09197
1 changed files with 3 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
spug_web/src/pages/deploy/request/HostSelector.js
View File

@ -2,7 +2,6 @@ import React, { useState, useEffect } from 'react';
import { observer } from 'mobx-react'; import { observer } from 'mobx-react';
import { Modal, Table, Button, Alert } from 'antd'; import { Modal, Table, Button, Alert } from 'antd';
import hostStore from 'pages/host/store'; import hostStore from 'pages/host/store';
import lds from 'lodash';
export default observer(function (props) { export default observer(function (props) {
const [selectedRowKeys, setSelectedRowKeys] = useState(props.host_ids || []); const [selectedRowKeys, setSelectedRowKeys] = useState(props.host_ids || []);
@ -47,7 +46,7 @@ export default observer(function (props) {
)} )}
<Table <Table
rowKey="id" rowKey="id"
dataSource={props.app_host_ids.map(id => ({id}))} dataSource={hostStore.records.filter(x => props.app_host_ids.includes(x.id))}
pagination={false} pagination={false}
scroll={{y: 480}} scroll={{y: 480}}
onRow={record => { onRow={record => {
@ -60,14 +59,8 @@ export default observer(function (props) {
onSelect: handleClickRow, onSelect: handleClickRow,
onSelectAll: (_, __, changeRows) => changeRows.map(x => handleClickRow(x)) onSelectAll: (_, __, changeRows) => changeRows.map(x => handleClickRow(x))
}}> }}>
<Table.Column <Table.Column title="主机名称" dataIndex="name"/>
title="主机名称" <Table.Column title="连接地址" dataIndex="hostname"/>
dataIndex="id"
render={id => lds.get(hostStore.idMap, `${id}.name`)}/>
<Table.Column
title="连接地址"
dataIndex="id"
render={id => lds.get(hostStore.idMap, `${id}.hostname`)}/>
</Table> </Table>
</Modal> </Modal>
) )