提交角色
This commit is contained in:
parent
4b9274fa32
commit
934a5141bd
|
@ -4,35 +4,59 @@ import { Card,Button,Pagination} from 'zent';
|
|||
import "./add.less"
|
||||
import "../../../../assets/comm.css"
|
||||
import Ipt from "../../../../components/input/main"
|
||||
import Form from "../../../../components/form/main"
|
||||
import FormItem from "../../../../components/form-item/main"
|
||||
import Tree from "../tree/tree.js"
|
||||
export default class addrole extends React.Component{
|
||||
constructor(props){
|
||||
super(props)
|
||||
this.state={}
|
||||
this.state={
|
||||
model:{
|
||||
role:'',
|
||||
setrole:[]
|
||||
}
|
||||
}
|
||||
}
|
||||
cancel(){
|
||||
window.history.go(-1)
|
||||
sessionStorage.setItem('pathname2','/system/role-list')
|
||||
}
|
||||
submit(){
|
||||
this.refs.roleform.validator();
|
||||
}
|
||||
render(){
|
||||
const rules = {
|
||||
role: [
|
||||
{ type: "required", message: "请输入角色名"}
|
||||
]
|
||||
}
|
||||
return(
|
||||
<div id="addrole" className="maincenter">
|
||||
<p className="title"></p>
|
||||
<Card style={{ width:'100%' }} title="新建角色">
|
||||
<Ipt value={'几家看看'} rule={{message:'请输入角色名'}} required={true} placeholder={"请输入角色名"} labelWidth={'90px'} maxLength={10} height={'36px'} width={'520px'} labelText={'角色名'} alignment={'left'}/>
|
||||
<Form model={this.state.model} rules={rules} ref="roleform" className="addform">
|
||||
<FormItem labelname="角色名" prop="role" id="role">
|
||||
<Ipt onChange={(e)=>{
|
||||
let model2 = this.state.model;
|
||||
model2.role = e;
|
||||
this.setState({model:model2})
|
||||
}}
|
||||
|
||||
{/* <Card style={{ width:'100%',marginTop:'20px'}} title="权限控制" > */}
|
||||
<div className="roleSysytem">
|
||||
<span className="role-label">设置权限</span>
|
||||
<div>
|
||||
onClearItem={(e)=>{
|
||||
let model2 = this.state.model;
|
||||
model2.role = "";
|
||||
this.setState({model:model2})
|
||||
}}
|
||||
value={this.state.model.role} placeholder={"请输入角色"} labelWidth={'0px'} maxLength={12} height={'36px'} width={'520px'} alignment={'left'}/>
|
||||
</FormItem>
|
||||
<FormItem labelname="设置权限" prop="setrole" id="setrole">
|
||||
<Tree/>
|
||||
</div>
|
||||
</div>
|
||||
{/* </Card> */}
|
||||
</FormItem>
|
||||
</Form>
|
||||
</Card>
|
||||
<p className="btnlist">
|
||||
<Button type="primary">提交</Button>
|
||||
<Button type="normal" onClick={this.cancel}>取消</Button>
|
||||
<Button type="primary" onClick={this.submit.bind(this)}>提交</Button>
|
||||
<Button type="normal" onClick={this.cancel.bind(this)}>取消</Button>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue