From 1951b45814c8522c54d80caf5957e6f78388a5e0 Mon Sep 17 00:00:00 2001
From: vapao <live1989@foxmail.com>
Date: Sun, 19 Apr 2020 21:18:22 +0800
Subject: [PATCH] =?UTF-8?q?A=20=E4=B8=BB=E6=9C=BA=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=85=A8=E9=80=89/=E5=8F=8D=E9=80=89?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 spug_web/src/pages/exec/task/HostSelector.js | 25 ++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/spug_web/src/pages/exec/task/HostSelector.js b/spug_web/src/pages/exec/task/HostSelector.js
index 84f9a21..eb9c2eb 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 } from 'antd';
+import { Modal, Table, Input, Button, Select, Checkbox } from 'antd';
 import { SearchForm } from 'components';
 import store from '../../host/store';
 
@@ -13,7 +13,6 @@ import store from '../../host/store';
 class HostSelector extends React.Component {
   constructor(props) {
     super(props);
-
     this.state = {
       selectedRows: []
     }
@@ -36,6 +35,21 @@ 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()
@@ -71,7 +85,7 @@ class HostSelector extends React.Component {
     return (
       <Modal
         visible
-        width={800}
+        width={1000}
         title="选择执行主机"
         onCancel={this.props.onCancel}
         onOk={this.handleSubmit}
@@ -87,7 +101,10 @@ 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={8}>
+          <SearchForm.Item span={4} title="全选">
+            <Checkbox onChange={this.handleCheck}/>
+          </SearchForm.Item>
+          <SearchForm.Item span={4}>
             <Button type="primary" icon="sync" onClick={store.fetchRecords}>刷新</Button>
           </SearchForm.Item>
         </SearchForm>