优化：通知管理列表

src/api/interface/resourceManageType.ts

@@ -220,3 +220,29 @@ export type industryCaseUpdateCase = InterFunction<
 >;
 // 删除业务案例
 export type industryCaseDeleteDetails = InterFunction<{ id: number }, NonNullable<unknown>>;
+//后台——系统消息列表
+export type selectAllSystemMessage = InterListFunction<
+  { id?: number },
+  {
+    id: number;
+    subject: string;
+    content: string;
+    createTime: string;
+    read: boolean;
+  }
+>;
+// 后台发布消息——新增系统消息
+export type insertSystemMessage = InterFunction<
+  {
+    content: string;
+    subject: string;
+  },
+  NonNullable<unknown>
+>;
+// 后台——删除消息
+export type removeMessage = InterFunction<
+  {
+    id: number;
+  },
+  NonNullable<unknown>
+>;

src/api/modules/resourceManageAPI.ts

@@ -19,6 +19,9 @@ import {
   deleteIndustryNewsType,
   deleteRequirementsType,
   backDetailPublishType,
+  selectAllSystemMessage,
+  insertSystemMessage,
+  removeMessage,
 } from '~/api/interface/resourceManageType';
 import axios from '../request';
 
@@ -94,4 +97,16 @@ export class ResourceManageAPI {
   // 删除业务案例
   static industryCaseDeleteDetails: industryCaseDeleteDetails = (params) =>
     axios.get('/release/industry-case/deleteDetails', { params });
+
+  // 后台——系统消息列表
+  static selectAllSystemMessage: selectAllSystemMessage = (params) =>
+    axios.post('/userapp/message/selectAllSystemMessage', params);
+
+  // 后台发布消息——新增系统消息
+  static insertSystemMessage: insertSystemMessage = (params) =>
+    axios.post('/userapp/message/insertSystemMessage', params);
+
+  // 后台——删除消息
+  static removeMessage: removeMessage = (params) =>
+    axios.get('/userapp/message/removeMessage', { params });
 }

src/pages/resourceManage/noticeManage/comp/addEditModal/index.tsx

+import React from 'react';
+import { Form, Input, message, Modal, ModalProps } from 'antd';
+import { InterReqType } from '~/api/interface';
+import { insertSystemMessage } from '~/api/interface/resourceManageType';
+import RichText from '~/components/richText';
+import { ResourceManageAPI } from '~/api';
+
+// 请求的表单类型
+type ReqType = InterReqType<insertSystemMessage>;
+
+const AddEditModalView: React.FC<ModalProps & { data?: any; onCancel: () => void }> = (props) => {
+  // 表单钩子
+  const [form] = Form.useForm<ReqType>();
+  // 点击确认
+  const handleOk = async () => {
+    form
+      .validateFields()
+      .then(async (values) => {
+        // console.log('确认事件 --->', values);
+        await handleSubmit(values);
+      })
+      .catch((err) => {
+        message
+          .warning({
+            content: err.errorFields[0].errors[0],
+          })
+          .then();
+      });
+  };
+  // 提交数据
+  const handleSubmit = async (values: ReqType) => {
+    const res = await ResourceManageAPI.insertSystemMessage(values);
+    if (res && res.code === '200') {
+      message.success('操作成功');
+      handleClose();
+    }
+  };
+  // 关闭弹窗
+  const handleClose = () => {
+    form.resetFields();
+    props.onCancel?.();
+  };
+  return (
+    <Modal {...props} width={680} onOk={handleOk} onCancel={handleClose}>
+      <Form
+        name='Form'
+        form={form}
+        labelAlign='right'
+        labelCol={{ span: 2 }}
+        wrapperCol={{ span: 10 }}
+      >
+        <Form.Item label='标题' name='subject' rules={[{ required: true, message: '请输入标题' }]}>
+          <Input placeholder={'请输入标题'} maxLength={20} allowClear />
+        </Form.Item>
+        <Form.Item
+          label='内容'
+          name='content'
+          rules={[{ required: false, message: '请输入内容' }]}
+          wrapperCol={{ span: 22 }}
+        >
+          <RichText
+            richTextContent={form.getFieldValue('content') || ''}
+            onChange={(e) => form.setFieldValue('content', e)}
+            height={250}
+          />
+        </Form.Item>
+      </Form>
+    </Modal>
+  );
+};
+
+export default AddEditModalView;

src/pages/resourceManage/noticeManage/index.tsx

+import { useEffect, useState } from 'react';
+import SearchBox from '~/components/search-box';
+import { Button, message, Modal, Table } from 'antd';
+import { PlusOutlined } from '@ant-design/icons';
+import { InterListType, PaginationProps } from '~/api/interface';
+import { selectAllSystemMessage } from '~/api/interface/resourceManageType';
+import { ResourceManageAPI } from '~/api';
+import { ColumnsType } from 'antd/es/table';
+import AddEditModalView from './comp/addEditModal';
+
+// 列表类型
+type ListType = InterListType<selectAllSystemMessage>;
+
+const NoticeManageView = () => {
+  // 新增弹窗是否开启
+  const [addEditModalVisible, setAddEditModalVisible] = useState(false);
+  // 表格数据
+  const [tableData, setTableData] = useState<ListType>([]);
+  // 翻页数据
+  const [pagination, setPagination] = useState<PaginationProps & { totalCount: number }>({
+    pageNo: 1,
+    pageSize: 10,
+    totalCount: 0,
+  });
+  // 加载列表
+  const getTableList = async (value = {}) => {
+    // 只需要修改这个地方的接口即可
+    const res = await ResourceManageAPI.selectAllSystemMessage({
+      pageNo: pagination.pageNo,
+      pageSize: pagination.pageSize,
+      ...value,
+    });
+    if (res && res.code === '200') {
+      const { list, pageNo, totalCount, pageSize } = res.result; // 解构
+      setPagination({
+        totalCount,
+        pageNo,
+        pageSize,
+      });
+      setTableData(list);
+    }
+  };
+  // 翻页
+  const paginationChange = (pageNo: number, pageSize: number) => {
+    getTableList({ pageNo, pageSize }).then();
+  };
+  // 删除事件
+  const handleDelete = (record: ListType[0]) => {
+    Modal.confirm({
+      title: '提示',
+      content: '确定删除该通知吗？',
+      onOk: async () => {
+        const res = await ResourceManageAPI.removeMessage({
+          id: record?.id,
+        });
+        if (res && res.code === '200') {
+          message.success('操作成功');
+          paginationChange(pagination.pageNo, pagination.pageSize);
+        }
+      },
+    });
+  };
+  // 组件挂载
+  useEffect(() => {
+    getTableList().then();
+  }, []);
+  // 表格列表
+  const columns: ColumnsType<ListType[0]> = [
+    {
+      title: '序号',
+      dataIndex: 'accountNo',
+      align: 'center',
+      render: (_text, _record, index) => (pagination.pageNo - 1) * pagination.pageSize + index + 1,
+    },
+    {
+      title: '标题',
+      dataIndex: 'subject',
+      align: 'center',
+    },
+    {
+      title: '内容',
+      dataIndex: 'content',
+      align: 'center',
+      render: (text) => text?.replace(/<[^>]*>/g, ''),
+      ellipsis: true,
+      // render: (text) => <div dangerouslySetInnerHTML={{ __html: text }} />,
+    },
+    {
+      title: '发布时间',
+      dataIndex: 'createTime',
+      align: 'center',
+      width: '200px',
+    },
+    {
+      title: '操作',
+      dataIndex: 'action',
+      align: 'center',
+      width: '200px',
+      render: (_text, record) => (
+        <>
+          <Button type={'link'} disabled>
+            编辑
+          </Button>
+          <Button type={'link'} danger onClick={() => handleDelete(record)}>
+            删除
+          </Button>
+        </>
+      ),
+    },
+  ];
+  return (
+    <>
+      <SearchBox
+        preFixBtn={
+          <Button
+            icon={<PlusOutlined />}
+            type={'primary'}
+            onClick={() => setAddEditModalVisible(true)}
+          >
+            新增通知
+          </Button>
+        }
+      />
+      <Table
+        size='small'
+        dataSource={tableData}
+        columns={columns}
+        rowKey='id'
+        // scroll={{ x: 1500 }}
+        bordered
+        pagination={{
+          total: pagination.totalCount,
+          pageSize: pagination.pageSize,
+          current: pagination.pageNo,
+          showSizeChanger: true,
+          showQuickJumper: true,
+          onChange: (page: number, pageSize: number) => paginationChange(page, pageSize),
+          showTotal: (total, range) => `当前 ${range[0]}-${range[1]} 条记录 / 共 ${total} 条数据`,
+        }}
+      />
+      <AddEditModalView
+        title={'新增通知'}
+        open={addEditModalVisible}
+        onCancel={() => {
+          setAddEditModalVisible(false);
+          paginationChange(pagination.pageNo, pagination.pageSize);
+        }}
+      />
+    </>
+  );
+};
+
+export default NoticeManageView;

src/router/router.tsx

@@ -36,6 +36,7 @@ import {
   WechatOutlined,
   UsergroupAddOutlined,
   ContactsOutlined,
+  CommentOutlined,
 } from '@ant-design/icons';
 import { Spin } from 'antd';
 
@@ -170,6 +171,7 @@ import ActivityListDetailView from '~/pages/activityManage/activityList/detail';
 import FlyerTeamView from '~/pages/flyerManage/flyerTeam';
 import CompanyMemberView from '~/pages/systemManage/companyManage/companyMember';
 import CourseCategoryView from '~/pages/pilotTraining/courseCategory';
+import NoticeManageView from '~/pages/resourceManage/noticeManage';
 const AddressManageView = React.lazy(() => import('~/pages/systemManage/addressManage'));
 
 // const IndustryListView = React.lazy(() => import('~/pages/mallManage/industryManage/industryList')); //行业列表
@@ -971,6 +973,16 @@ export const routerList: Array<RouteObjectType> = [
           icon: <AliwangwangOutlined />,
         },
       },
+      {
+        path: '/resourceManage/noticeManage',
+        element: withLoadingComponent(<NoticeManageView />),
+        errorElement: <ErrorPage />,
+        meta: {
+          id: 870,
+          title: '通知管理',
+          icon: <CommentOutlined />,
+        },
+      },
     ],
   },
   {