diff --git a/spug_web/src/pages/deploy/request/SelectApp.js b/spug_web/src/pages/deploy/request/SelectApp.js index 73767ab..ebe51f7 100644 --- a/spug_web/src/pages/deploy/request/SelectApp.js +++ b/spug_web/src/pages/deploy/request/SelectApp.js @@ -6,7 +6,7 @@ import React from 'react'; import { Link } from 'react-router-dom'; import { observer } from 'mobx-react'; -import { Modal, Button, Menu, Spin, Icon, Tooltip } from 'antd'; +import { Modal, Button, Menu, Spin, Icon, Input, Tooltip } from 'antd'; import store from './store'; import styles from './index.module.css'; import envStore from 'pages/config/environment/store'; @@ -17,7 +17,8 @@ class SelectApp extends React.Component { constructor(props) { super(props); this.state = { - env_id: 0 + env_id: 0, + search: '' } } @@ -58,7 +59,10 @@ class SelectApp extends React.Component { render() { const {env_id} = this.state; - const records = store.deploys.filter(x => x.env_id === Number(env_id)); + let records = store.deploys.filter(x => x.env_id === Number(env_id)); + if (this.state.search) { + records = records.filter(x => x['app_name'].toLowerCase().includes(this.state.search.toLowerCase())) + } return ( -
{lds.get(envStore.idMap, `${env_id}.name`)}
+
+
{lds.get(envStore.idMap, `${env_id}.name`)}
+ this.setState({search: e.target.value})}/> +
{records.map(item => ( + + + + diff --git a/spug_web/src/pages/deploy/request/index.module.css b/spug_web/src/pages/deploy/request/index.module.css index 7bc5463..3e47ec9 100644 --- a/spug_web/src/pages/deploy/request/index.module.css +++ b/spug_web/src/pages/deploy/request/index.module.css @@ -14,6 +14,9 @@ } .title { + display: flex; + justify-content: space-between; + align-items: center; margin-bottom: 12px; color: rgba(0, 0, 0, .85); font-weight: 500;