角色

src/pages/staff/list/editStaff.jsx

@@ -26,6 +26,7 @@ const Edit = (props) => {
   const userId = props.location.query.userId
   const [userData, setUserData] = useState({})
   const [tagData, setTagData] = useState([])
+  const [roleData, setRoleData] = useState([])
 
   const getTagList = () => {
     request({ ...apis.staff.taTags, params: {pageNum:1,pageSize:999} }).then((data) => {
@@ -33,6 +34,13 @@ const Edit = (props) => {
     })
   }
 
+  const getRoleList = () => {
+    request({ ...apis.role.getRoleList, params: {pageNum:1,pageSize:999} }).then((data) => {
+      console.log(data)
+      setRoleData(data.records)
+    })
+  }
+
   // 查询列表
   const getUserData = (userId) => {
     request({ ...apis.staff.getTaUser, urlData: {id:userId} }).then((data) => {
@@ -43,6 +51,7 @@ const Edit = (props) => {
 
   useEffect(() => {
     getTagList();
+    getRoleList();
     if (userId) {
       getUserData(userId);
     }
@@ -103,6 +112,22 @@ const Edit = (props) => {
       placeholder: '请输入电话号码',
       value: userData.phone,
     },
+    {
+      label: '角色',
+      name: 'roleIds',
+      render: <Select
+                mode="multiple"
+                style={{ width: '100%' }}
+                placeholder="请选择标签"
+                onChange={tagsChange} >
+                  {roleData.map(item => (
+                    <Select.Option key={item.roleId} value={item.roleId}>
+                      {item.roleName}
+                    </Select.Option>
+                  ))}
+              </Select>,
+      value: userData.roleIds,
+    },
     {
       label: '标签',
       name: 'taTags',