fix

src/components/UploadFile/index.jsx

@@ -1,64 +1,85 @@
-import React, { useCallback, useState } from 'react'
-import { UploadOutlined } from '@ant-design/icons';
-import { Upload, Button } from 'antd';
-import { uploadFile } from '@/services/rotationChart';
+import React, { useCallback, useState } from "react";
+import { UploadOutlined } from "@ant-design/icons";
+import { Upload, Button } from "antd";
+import { uploadFile } from "@/services/rotationChart";
 
 const customRequest = ({ file, onError, onSuccess }) => {
   const data = new FormData();
-  data.append('file', file);
+  data.append("file", file);
 
-  uploadFile(data).then((res) => {
-    onSuccess(res.url)
-  }).catch((err) => {
-    onError(err);
-  })
+  uploadFile(data)
+    .then((res) => {
+      onSuccess(res.url);
+    })
+    .catch((err) => {
+      onError(err);
+    });
 
   return {
     abort() {
-      console.log('upload progress is aborted.');
+      console.log("upload progress is aborted.");
     },
   };
-}
+};
 
 export default (props) => {
   const { value, onChange, preview, ...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]);
+  const onUpload = useCallback(
+    (e) => {
+      const { files } = e.target;
+      if (!files || files.length < 1) return;
 
-    uploadFile(data).then((res) => {
-      setLoading(false);
-      if (typeof onChange === 'function') {
-        onChange(res.url)
-      }
-    }).catch((err) => {
-      setLoading(false);
-      // onError(err);
-    })
+      setLoading(true);
+      const data = new FormData();
+      data.append("file", files[0]);
 
-  }, [onChange])
+      uploadFile(data)
+        .then((res) => {
+          setLoading(false);
+          if (typeof onChange === "function") {
+            onChange(res.url);
+          }
+        })
+        .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);
+    const input = document.createElement("input");
+    input.type = "file";
+    Object.assign(input, inputProps);
+    input.addEventListener("change", onUpload);
     // input.removeEventListener('change', onUpload);
     input.click();
-  }
+  };
 
   return (
     <div>
-      <Button icon={<UploadOutlined />} onClick={onClick}>上传文件</Button>
-      {
-        value && typeof preview === 'function' && preview(value)
-      }
+      <Button icon={<UploadOutlined />} onClick={onClick}>
+        上传文件
+      </Button>
+      {value &&
+        preview &&
+        (typeof preview === "function" ? (
+          preview(value)
+        ) : (
+          <div style={{ marginTop: "1em" }}>
+            <a
+              href={`${value}`}
+              download
+              // rel="noopener noreferrer"
+              // key="link"
+            >
+              {value?.substring(value?.lastIndexOf("/") + 1)}
+            </a>
+          </div>
+        ))}
     </div>
-  )
-}
+  );
+};

src/components/Wangeditor/index.jsx

@@ -2,6 +2,9 @@ import React, { useState, useEffect } from "react";
 import "@wangeditor/editor/dist/css/style.css";
 import { Editor, Toolbar } from "@wangeditor/editor-for-react";
 
+// 工具栏配置参考
+// https://www.cnblogs.com/-roc/p/16400965.html
+
 function MyEditor(props) {
   const {
     value,
@@ -10,11 +13,9 @@ function MyEditor(props) {
     },
     toolbarConfig = {
       excludeKeys: [
-        "insertImage",
-        "viewImageLink",
-        "editImage",
-        "uploadImage",
-        "uploadVideo",
+
+        "group-image",
+        "group-video",
       ],
     },
     editorConfig = {
@@ -27,7 +28,10 @@ function MyEditor(props) {
   console.log(props, "MyEditor");
   // 模拟 ajax 请求，异步设置 html
   useEffect(() => {
-    console.log(editor     );
+    if(editor){
+      console.log(editor,editor.getConfig(),editor.getAllMenuKeys(),editor.getMenuConfig('image')) ;
+    }
+   
 
     setHtml(value);
   }, [value]);

src/pages/cms/emergencyPlan/detail/index.jsx

@@ -15,6 +15,7 @@ export default (props) => {
   const [searchParams] = useSearchParams();
   const id = searchParams.get("id");
   const [data, setData] = useState({});
+  const [url, setUrl] = useState("");
   const navigate = useNavigate();
 
   const formRef = useRef();
@@ -23,16 +24,29 @@ export default (props) => {
     if (id) {
       getPostsDetail(id).then((res) => {
         setData(res);
+        setUrl(res.filesList[0]?.fileAddr);
       });
     }
   }, [id]);
 
   return (
-    <Card extra={<Button onClick={()=>navigate(-1)}> 返回</Button>}>
+    <Card extra={<Button onClick={() => navigate(-1)}> 返回</Button>}>
       <Title level={2} style={{ marginBottom: "2em" }}>
         {data.title}
       </Title>
       <div dangerouslySetInnerHTML={{ __html: data?.detail }}></div>
+      {url && (
+        <div style={{marginTop:"2em"}}>
+          <a
+            href={`${url}`}
+            download
+            // rel="noopener noreferrer"
+            // key="link"
+          >
+            {url?.substring(url?.lastIndexOf("/") + 1)}
+          </a>
+        </div>
+      )}
     </Card>
   );
 };

src/pages/cms/emergencyPlan/edit/index.jsx

@@ -19,21 +19,14 @@ export default (props) => {
   const navigate = useNavigate();
 
   const formRef = useRef();
-  // useEffect(() => {
-  //   getStoreList({ isDish: 1, pageSize: 9999 }).then((res) => {
-  //     setFoodDict(
-  //       res?.records?.map((x) => ({
-  //         label: x.name,
-  //         value: x.id,
-  //       }))
-  //     );
-  //   });
-  // }, [id]);
 
   useEffect(() => {
     if (id) {
       getPostsDetail(id).then((res) => {
-        formRef.current.setFieldsValue(res);
+        formRef.current.setFieldsValue({
+          ...res,
+          filesList: res.filesList?.map((x) => x.fileAddr)[0]||null,
+        });
       });
     }
   }, [id]);
@@ -41,17 +34,31 @@ export default (props) => {
   const onFinish = async (values) => {
     console.log(values, "===");
 
-    if (id) {
-      updatePosts(id, { ...values, status: Number(values.status) }).then(
-        (res) => {
-          navigate(-1);
-        }
-      );
-    } else {
-      savePosts({ ...values, status: Number(values.status) }).then((res) => {
-        navigate(-1);
-      });
-    }
+    // if (id) {
+    //   updatePosts(id, { ...values, status: Number(values.status) }).then(
+    //     (res) => {
+    //       navigate(-1);
+    //     }
+    //   );
+    // } else {
+    savePosts({
+      ...values,
+      filesList: values.filesList
+        ? [
+            {
+              fileAddr: values.filesList,
+              fileName: values.filesList?.substring(
+                values.filesList?.lastIndexOf("/") + 1
+              ),
+            },
+          ]
+        : null,
+      status: Number(values.status),
+      ...(id?{id}:{}),
+    }).then((res) => {
+      navigate(-1);
+    });
+    // }
 
     return false;
   };
@@ -98,28 +105,8 @@ export default (props) => {
           >
             <Wangeditor></Wangeditor>
           </ProForm.Item>
-          <ProForm.Item
-            name="file"
-            label="文件"
-   
-           
-          >
-            <UploadFile
-              preview={(value) => {
-                return (
-                  <div style={{ marginTop: "2em" }}>
-                    <a
-                      href={value}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      key="link"
-                    >
-                      {value}
-                    </a>
-                  </div>
-                );
-              }}
-            ></UploadFile>
+          <ProForm.Item name="filesList" label="文件">
+            <UploadFile preview={true}></UploadFile>
           </ProForm.Item>
 
           <ProFormSelect

src/pages/cms/emergencyPlan/list/index.jsx

@@ -64,7 +64,7 @@ const EmergencyPlanList = (props) => {
       width: 200,
       render: (_, record) => [
         <Button
-          key={3}
+          key={4}
           style={{ padding: 0 }}
           type="link"
           onClick={() => {