flat: 暂存

src/pages/Jobfair/List/edit.tsx

@@ -1,4 +1,4 @@
-import {useEffect} from 'react'
+import {useEffect, useCallback, useState} from 'react'
 import {
   ModalForm,
   ProForm,
@@ -6,11 +6,14 @@ import {
   ProFormText,
   ProFormDigit,
   ProFormRadio,
-  ProFormDateRangePicker
+  ProFormDateRangePicker,
+  ProFormList,
+  ProFormSelect,
 } from '@ant-design/pro-components';
 import { Button, Form, message } from 'antd';
 import {DictOptionType, DictValueEnumObj} from "@/components/DictTag";
 import { useIntl, FormattedMessage } from '@umijs/max';
+import {getCmsCompanyList} from "@/services/company/list";
 
 export type ListFormProps = {
   onCancel: (flag?: boolean, formVals?: unknown) => void;
@@ -32,9 +35,12 @@ const listEdit: React.FC<ListFormProps> = (props) => {
   const intl = useIntl();
   const { jobFairType } = props;
 
+  const [companyOptions, setCompanyOptions] = useState([])
+
   useEffect(() => {
     form.resetFields();
     if(props.values) {
+      console.log(props.values)
       form.setFieldsValue({
         ...props.values,
         createTimeRanger: [props.values.startTime, props.values.endTime],
@@ -43,6 +49,21 @@ const listEdit: React.FC<ListFormProps> = (props) => {
   }, [form, props]);
 
 
+  const handleChange =(_: string, value: any) => {
+    const ls = form.getFieldsValue().companyList.map((item: any) => {
+      if(value.value === item.companyId) {
+        return {
+          ...item,
+          companyName: value.title
+        }
+      }
+      return item;
+    })
+    form.setFieldValue('companyList', ls)
+    console.log(ls)
+  }
+
+
   const handleCancel = () => {
     props.onCancel();
     form.resetFields();
@@ -114,6 +135,42 @@ const listEdit: React.FC<ListFormProps> = (props) => {
           placeholder="请输入招聘会地点"
         />
       </ProForm.Group>
+      <ProFormList
+        name="companyList"
+        creatorButtonProps={{
+          position: 'bottom',
+          creatorButtonText: '新建一行',
+        }}
+        copyIconProps={{
+          tooltipText: '复制此行到末尾',
+        }}
+        deleteIconProps={{
+          tooltipText: '移除本行',
+        }}
+      >
+        <ProForm.Group>
+          <ProFormSelect
+            key="companyId"
+            showSearch
+            width="md"
+            name="companyId"
+            onChange={handleChange}
+            request={async ({keyWords}) => {
+              let resData = await getCmsCompanyList({ name: keyWords })
+              return resData.rows.map((item) => ({ label: item.name, value: item.companyId}))
+            }}
+            placeholder="请输入公司名称选择公司"
+            rules={[{ required: true, message: '请输入公司名称选择公司!' }]}
+            label="招聘会公司列表"
+          />
+          <ProFormText
+            width="md"
+            name="companyName"
+            label=" "
+            hidden={true}
+          />
+        </ProForm.Group>
+      </ProFormList>
     </ModalForm>
   );
 };