From 25a9b85a5f2719ad9bfa4d2923e8cd4fb9955dc8 Mon Sep 17 00:00:00 2001
From: vapao <live1989@foxmail.com>
Date: Mon, 19 Oct 2020 16:26:34 +0800
Subject: [PATCH] =?UTF-8?q?U=20=E4=BC=98=E5=8C=96=E8=A7=92=E8=89=B2?=
 =?UTF-8?q?=E5=8F=91=E5=B8=83=E6=9D=83=E9=99=90=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 spug_web/src/pages/system/role/DeployPerm.js | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/spug_web/src/pages/system/role/DeployPerm.js b/spug_web/src/pages/system/role/DeployPerm.js
index fb5da71..fe6382d 100644
--- a/spug_web/src/pages/system/role/DeployPerm.js
+++ b/spug_web/src/pages/system/role/DeployPerm.js
@@ -4,8 +4,8 @@
  * Released under the AGPL-3.0 License.
  */
 import React from 'react';
-import {observer} from 'mobx-react';
-import {Modal, Form, Transfer, message, Tabs, Alert} from 'antd';
+import { observer } from 'mobx-react';
+import { Modal, Form, Transfer, message, Tabs, Alert } from 'antd';
 import http from 'libs/http';
 import envStore from 'pages/config/environment/store';
 import appStore from 'pages/config/app/store';
@@ -48,10 +48,12 @@ class DeployPerm extends React.Component {
   };
 
   handleSubmit = () => {
-    this.setState({loading: true});
     if (lds.get(store.deployRel, 'envs', []).length === 0) {
-      message.error('请至少设置一个环境权限')
+      return message.error('请至少设置一个环境权限')
+    } else if (lds.get(store.deployRel, 'apps', []).length === 0) {
+      return message.error('请至少设置一个应用权限')
     }
+    this.setState({loading: true});
     http.patch('/api/account/role/', {id: store.record.id, deploy_perms: store.deployRel})
       .then(res => {
         message.success('操作成功');
@@ -60,6 +62,11 @@ class DeployPerm extends React.Component {
       }, () => this.setState({loading: false}))
   };
 
+  handleFilter = (inputValue, option) => {
+    const keywords = inputValue.toLowerCase();
+    return `${option.name} - ${option._key}`.toLowerCase().includes(keywords)
+  }
+
   render() {
     return (
       <Modal
@@ -82,10 +89,12 @@ class DeployPerm extends React.Component {
           <Tabs.TabPane tab="环境权限" key="env">
             <Form.Item label="设置可发布至哪个环境">
               <Transfer
+                showSearch
                 listStyle={{width: 280, minHeight: 300}}
                 titles={['所有环境', '已选环境']}
                 dataSource={this.state.envs}
                 targetKeys={store.deployRel.envs}
+                filterOption={this.handleFilter}
                 onChange={keys => store.deployRel.envs = keys}
                 render={item => `${item.name} - ${item._key}`}/>
             </Form.Item>
@@ -93,10 +102,12 @@ class DeployPerm extends React.Component {
           <Tabs.TabPane tab="应用权限" key="app">
             <Form.Item label="设置可发布的应用">
               <Transfer
+                showSearch
                 listStyle={{width: 280, minHeight: 300}}
                 titles={['所有应用', '已选应用']}
                 dataSource={this.state.apps}
                 targetKeys={store.deployRel.apps}
+                filterOption={this.handleFilter}
                 onChange={keys => store.deployRel.apps = keys}
                 render={item => `${item.name} - ${item._key}`}/>
             </Form.Item>