提交角色

src/pages/system/role/add/add.js

@@ -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">
-        {/* <Card style={{ width:'100%',marginTop:'20px'}} title="权限控制" > */}
+			 <Ipt  onChange={(e)=>{
-        <div className="roleSysytem">
+				 let model2 = this.state.model;
-          <span className="role-label">设置权限</span>
+				 model2.role = e;
-          <div>
+				 this.setState({model:model2}) 
-            <Tree/>
+			 }}    
-          </div>
+			  
-        </div>
+			  onClearItem={(e)=>{
-        {/* </Card> */}
+				  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/>
+	    </FormItem>
+    </Form>
         </Card>
         <p className="btnlist">
-          <Button type="primary">提交</Button>
+          <Button type="primary" onClick={this.submit.bind(this)}>提交</Button>
-          <Button type="normal" onClick={this.cancel}>取消</Button>
+          <Button type="normal" onClick={this.cancel.bind(this)}>取消</Button>
           </p>
 
       </div>