update
This commit is contained in:
parent
b837423b6b
commit
c4d7604a8f
|
@ -13,12 +13,16 @@ export default class station extends React.Component{
|
||||||
companyBtn:true,
|
companyBtn:true,
|
||||||
departmentBtn:true,
|
departmentBtn:true,
|
||||||
postBtn:true,
|
postBtn:true,
|
||||||
|
editId:0,
|
||||||
visible: false,
|
visible: false,
|
||||||
company:[{id:1,name:'四川科技有限公司'},{id:2,name:'北京科技有限公司'},{id:3,name:'上海科技有限公司'}],
|
company:[{id:1,name:'四川科技有限公司'},{id:2,name:'北京科技有限公司'},{id:3,name:'上海科技有限公司'}],
|
||||||
department:[{id:1-1,name:'技术部'},{id:2,name:'财务部'},{id:3,name:'行政部'}],
|
department:[{id:1-1,name:'技术部'},{id:2,name:'财务部'},{id:3,name:'行政部'}],
|
||||||
post:[{id:1-1-1,name:'后端'},{id:2,name:'前端'},{id:3,name:'测试'}],
|
post:[{id:1-1-1,name:'后端'},{id:2,name:'前端'},{id:3,name:'测试'}],
|
||||||
}
|
}
|
||||||
this.addItem=this.addItem.bind(this);
|
this.addItem=this.addItem.bind(this);
|
||||||
|
this.changeval= this.changeval.bind(this);
|
||||||
|
this.editFns= this.editFns.bind(this);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
onChange = options => {
|
onChange = options => {
|
||||||
|
@ -149,6 +153,54 @@ export default class station extends React.Component{
|
||||||
delbtnFn(){
|
delbtnFn(){
|
||||||
this.setState({'visible':true});
|
this.setState({'visible':true});
|
||||||
}
|
}
|
||||||
|
editFns(e,key){
|
||||||
|
e.target.parentNode.parentNode.children[0].disabled="";
|
||||||
|
e.target.parentNode.parentNode.children[0].focus();
|
||||||
|
this.setState({editId:key});
|
||||||
|
}
|
||||||
|
changeval(e,row,placeholder){
|
||||||
|
let index=this.hasVal(this.state.company,row);
|
||||||
|
let companydata=_.cloneDeepWith(this.state.company, []);
|
||||||
|
if(index!=-1){
|
||||||
|
companydata[index]['name']=e.target.value;
|
||||||
|
this.setState({company:companydata});
|
||||||
|
console.log(e);
|
||||||
|
if(e.target.value&&e.keyCode==13){
|
||||||
|
let cssname=null;
|
||||||
|
let stationame=[];
|
||||||
|
if(placeholder=='公司'){
|
||||||
|
cssname='companyBtn';
|
||||||
|
stationame=this.state.company
|
||||||
|
}else if(placeholder=='部门'){
|
||||||
|
cssname='departmentBtn';
|
||||||
|
stationame=this.state.department
|
||||||
|
}else if(placeholder=='岗位'){
|
||||||
|
cssname='postBtn';
|
||||||
|
stationame=this.state.post
|
||||||
|
}
|
||||||
|
|
||||||
|
if(this.hasVal(stationame,e.target.value)>-1){
|
||||||
|
Notify.clear()
|
||||||
|
Notify.warn(`${placeholder}已存在,请重新增加`);
|
||||||
|
}else{
|
||||||
|
e.parentNode.children[1].firstChild.innerHTML='删除';
|
||||||
|
e.disabled="disabled";
|
||||||
|
e.parentNode.className=cssname+" newitem";
|
||||||
|
Notify.clear()
|
||||||
|
Notify.success('保存成功');
|
||||||
|
e.parentNode.children[1].lastChild.innerHTML="编辑";
|
||||||
|
if(placeholder=='公司'){
|
||||||
|
this.setState({'companyBtn':true});
|
||||||
|
}else if(placeholder=='部门'){
|
||||||
|
this.setState({'departmentBtn':true});
|
||||||
|
}else if(placeholder=='岗位'){
|
||||||
|
this.setState({'postBtn':true});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
addItem(e,disbtn){
|
addItem(e,disbtn){
|
||||||
//获取节点,追加填入的input
|
//获取节点,追加填入的input
|
||||||
let flag=null;
|
let flag=null;
|
||||||
|
@ -217,9 +269,10 @@ export default class station extends React.Component{
|
||||||
{
|
{
|
||||||
this.state.company.map((item,key)=>{
|
this.state.company.map((item,key)=>{
|
||||||
return(
|
return(
|
||||||
<div className="newitem companyBtn"><input value={item.name}/>
|
<div className="newitem companyBtn"><input value={item.name} onKeyDown={(e)=>this.sureFn(e,'公司')} disabled onChange={(e)=>this.changeval(e,item.name,'公司')}/>
|
||||||
<p><span className="operation
|
<p><span className="operation
|
||||||
" onClick={(e)=>this.saveFn(e,'公司')}>删除</span></p>
|
" onClick={(e)=>this.saveFn(e,'公司')}>删除</span><span className="operation
|
||||||
|
" onClick={(e)=>this.editFns(e,key)} style={{marginLeft:'15px'}}>编辑</span></p>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in New Issue