+
+
+
+ <>
+
+
+
+
+
+
+
+
+ 状态
+
+
+
+
+
+
+ {noticeInfo}
+
+ <>
+ {contextHolder}
+
+ `第 ${range[0]}-${range[1]} 条，共 ${total} 条`,
+ }}
+ />
+
+
+
+
+
+ );
+}
diff --git a/src/view/system/notice/publish/index.scss b/src/view/system/notice/publish/index.scss
new file mode 100644
index 0000000..6b4f8f6
--- /dev/null
+++ b/src/view/system/notice/publish/index.scss
@@ -0,0 +1,61 @@
+.Box{
+ width: 100%;
+ height: 100%;
+ background-color: white;
+ padding: 15px;
+ .tablebox{
+ table{
+ thead{
+ th::before{
+
+ }
+ tr{
+ .ant-table-cell{
+ background: white;
+ color:#909399
+ }
+
+ }
+ }
+ tbody{
+ tr{
+ .ant-table-cell{
+ background: white;
+ color:#606266
+ }
+
+ }
+ }
+ }
+ .ant-table-cell{
+ button:focus
+ {
+ outline: none;
+ }
+ button:hover
+ {
+ border: 0px rgb(250, 250, 250);
+ }
+ }
+ }
+ .newadd{
+ width: 60px;
+ height: 40px;
+ margin-top: 15px;
+ }
+
+}
+.myTree{
+ margin-top: 10px;
+ border: 1px solid rgb(173, 131, 131);
+ width: 250px;
+}
+.checkBox{
+ margin-top: 5px;
+ width: 250px;
+ display: flex;
+ label{
+ height: 20px;
+ margin-right: 10px;
+ }
+}
\ No newline at end of file
diff --git a/src/view/system/notice/publish/index.tsx b/src/view/system/notice/publish/index.tsx
index 7ff0463..ab08868 100644
--- a/src/view/system/notice/publish/index.tsx
+++ b/src/view/system/notice/publish/index.tsx
@@ -1,5 +1,790 @@
+import { useState, useEffect } from "react";
+import {
+ Button,
+ Input,
+ Select,
+ message,
+ Table,
+ Tag,
+ Modal,
+ Pagination,
+ Form,
+ Radio,
+ ConfigProvider,
+ Row,
+ Col,
+ TreeSelect,
+} from "antd";
+import type { ColumnsType } from "antd/es/table";
+import {
+ SyncOutlined,
+ SearchOutlined,
+ ExclamationCircleFilled,
+} from "@ant-design/icons";
+import zh_CN from "antd/es/locale/zh_CN";
+import "dayjs/locale/zh-cn";
+import "./index.scss";
+import {
+ getDataListAPI,
+ getUserListAPI,
+ getRolesListAPI,
+ getDeptsListAPI,
+ addDataAPI,
+ deleteDataAPI,
+ getDataAPI,
+} from "../../../../api/system/publish";
+
+interface searchValueType {
+ dateTime: string[] | undefined;
+ roleName: string | undefined;
+ roleKey: string | undefined;
+ state: string | undefined;
+ startTime: string | undefined;
+ endTime: string | undefined;
+}
+
+//表格单项数据类型
+interface TableDataType {
+ createTime: string;
+ dataScope: string;
+ deptIds: any[];
+ menuIds: any[];
+ roleId: number;
+ roleKey: string;
+ roleName: string;
+ roleSort: string;
+ state: string;
+ updateTime: string;
+ key?: number;
+ total?: number;
+}
+
+//当前选择的角色信息
+interface queryParamsType {
+ cluster?: string;
+ contentType?: string;
+ noticeTitle?: string;
+ noticeType?: string;
+ publishId?: number;
+ sendType?: string;
+ pageNum?: number;
+ pageSize?: number;
+}
+let thisrole: any = {};
export default function Inform() {
- return(
-
+
+
+
+ ),
+ },
+ ];
+
+ interface QueryParamsType {
+ postName?: string;
+ postCode?: string;
+ state?: string;
+ postSort?: string;
+ postId?: string;
+ pageSize?: number;
+ pageNum?: number;
+ }
+
+ const getPostList = async (newQueryParams: object) => {
+ try {
+ const { code, data } = await getPostListApi(newQueryParams);
+ if (code === 1000) {
+ setListData(data.rows);
+ }
+ } catch (err) {
+ console.error(err);
+ }
+ };
+
+ const handleAdd = () => {
+ setModalTitle("新增用户");
+ setButtonType("ADD");
+ setIsShowModal(true);
+ };
+
+ const handleEdit = (data: any) => {
+ setModalTitle("修改用户");
+ setButtonType("EDIT");
+ setIsShowModal(true);
+ console.log(data);
+ setEchoData({
+ postId: data.postId,
+ });
+ handleEcho(data);
+ };
+
+ const handleConfirm = () => {
+ form.validateFields().then((values) => {
+ console.log(values);
+ console.log(buttonType);
+
+ if (buttonType === "ADD") {
+ handleConfirmAdd(values);
+ } else if (buttonType === "EDIT") {
+ handleConfirmEdit(values);
+ } else {
+ messageApi.open({
+ type: "error",
+ content: "系统异常，请刷新后重试",
+ });
+ }
+ });
+ };
+
+ const handleConfirmAdd = async (data: object) => {
+ console.log(data);
+ const { code } = await addPostApi(data);
+ try {
+ if (code === 1000) {
+ messageApi.open({
+ type: "success",
+ content: "创建成功",
+ });
+ setQueryParams({});
+ handleClear();
+ } else {
+ messageApi.open({
+ type: "error",
+ content: "岗位名称已经存在",
+ });
+ }
+ } catch (err) {
+ console.log(err);
+ }
+ };
+
+ const handleConfirmEdit = async (data: object) => {
+ const editData = {
+ ...data,
+ postId: echoData.postId,
+ };
+ console.log(editData);
+ const { code } = await editPostApi(editData);
+ try {
+ if (code === 1000) {
+ messageApi.open({
+ type: "success",
+ content: "修改成功",
+ });
+ setQueryParams({});
+ handleClear();
+ } else {
+ messageApi.open({
+ type: "error",
+ content: "修改失败",
+ });
+ }
+ } catch (err) {
+ console.log(err);
+ }
+ };
+
+ const handleReset = async () => {
+ setQueryParams({});
+ getPostList({});
+ };
+
+ const handleSearch = () => {
+ getPostList(queryParams);
+ };
+
+ const handleDel = async (record: any) => {
+ Modal.confirm({
+ title: `确定删除Id为-${record.postId}-, 岗位名称为-${record.postName}-的岗位吗?`,
+ icon:
+ <>
+
+
+ <>
+
+
+
+
+
+ 岗位名称
+
+
+
+ 岗位编码
+
+
+
+ 状态
+
+
+
+
+
+
+
+
+
+
+ <>
+
+
+
+
+ <>
+ {contextHolder}
+
+ `第 ${range[0]}-${range[1]} 条，共 ${total} 条`,
+ }}
+ />
+
+
+ <>
+ {contextHolder}
+
user
- )
-}
\ No newline at end of file
+ const postIdList: number[] = [];
+ const [form] = Form.useForm();
+ const [searchForm] = Form.useForm();
+ const [echoId, setEchoId] = useState
+
+
+
+ ),
+ },
+ ];
+
+ interface AddUserType {
+ email: string;
+ nickName: string;
+ password: string;
+ phoneNumber: string;
+ postIds: number[];
+ roleIds: number[];
+ sex: string;
+ state: string;
+ userName: string;
+ }
+
+ interface QueryParamsType {
+ deptId?: number;
+ userName?: string;
+ phoneNumber?: string;
+ state?: string;
+ startTime?: string | any;
+ endTime?: string | any;
+ pageNum?: number;
+ pageSize?: number;
+ }
+
+ let addUserParams: AddUserType = {
+ email: "",
+ nickName: "",
+ password: "",
+ phoneNumber: "",
+ postIds: [],
+ roleIds: [],
+ sex: "",
+ state: "",
+ userName: "",
+ };
+
+ const getDeptTreeData = async () => {
+ try {
+ const { code, data } = await getDeptTreeApi();
+ if (code === 1000) {
+ setMyTreeData(data);
+ handleLoopPostList(data);
+ setExpandedKeys(postIdList);
+ }
+ } catch (error) {
+ console.error(error);
+ }
+ };
+
+ const getUserList = async (newQueryParams: object) => {
+ try {
+ const { code, data } = await getUserListApi(newQueryParams);
+ if (code === 1000) {
+ setListData(data.rows);
+ }
+ } catch (err) {
+ console.error(err);
+ }
+ };
+
+ const getUserInfo = async () => {
+ try {
+ const { code, data } = await getUserInfoApi(echoId);
+ if (code === 1000) {
+ handleEcho(data);
+ }
+ } catch (error) {
+ console.error(error);
+ }
+ };
+
+ const getRoleList = async () => {
+ try {
+ const { code, data } = await getRoleListApi();
+ if (code === 1000) {
+ setRoleList(data.rows);
+ }
+ } catch (err) {
+ console.log(err);
+ }
+ };
+
+ const handleAdd = () => {
+ setModalTitle("新增用户");
+ setButtonType("ADD");
+ setIsShowModal(true);
+ };
+
+ const handleEdit = (echoData: any) => {
+ setModalTitle("修改用户");
+ setButtonType("EDIT");
+ setIsShowModal(true);
+ setEchoId(echoData.userId);
+ };
+
+ const handleConfirm = () => {
+ form.validateFields().then((values) => {
+ Object.keys(values).forEach(
+ (key) => values[key] === undefined && delete values[key]
+ );
+ addUserParams = {
+ ...addUserParams,
+ ...values,
+ userId: echoId,
+ };
+ if (buttonType === "ADD") {
+ handleAddUser();
+ } else if (buttonType === "EDIT") {
+ handleEditUser();
+ } else {
+ messageApi.open({
+ type: "error",
+ content: "系统异常，请刷新后重试",
+ });
+ }
+ });
+ };
+
+ const handleAddUser = async () => {
+ const { code } = await addUserApi(addUserParams);
+ try {
+ if (code === 1000) {
+ messageApi.open({
+ type: "success",
+ content: "创建成功",
+ });
+ setQueryParams({});
+ handleClear();
+ } else {
+ messageApi.open({
+ type: "error",
+ content: "用户名已经存在",
+ });
+ }
+ } catch (err) {
+ console.log(err);
+ }
+ };
+
+ const handleEditUser = async () => {
+ const { code } = await editUserApi(addUserParams);
+ try {
+ if (code === 1000) {
+ messageApi.open({
+ type: "success",
+ content: "修改成功",
+ });
+ setQueryParams({});
+ handleClear();
+ } else {
+ messageApi.open({
+ type: "error",
+ content: "修改失败",
+ });
+ }
+ } catch (err) {
+ console.log(err);
+ }
+ };
+
+ const handleReset = async () => {
+ searchForm.resetFields();
+ setQueryParams({});
+ getUserList({});
+ };
+
+ const handleSearch = () => {
+ getUserList(queryParams);
+ };
+
+ const handleDel = async (record: any) => {
+ Modal.confirm({
+ title: `确定删除Id为-${record.userId}-, 用户名为-${record.userName}-的用户吗?`,
+ icon:
+
+ }
+ placeholder="请输入部门名称"
+ onChange={onTreeSearch}
+ />
+
+ <>
+
+
+
+
+ <>
+
+
+
+
+ <>
+ {contextHolder}
+
+ `第 ${range[0]}-${range[1]} 条，共 ${total} 条`,
+ }}
+ />
+
+
+ <>
+ {contextHolder}
+