Browse Source

【bug】数据连接-清空不能清空密码

zhuth 6 years ago
parent
commit
5a50b35974
1 changed files with 20 additions and 2 deletions
  1. 20 2
      src/components/dataSourceDetail/dataConnectBox.jsx

+ 20 - 2
src/components/dataSourceDetail/dataConnectBox.jsx

@@ -7,6 +7,13 @@ const SelectOption = Select.Option
 
 class DataConnectBox extends React.Component {
 
+    constructor(props) {
+        super(props);
+        this.state = {
+            password: ''
+        }
+    }
+
     hideBox() {
         const { dispatch } = this.props;
         dispatch({ type: 'dataConnect/setNewModelField', name: 'visibleBox', value: false });
@@ -36,6 +43,7 @@ class DataConnectBox extends React.Component {
 
     render() {
         const { dispatch, dataConnect } = this.props;
+        const { password } = this.state;
         const operation = dataConnect.newOne.boxOperation;
         const disabled = operation === 'view';
 
@@ -68,7 +76,12 @@ class DataConnectBox extends React.Component {
                                 {/* <Button disabled={dataConnect.newOne.validating || dataConnect.newOne.saving} onClick={() => dispatch({ type:'dataConnect/remoteValidate'})}>
                                 {dataConnect.newOne.validating ? (<Icon type='loading' />) : ''}{dataConnect.newOne.validating ? '测试中' : '测试'}
                                 </Button> */}
-                                <Button type='danger' disabled={dataConnect.newOne.validating || dataConnect.newOne.saving} onClick={() => dispatch({ type:'dataConnect/resetNewModel'})}>清空</Button>
+                                <Button type='danger' disabled={dataConnect.newOne.validating || dataConnect.newOne.saving} onClick={() => {
+                                    dispatch({ type:'dataConnect/resetNewModel'});
+                                    this.setState({
+                                        password: '',
+                                    });
+                                }}>清空</Button>
                                 <Button onClick={() => {this.hideBox()}}>取 消</Button>
                                 <Button className={dataConnect.newOne.validating ? 'ant-btn-loading' : ''} type="primary" disabled={dataConnect.newOne.validating || dataConnect.newOne.saving || !this.checkValid()} onClick={() => {this.okHandler()}}>
                                     {dataConnect.newOne.saving ? (<Icon type='loading' />) : ''}
@@ -200,8 +213,13 @@ class DataConnectBox extends React.Component {
                                     disabled={disabled}
                                     className='password'
                                     type='password'
-                                    // value={dataConnect.newOne.password}
+                                    value={password}
                                     onChange={(e) => {
+                                        this.setState({
+                                            password: e.target.value
+                                        });
+                                    }}
+                                    onBlur={(e) => {
                                         dispatch({ type: 'dataConnect/setNewModelField', name: 'password', value: e.target.value });
                                     }}
                                 />