|  |  | 
 |  |  | import Http from '@/utils/http'; | 
 |  |  |  | 
 |  |  | const AssignRole = (props) => { | 
 |  |  |     const intl = useIntl(); | 
 |  |  |     const [form] = Form.useForm(); | 
 |  |  |     const { } = props; | 
 |  |  |  | 
 |  |  | 
 |  |  |     return ( | 
 |  |  |         <> | 
 |  |  |             <Modal | 
 |  |  |                 title="Assign Role" | 
 |  |  |                 title={intl.formatMessage({ id: "page.assign.role", defaultMessage: "分配角色" })} | 
 |  |  |                 width={600} | 
 |  |  |                 forceRender | 
 |  |  |                 destroyOnClose | 
 |  |  | 
 |  |  |                     <ProFormSelect | 
 |  |  |                         name="roleIds" | 
 |  |  |                         mode="multiple" | 
 |  |  |                         label="角色" | 
 |  |  |                         label={intl.formatMessage({ id: "system.role", defaultMessage: "角色" })} | 
 |  |  |                         colProps={{ md: 24, xl: 24 }} | 
 |  |  |                         placeholder="请选择" | 
 |  |  |                         rules={[{ required: true, type: 'array', message: '角色不能为空!' }]} | 
 |  |  |                         request={async ({ keyWords }) => { | 
 |  |  |                             const resp = await Http.doPostForm('api/role/query', { condition: keyWords }); |