diff --git a/src/routes/Forms/TableForm.js b/src/routes/Forms/TableForm.js
index 1f73e3bfcc5437d77403493d1ed5b678d3616870..a8b18c6f03782dafb060cf2ca4e98d4585327086 100644
--- a/src/routes/Forms/TableForm.js
+++ b/src/routes/Forms/TableForm.js
@@ -72,12 +72,7 @@ export default class TableForm extends PureComponent {
this.setState({
loading: true,
});
- // save field when blur input
setTimeout(() => {
- if (document.activeElement.tagName === 'INPUT' &&
- document.activeElement !== e.target) {
- return;
- }
if (this.clickedCancel) {
this.clickedCancel = false;
return;
@@ -110,6 +105,7 @@ export default class TableForm extends PureComponent {
delete this.cacheOriginData[key];
}
this.setState({ data: newData });
+ this.clickedCancel = false;
}
render() {
const columns = [{
@@ -124,7 +120,6 @@ export default class TableForm extends PureComponent {
value={text}
autoFocus
onChange={e => this.handleFieldChange(e, 'name', record.key)}
- onBlur={e => this.saveRow(e, record.key)}
onKeyPress={e => this.handleKeyPress(e, record.key)}
placeholder="成员姓名"
/>
@@ -143,7 +138,6 @@ export default class TableForm extends PureComponent {
this.handleFieldChange(e, 'workId', record.key)}
- onBlur={e => this.saveRow(e, record.key)}
onKeyPress={e => this.handleKeyPress(e, record.key)}
placeholder="工号"
/>
@@ -162,7 +156,6 @@ export default class TableForm extends PureComponent {
this.handleFieldChange(e, 'department', record.key)}
- onBlur={e => this.saveRow(e, record.key)}
onKeyPress={e => this.handleKeyPress(e, record.key)}
placeholder="所属部门"
/>
@@ -181,7 +174,7 @@ export default class TableForm extends PureComponent {
if (record.isNew) {
return (
- 保存
+ this.saveRow(e, record.key)}>添加
this.remove(record.key)}>
删除
@@ -191,7 +184,7 @@ export default class TableForm extends PureComponent {
}
return (
- 保存
+ this.saveRow(e, record.key)}>保存
this.cancel(e, record.key)}>取消