asder

src/components/DraggableDialog/index.jsx

-import { SendOutlined } from "@ant-design/icons";
+/*
+ * @Author: wuhao930406 1148547900@qq.com
+ * @Date: 2023-04-20 10:51:07
+ * @LastEditors: wuhao930406 1148547900@qq.com
+ * @LastEditTime: 2023-08-14 15:17:32
+ * @FilePath: /cs_vsofpm/src/components/DraggableDialog/index.jsx
+ * @Description:
+ *
+ * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
+ */
+import { CloseOutlined, SendOutlined } from "@ant-design/icons";
 import LoadingButton from "@mui/lab/LoadingButton";
 import Button from "@mui/material/Button";
+import IconButton from "@mui/material/IconButton";
+
 import Dialog from "@mui/material/Dialog";
 import DialogActions from "@mui/material/DialogActions";
 import DialogContent from "@mui/material/DialogContent";
@@ -39,7 +51,6 @@ export default function DraggableDialog({
   return (
     <div>
       <Dialog
-        onClose={handleClose}
         PaperComponent={PaperComponent}
         aria-labelledby="draggable-dialog-title"
         TransitionComponent={Transition}
@@ -48,8 +59,19 @@ export default function DraggableDialog({
         {...dialogprops}
         //keepMounted
       >
-        <DialogTitle style={{ cursor: "move" }} id="draggable-dialog-title">
+        <DialogTitle
+          style={{
+            cursor: "move",
+            display: "flex",
+            justifyContent: "space-between",
+          }}
+          id="draggable-dialog-title"
+        >
           {dialogprops?.title}
+
+          <IconButton size="small" onClick={handleClose}>
+            <CloseOutlined></CloseOutlined>
+          </IconButton>
         </DialogTitle>
         <DialogContent>
           {children &&