From bf469cc043599b3c5042c84a3fc77ca72e9a9f79 Mon Sep 17 00:00:00 2001
From: vapao <live1989@foxmail.com>
Date: Tue, 2 Jun 2020 18:56:18 +0800
Subject: [PATCH] =?UTF-8?q?U=20=E4=BC=98=E5=8C=96=E4=B8=BB=E6=9C=BA?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E6=94=AF=E6=8C=81=E6=90=9C=E7=B4=A2=E5=8C=B9?=
 =?UTF-8?q?=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 spug_web/src/pages/deploy/app/Ext1Setup2.js    |  5 ++++-
 spug_web/src/pages/deploy/app/Ext2Setup2.js    |  5 ++++-
 spug_web/src/pages/deploy/app/index.module.css |  4 ++++
 spug_web/src/pages/monitor/Form.js             | 13 ++++++++++---
 spug_web/src/pages/schedule/Form.js            |  7 +++++--
 spug_web/src/pages/schedule/index.module.css   |  4 ++++
 6 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/spug_web/src/pages/deploy/app/Ext1Setup2.js b/spug_web/src/pages/deploy/app/Ext1Setup2.js
index 6e3ec2b7..6f7522cb 100644
--- a/spug_web/src/pages/deploy/app/Ext1Setup2.js
+++ b/spug_web/src/pages/deploy/app/Ext1Setup2.js
@@ -41,12 +41,15 @@ class Ext1Setup2 extends React.Component {
             <React.Fragment key={index}>
               <Select
                 value={id}
+                showSearch
                 placeholder="请选择"
                 style={{width: '80%', marginRight: 10}}
+                optionFilterProp="children"
+                filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
                 onChange={v => store.editHost(index, v)}>
                 {hostStore.records.map(item => (
                   <Select.Option key={item.id} value={item.id} disabled={info['host_ids'].includes(item.id)}>
-                    {item.name}({item['hostname']}:{item['port']})
+                    {`${item.name}(${item['hostname']}:${item['port']})`}
                   </Select.Option>
                 ))}
               </Select>
diff --git a/spug_web/src/pages/deploy/app/Ext2Setup2.js b/spug_web/src/pages/deploy/app/Ext2Setup2.js
index 8b3ea7f6..ed791579 100644
--- a/spug_web/src/pages/deploy/app/Ext2Setup2.js
+++ b/spug_web/src/pages/deploy/app/Ext2Setup2.js
@@ -27,12 +27,15 @@ class Ext2Setup2 extends React.Component {
             <React.Fragment key={index}>
               <Select
                 value={id}
+                showSearch
                 placeholder="请选择"
+                optionFilterProp="children"
                 style={{width: '80%', marginRight: 10}}
+                filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
                 onChange={v => store.editHost(index, v)}>
                 {hostStore.records.map(item => (
                   <Select.Option key={item.id} value={item.id} disabled={info['host_ids'].includes(item.id)}>
-                    {item.name}({item['hostname']}:{item['port']})
+                    {`${item.name}(${item['hostname']}:${item['port']})`}
                   </Select.Option>
                 ))}
               </Select>
diff --git a/spug_web/src/pages/deploy/app/index.module.css b/spug_web/src/pages/deploy/app/index.module.css
index 44244880..cab68d1e 100644
--- a/spug_web/src/pages/deploy/app/index.module.css
+++ b/spug_web/src/pages/deploy/app/index.module.css
@@ -9,6 +9,10 @@
     top: 4px
 }
 
+.delIcon:hover {
+    color: #f5222d;
+}
+
 .deployBlock {
     height: 100px;
     margin-top: 63px;
diff --git a/spug_web/src/pages/monitor/Form.js b/spug_web/src/pages/monitor/Form.js
index 84c2ca7b..89dc0e33 100644
--- a/spug_web/src/pages/monitor/Form.js
+++ b/spug_web/src/pages/monitor/Form.js
@@ -143,10 +143,17 @@ class ComForm extends React.Component {
               <Input value={addr['2']} placeholder="请输入监控地址（IP/域名）" onChange={e => this.handleAddr('2', e)}/>
             </Form.Item>
             <Form.Item required label="监控主机" style={this.getStyle('34')}>
-              <Select value={addr['3']} placeholder="请选择主机" onChange={v => this.handleAddr('3', v)}>
+              <Select
+                showSearch
+                value={addr['3']}
+                placeholder="请选择主机"
+                optionFilterProp="children"
+                filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
+                onChange={v => this.handleAddr('3', v)}>
                 {hostStore.records.map(item => (
-                  <Select.Option value={String(item.id)}
-                                 key={item.id}>{item.name}({item.hostname}:{item.port})</Select.Option>
+                  <Select.Option value={String(item.id)} key={item.id}>
+                    {`${item.name}(${item.hostname}:${item.port})`}
+                  </Select.Option>
                 ))}
               </Select>
             </Form.Item>
diff --git a/spug_web/src/pages/schedule/Form.js b/spug_web/src/pages/schedule/Form.js
index a45a6b4a..1a206f0d 100644
--- a/spug_web/src/pages/schedule/Form.js
+++ b/spug_web/src/pages/schedule/Form.js
@@ -177,13 +177,16 @@ class ComForm extends React.Component {
                 <React.Fragment key={index}>
                   <Select
                     value={id}
+                    showSearch
                     placeholder="请选择"
-                    style={{width: '60%', marginRight: 10}}
+                    optionFilterProp="children"
+                    style={{width: '80%', marginRight: 10}}
+                    filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
                     onChange={v => store.editTarget(index, v)}>
                     <Select.Option value="local" disabled={store.targets.includes('local')}>本机</Select.Option>
                     {hostStore.records.map(item => (
                       <Select.Option key={item.id} value={item.id} disabled={store.targets.includes(item.id)}>
-                        {item.name}({item['hostname']}:{item['port']})
+                        {`${item.name}(${item['hostname']}:${item['port']})`}
                       </Select.Option>
                     ))}
                   </Select>
diff --git a/spug_web/src/pages/schedule/index.module.css b/spug_web/src/pages/schedule/index.module.css
index 6848873f..30bddd79 100644
--- a/spug_web/src/pages/schedule/index.module.css
+++ b/spug_web/src/pages/schedule/index.module.css
@@ -7,4 +7,8 @@
     font-size: 24px;
     position: relative;
     top: 4px
+}
+
+.delIcon:hover {
+    color: #f5222d;
 }
\ No newline at end of file