fix

src/pages/cms/files/list/addFiles.jsx

@@ -1,55 +1,56 @@
-import { PlusOutlined } from '@ant-design/icons';
+import { PlusOutlined } from "@ant-design/icons";
 import {
   ModalForm,
   ProForm,
   ProFormDateRangePicker,
   ProFormSelect,
   ProFormText,
-} from '@ant-design/pro-components';
-import { Button, Form, message } from 'antd';
+} from "@ant-design/pro-components";
+import { Button, Form, message } from "antd";
+import { getPostsFilesList, savePostsFiles } from "@/services/posts";
+import UploadFile from "@/components/UploadFile";
 
-
-
-export default () => {
+export default ({onsuccess=()=>{}}) => {
   const [form] = Form.useForm();
 
+  const onFinish = async (values) => {
+    console.log(values);
+    // await waitTime(2000);
 
-  const onFinish = ()=>{
-
-  }
+    await savePostsFiles(values);
+    onsuccess()
+    return true;
+  };
 
   return (
     <ModalForm
-      title="新建表单"
-      trigger={
-        <Button type="primary">
-          <PlusOutlined />
-          新建表单
-        </Button>
-      }
+      title="新增文件"
+      trigger={<Button type="primary">新增</Button>}
       form={form}
-      autoFocusFirstInput
+      layout={"horizontal"}
+      labelCol={{ span: 8 }}
+      wrapperCol={{ span: 12 }}
       modalProps={{
         destroyOnClose: true,
-        onCancel: () => console.log('run'),
+        onCancel: () => console.log("run"),
       }}
       submitTimeout={2000}
-      onFinish={async (values) => {
-        await waitTime(2000);
-        console.log(values.name);
-        message.success('提交成功');
-        return true;
-      }}
+      onFinish={onFinish}
     >
-    
-        <ProFormText
-          width="md"
-          name="name"
-          label="文件名称"
-
-          placeholder="请输入名称"
-        />
-
+      <ProFormText
+        width="md"
+        name="fileName"
+        label="文件名称"
+        rules={[{ required: true, message: "请输入文件名称" }]}
+        placeholder="请输入名称"
+      />
+      <ProForm.Item
+        name="fileAddr"
+        label="文件"
+        rules={[{ required: true, message: "请上传文件" }]}
+      >
+        <UploadFile preview={true}></UploadFile>
+      </ProForm.Item>
     </ModalForm>
   );
-};
+};

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

@@ -1,157 +1,68 @@
-import { getPostsList, deletePosts, updatePosts } from "@/services/posts";
+import { getPostsFilesList, deletePostsFiles } from "@/services/posts";
 import { queryTable } from "@/utils/request";
 import { PageContainer, ProTable, ProList } from "@ant-design/pro-components";
 import { useNavigate } from "react-router-dom";
 import { Button, message, Popconfirm } from "antd";
 import { useRef, useState, useEffect } from "react";
 import { floatMultiply, floatDivide } from "@/utils";
-import AddFiles from './addFiles'
+import AddFiles from "./addFiles";
 
 const FilesList = (props) => {
-
   const [showDetail, setShowDetail] = useState(false);
   const [activeKey, setActiveKey] = useState("");
   const actionRef = useRef();
   const navigate = useNavigate();
 
-
-  const updata = (row) => {
-    if (row.id) {
-      updatePosts(row.id, { status: row.status === 1 ? 0 : 1 }).then((res) => {
-        actionRef.current.reload();
-      });
-    }
-  };
-
   const handleDelete = (id) => {
     if (id) {
-      deletePosts(id).then((res) => {
+      deletePostsFiles(id).then((res) => {
         actionRef.current.reload();
       });
     }
   };
 
-  const columns = [
-    {
-      title: "内容名称",
-      dataIndex: "title",
-    },
-
-    {
-      title: "状态",
-      dataIndex: "status",
-      valueType: "select",
-      valueEnum: {
-        0: { text: "未发布", status: "Error" },
-        1: { text: "已发布", status: "Processing" },
-      },
-    },
-    {
-      title: "发布人",
-      dataIndex: "createPerson",
-      search: false,
-    },
-    {
-      title: "操作",
-      valueType: "option",
-      width: 200,
-      render: (_, record) => [
-        <Button
-          key={3}
-          style={{ padding: 0 }}
-          type="link"
-          onClick={() => {
-            updata(record);
-          }}
-        >
-          {record.status === 1 ? "下架" : "发布"}
-        </Button>,
-        <Button
-          key={1}
-          style={{ padding: 0 }}
-          type="link"
-          onClick={() => {
-            navigate(`/cms/emergency-plan/detail?id=${record.id}`);
-          }}
-        >
-          详情
-        </Button>,
-        <Button
-          key={2}
-          style={{ padding: 0 }}
-          type="link"
-          onClick={() => {
-            navigate(`/cms/emergency-plan/edit?id=${record.id}`);
-          }}
-        >
-          修改
-        </Button>,
-        <Popconfirm
-          key={3}
-          title="您是否确认删除 ?"
-          onConfirm={() => handleDelete(record.id)}
-          okText="确定"
-          cancelText="取消"
-        >
-          {/* manualPush */}
-          <Button style={{ padding: 0 }} type="link">
-            删除
-          </Button>
-        </Popconfirm>,
-      ],
-    },
-  ];
-
   return (
     <PageContainer>
       <ProList
         toolBarRender={() => {
           return [
-           <AddFiles />,
+            <AddFiles
+              onsuccess={() => {
+                actionRef.current.reload();
+              }}
+            />,
           ];
         }}
+        actionRef={actionRef}
+        request={queryTable(getPostsFilesList)}
         search={{}}
         rowKey="id"
         // headerTitle="基础列表"
-        pagination={{
-          pageSize: 5,
-        }}
-        showActions="hover"
+        pagination={true}
+        // showActions="hover"
         metas={{
           title: {
             dataIndex: "fileName",
             title: "文件名称",
           },
-          description: {
-            dataIndex: "title",
-            search: false,
-          },
+
           actions: {
             render: (text, row) => [
-              <a
-                href={row.url}
-                target="_blank"
-                rel="noopener noreferrer"
-                key="link"
-              >
-                链路
-              </a>,
-              <a
-                href={row.url}
-                target="_blank"
-                rel="noopener noreferrer"
-                key="warning"
-              >
-                报警
+              <a href={row.fileAddr} download>
+                下载
               </a>,
-              <a
-                href={row.url}
-                target="_blank"
-                rel="noopener noreferrer"
-                key="view"
+              <Popconfirm
+                key={3}
+                title="您是否确认删除 ?"
+                onConfirm={() => handleDelete(row.id)}
+                okText="确定"
+                cancelText="取消"
               >
-                查看
-              </a>,
+                {/* manualPush */}
+                <Button style={{ padding: 0 }} type="link">
+                  删除
+                </Button>
+              </Popconfirm>,
             ],
             search: false,
           },

src/services/posts.js

@@ -7,4 +7,24 @@ import { restful } from "@/utils/request";
 const [getPostsList, getPostsDetail, savePosts, updatePosts, deletePosts] =
   restful("/posts");
 
-export { getPostsList, getPostsDetail, savePosts, updatePosts, deletePosts };
+const [
+  getPostsFilesList,
+  getPostsFilesDetail,
+  savePostsFiles,
+  updatePostsFiles,
+  deletePostsFiles,
+] = restful("/postsFiles");
+
+export {
+  getPostsList,
+  getPostsDetail,
+  savePosts,
+  updatePosts,
+  deletePosts,
+  
+  getPostsFilesList,
+  getPostsFilesDetail,
+  savePostsFiles,
+  updatePostsFiles,
+  deletePostsFiles,
+};

vite.config.js

@@ -9,7 +9,7 @@ export default defineConfig({
     proxy: {
       '/api/': {
         // 要代理的地址
-        target: 'http://192.168.89.147:8087',
+        target: 'http://jgz.njyunzhi.com',
         // 配置了这个可以从 http 代理到 https
         // 依赖 origin 的功能可能需要这个，比如 cookie
         changeOrigin: true,