From 934a5141bd4b5138c955fd284400510b41e07437 Mon Sep 17 00:00:00 2001
From: red-deng-deng <1924913374@qq.com>
Date: Sat, 13 Nov 2021 14:48:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E8=A7=92=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/system/role/add/add.js | 50 +++++++++++++++++++++++---------
 1 file changed, 37 insertions(+), 13 deletions(-)

diff --git a/src/pages/system/role/add/add.js b/src/pages/system/role/add/add.js
index e8cf1aae..2c29ba21 100644
--- a/src/pages/system/role/add/add.js
+++ b/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'}/>
-     
-        {/* <Card style={{ width:'100%',marginTop:'20px'}} title="权限控制" > */}
-        <div className="roleSysytem">
-          <span className="role-label">设置权限</span>
-          <div>
-            <Tree/>
-          </div>
-        </div>
-        {/* </Card> */}
+        <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}) 
+			 }}    
+			  
+			  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/>
+	    </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>