合并

src/pages/staff/list/editRole.jsx

@@ -1,12 +1,11 @@
-import React, { useState } from 'react';
-
+import React, { useState, useEffect } from 'react';
 import { Checkbox, Row, Col, Input, Menu, Dropdown, Button, Icon, message, Table, Tooltip, Tabs, Radio, Divider, Tag, DatePicker, Select, Form, Alert, Card } from 'antd';
 import { FormattedMessage } from 'umi-plugin-react/locale';
 import styles from '../../style/GoodsList.less';
 import XForm, { FieldTypes } from '../../../components/XForm';
-import Wangedit from '../../../components/Wangedit/Wangedit'
+import Wangedit from '../../../components/Wangedit/Wangedit';
+import request from '../../../utils/request';
 import channels from './channelList.less';
-
 import Tagss from '../components/Tagss.jsx';
 
 const { TextArea } = Input;
@@ -19,9 +18,24 @@ const { TextArea } = Input;
  * @returns
  */
 const Edit = (props) => {
-
-
-
+  const [data, setData] = useState({ data: [] })
+ // 获取当前所有菜单
+  useEffect(() => {
+    localStorage.removeItem('value');
+    menuList({ pageNum: 1, pageSize: 100 })
+  }, [])
+
+  function menuList(params) {
+    request({
+      url: '/api/admin/menuList',
+      method: 'GET',
+      params: { ...params },
+  // eslint-disable-next-line no-shadow
+  }).then(data => {
+      console.log(data)
+      setData(data)
+  })
+  }
   // const [tab, changeTab] = useState('basic')
 
   const Permission = [
@@ -99,7 +113,7 @@ const Edit = (props) => {
   // }
   // const [Card] = useState('Poster')
 
-  const Poster = (props) => {
+  const Poster = props => {
 
     const dataSource = [
 
@@ -135,10 +149,10 @@ const Edit = (props) => {
 {/* <Checkbox>{Permission[index]}</Checkbox> */}
     return <>
       <div style={{}}>
-
+      {Array.from(data).map(Item =>
+                <Checkbox value={ Item.menuId }> { Item.name } </Checkbox>,
+              )}
         {Permission.map((item, index) => (
-
-
           <Card title={<Checkbox>{Permission[index]}</Checkbox>} bordered={true} style={{ width: '100%' }}>
             
               {dataSource.map((items, indexs) => (