fix

src/components/UploadFileList/index.jsx

@@ -0,0 +1,127 @@
+import React, { useCallback, useState } from "react";
+import { UploadOutlined } from "@ant-design/icons";
+import { Upload, Button, message } from "antd";
+import { uploadFile } from "@/services/rotationChart";
+
+export default (props) => {
+  const { value, onChange, preview, multiple = false, ...inputProps } = props;
+  const [loading, setLoading] = useState(false);
+
+  const onUpload = useCallback(
+    (e) => {
+      const { files } = e.target;
+      if (!files || files.length < 1) return;
+
+      setLoading(true);
+      const data = new FormData();
+      data.append("file", files[0]);
+
+      uploadFile(data)
+        .then((res) => {
+          setLoading(false);
+          if (typeof onChange === "function") {
+            if (multiple) {
+              onChange([...(value || []), { fileAddr: res.url }]);
+            } else {
+              onChange(value);
+            }
+          }
+        })
+        .catch((err) => {
+          setLoading(false);
+          // onError(err);
+        });
+    },
+    [onChange]
+  );
+
+  const onClick = () => {
+    const input = document.createElement("input");
+    input.type = "file";
+    Object.assign(input, inputProps);
+    input.addEventListener("change", onUpload);
+    // input.removeEventListener('change', onUpload);
+    input.click();
+  };
+
+  const uploadProps = {
+    name: "file",
+    fileList:
+      value?.map((x, index) => ({
+        uid: `uid-${index}`,
+        name: x?.url?.substring(x?.url?.lastIndexOf("/") + 1),
+        status: "dome",
+        ...x,
+      })) || [],
+    customRequest: ({ file, onError, onSuccess }) => {
+      const data = new FormData();
+      data.append("file", file);
+      setLoading(true);
+      uploadFile(data)
+        .then((res) => {
+          // setLoading(false);
+          console.log(res, "===---===");
+          onChange([
+            ...(value || []),
+            {
+              url: res.url,
+              name: res?.url?.substring(res?.url?.lastIndexOf("/") + 1),
+            },
+          ]);
+          // onSuccess(res.url);
+        })
+        .catch((err) => {
+          onError(err);
+        });
+
+      return {
+        abort() {
+          console.log("upload progress is aborted.");
+        },
+      };
+    },
+    onRemove: (e) => {
+      console.log(e, value, "123");
+
+      onChange(value.filter((x) => x.url !== e.url));
+    },
+  };
+
+  return (
+    <div>
+      <Upload {...uploadProps}>
+        <Button icon={<UploadOutlined />}>上传文件</Button>
+      </Upload>
+
+      {/* {value &&
+        preview &&
+        (typeof preview === "function" ? (
+          preview(value)
+        ) : multiple ? (
+          value?.map((x) => {
+            return (
+              <div style={{ marginTop: "0.7em" }} key={`${x?.fileAddr}`}>
+                <a
+                  href={`${x?.fileAddr}`}
+                  download
+
+                >
+                  {x?.fileAddr?.substring(x?.fileAddr?.lastIndexOf("/") + 1)}
+                </a>
+              </div>
+            );
+          })
+        ) : (
+          <div style={{ marginTop: "1em" }}>
+            <a
+              href={`${value}`}
+              download
+
+            >
+              {value?.substring(value?.lastIndexOf("/") + 1)}
+            </a>
+          </div>
+        ))} */}
+    </div>
+  );
+};

src/pages/guarantee/edit/index.jsx

@@ -13,6 +13,7 @@ import {
   savetCooperationUnits,
   updatetCooperationUnits,
 } from "@/services/cooperationUnits";
+import UploadFileList from "@/components/UploadFileList";
 
 export default (props) => {
   const [searchParams] = useSearchParams();
@@ -27,35 +28,41 @@ export default (props) => {
           ...res,
           timeRange: [res.startDate, res.endDate],
           orgType: res?.orgType?.split(","),
+          fileList:
+            res?.fileList?.map((x) => ({
+              url: x.fileAddr,
+              name: x.fileName,
+              uid: x.id,
+              ...x,
+            })) || null,
         });
       });
     }
   }, [id]);
 
   const onFinish = async (values) => {
-    console.log(values);
 
-    if (id) {
-      updatetCooperationUnits(id, {
-        ...values,
+    const { timeRange = [], ...otherValues } = values;
 
-        orgType: values.orgType ? values.orgType?.join(",") : null,
-        startDate: values.timeRange ? values.timeRange[0] : null,
-        endDate: values.timeRange ? values.timeRange[1] : null,
-      }).then((res) => {
-        navigate(-1);
-      });
-    } else {
-      savetCooperationUnits({
-        ...values,
+    savetCooperationUnits({
+      ...otherValues,
 
-        orgType: values.orgType ? values.orgType?.join(",") : null,
-        startDate: values.timeRange ? values.timeRange[0] : null,
-        endDate: values.timeRange ? values.timeRange[1] : null,
-      }).then((res) => {
-        navigate(-1);
-      });
-    }
+      orgType: values.orgType ? values.orgType?.join(",") : null,
+      startDate: timeRange[0] ? timeRange[0] : null,
+      endDate: timeRange[1] ? timeRange[1] : null,
+      fileList:
+        values?.fileList?.length > 0
+          ? values?.fileList?.map((x) => ({
+              fileName: x?.name,
+              fileAddr: x?.url,
+              id:x.id||null,
+              orgId:id ? Number(id) : null,
+            }))
+          : null,
+      id: id ? Number(id) : null,
+    }).then((res) => {
+      navigate(-1);
+    });
   };
 
   return (
@@ -84,12 +91,16 @@ export default (props) => {
             },
           }}
         >
-          <ProFormText name="name" label="机构名称" width={460}   rules={[{ required: true, message: '请输入机构名称' }]}/>
+          <ProFormText
+            name="name"
+            label="机构名称"
+            width={460}
+            rules={[{ required: true, message: "请输入机构名称" }]}
+          />
           <ProFormText
             name="businessLicense"
             label="工商注册证号"
             width={460}
-           
           />
           <ProFormText name="hygieneLicense" label="卫生许可证号" width={460} />
 
@@ -145,6 +156,9 @@ export default (props) => {
             label="机构内住宿供应能力(人)"
             width={460}
           />
+          <ProForm.Item name="fileList" label="文件">
+            <UploadFileList preview={true} multiple={true}></UploadFileList>
+          </ProForm.Item>
         </ProForm>
       </Card>
     </PageContainer>