From f97a052b992f557b142f9915488b238a1f3e43d7 Mon Sep 17 00:00:00 2001
From: vapao <live1989@foxmail.com>
Date: Mon, 7 Sep 2020 15:21:10 +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=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 spug_web/src/pages/exec/task/HostSelector.js | 29 +++++++-------------
 1 file changed, 10 insertions(+), 19 deletions(-)

diff --git a/spug_web/src/pages/exec/task/HostSelector.js b/spug_web/src/pages/exec/task/HostSelector.js
index 113ce5b..8dee308 100644
--- a/spug_web/src/pages/exec/task/HostSelector.js
+++ b/spug_web/src/pages/exec/task/HostSelector.js
@@ -5,7 +5,7 @@
  */
 import React from 'react';
 import { observer } from 'mobx-react';
-import { Modal, Table, Input, Button, Select, Checkbox } from 'antd';
+import { Modal, Table, Input, Button, Select } from 'antd';
 import { SearchForm } from 'components';
 import store from '../../host/store';
 
@@ -35,21 +35,6 @@ class HostSelector extends React.Component {
     this.setState({selectedRows});
   };
 
-  handleCheck = (e) => {
-    if (e.target.checked) {
-      let data = store.records;
-      if (store.f_name) {
-        data = data.filter(item => item['name'].toLowerCase().includes(store.f_name.toLowerCase()))
-      }
-      if (store.f_zone) {
-        data = data.filter(item => item['zone'].toLowerCase().includes(store.f_zone.toLowerCase()))
-      }
-      this.setState({selectedRows: data})
-    } else {
-      this.setState({selectedRows: []})
-    }
-  };
-
   handleSubmit = () => {
     this.props.onOk(this.state.selectedRows);
     this.props.onCancel()
@@ -83,6 +68,7 @@ class HostSelector extends React.Component {
     if (store.f_zone) {
       data = data.filter(item => item['zone'].toLowerCase().includes(store.f_zone.toLowerCase()))
     }
+    const dataIds = data.map(x => x.id);
     return (
       <Modal
         visible
@@ -102,8 +88,8 @@ class HostSelector extends React.Component {
           <SearchForm.Item span={8} title="主机别名">
             <Input allowClear value={store.f_name} onChange={e => store.f_name = e.target.value} placeholder="请输入"/>
           </SearchForm.Item>
-          <SearchForm.Item span={4} title="全选">
-            <Checkbox onChange={this.handleCheck}/>
+          <SearchForm.Item span={4} title="已选">
+            {selectedRows.length} 台
           </SearchForm.Item>
           <SearchForm.Item span={4}>
             <Button type="primary" icon="sync" onClick={store.fetchRecords}>刷新</Button>
@@ -113,7 +99,10 @@ class HostSelector extends React.Component {
           rowKey="id"
           rowSelection={{
             selectedRowKeys: selectedRows.map(item => item.id),
-            onChange: (_, selectedRows) => this.setState({selectedRows})
+            onChange: (_, rows) => {
+              let tmp = selectedRows.filter(x => !dataIds.includes(x.id))
+              this.setState({selectedRows: tmp.concat(rows)})
+            }
           }}
           dataSource={data}
           loading={store.isFetching}
@@ -122,6 +111,8 @@ class HostSelector extends React.Component {
               onClick: () => this.handleClick(record)
             }
           }}
+          pagination={false}
+          scroll={{y: 480}}
           columns={this.columns}/>
       </Modal>
     )