From cc15c0919734db5a147a147a5c4074fb85664ae9 Mon Sep 17 00:00:00 2001
From: vapao <live1989@foxmail.com>
Date: Fri, 14 Oct 2022 11:17:06 +0800
Subject: [PATCH] =?UTF-8?q?U=20=E4=BC=98=E5=8C=96HostSelector=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 spug_web/src/pages/deploy/request/HostSelector.js | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

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