feat: 点击遮罩关闭

src/views/Project/ProjectData/UpLoaderFile/index.module.css

@@ -6,6 +6,7 @@
 .uploderBoxLeft {
 	width: 300px;
 }
+
 .dropTitle {
 	line-height: 22px;
 	font-size: 14px;
@@ -14,6 +15,7 @@
 	font-weight: 600;
 }
 .dropBox {
+	cursor: pointer;
 	height: 300px;
 	display: flex;
 	flex-direction: column;
@@ -22,6 +24,9 @@
 	border: 1px dashed #d1d6de;
 	border-radius: 4px;
 }
+.dropBox:hover {
+	background-color: #f7f8fa;
+}
 .dropBoxDragActive {
 	background-color: #f7f8fa;
 }
@@ -54,12 +59,12 @@
 	justify-content: flex-start;
 	align-items: center;
 }
-.fileIconBoxText{
+.fileIconBoxText {
 	display: block;
 	width: 260px;
 	overflow: hidden;
 	text-overflow: ellipsis;
-  -o-text-overflow:ellipsis;
+	-o-text-overflow: ellipsis;
 	white-space: nowrap;
 }
 .noFile {

src/views/Project/ProjectData/index.module.css

@@ -59,7 +59,7 @@
 	width: calc(100vw - 220px);
 	position: fixed;
 	bottom: 0px;
-	border: 1px solid #ebedf0;
+	border-top: 1px solid #ebedf0;
 	z-index: 100;
 	background-color: #fff;
 	display: flex;

src/views/Project/ProjectJobDetail/index.tsx

@@ -2,7 +2,7 @@
  * @Author: 吴永生#A02208 yongsheng.wu@wholion.com
  * @Date: 2022-06-21 20:03:56
  * @LastEditors: 吴永生 15770852798@163.com
- * @LastEditTime: 2022-08-09 18:28:39
+ * @LastEditTime: 2022-08-11 17:13:52
  * @FilePath: /bkunyun/src/views/Project/ProjectSubmitWork/index.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */

src/views/Project/ProjectSetting/ProjectMembers/components/ChangePermission.tsx

@@ -2,7 +2,7 @@
  * @Author: 吴永生#A02208 yongsheng.wu@wholion.com
  * @Date: 2022-05-31 10:18:13
  * @LastEditors: 吴永生 15770852798@163.com
- * @LastEditTime: 2022-08-08 18:17:20
+ * @LastEditTime: 2022-08-11 18:05:06
  * @FilePath: /bkunyun/src/views/Project/ProjectSetting/index.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -37,15 +37,7 @@ const ChangePermission = observer((props: IProps) => {
 	useEffect(() => {
 		if (permissionDialog?.isShow) {
 			http.get<IResponse<any>>("/cpp/project/listroles").then((res) => {
-				const arr = [];
-				const { data } = res;
-				for (const key in data) {
-					arr.push({
-						label: String(data[key]),
-						value: key,
-					});
-				}
-				setSelectOptions(arr);
+				setSelectOptions(res.data);
 			});
 		}
 	}, [http, permissionDialog]);

src/views/Project/components/CurrentProject/index.tsx

@@ -21,6 +21,11 @@ const CurrentProject = observer(() => {
 		document.addEventListener("click", (e) => {
 			setProjectListOpen(false);
 		});
+		return () => {
+			document.removeEventListener("click", (e) => {
+				setProjectListOpen(false);
+			});
+		};
 	}, []);
 
 	const handleShowProjectList = (event: React.MouseEvent<HTMLElement>) => {
@@ -85,6 +90,7 @@ const CurrentProject = observer(() => {
 					<Fade {...TransitionProps} timeout={350}>
 						<div>
 							<ProjectListPopper
+								setProjectListOpen={setProjectListOpen}
 								handleClickOpen={openAddProject}
 								handleChangeCurrentProject={handleChangeCurrentProject}
 							/>

src/views/Project/components/ProjectListPopper/index.tsx

@@ -2,7 +2,7 @@
  * @Author: 吴永生 15770852798@163.com
  * @Date: 2022-08-02 11:43:28
  * @LastEditors: 吴永生 15770852798@163.com
- * @LastEditTime: 2022-08-02 19:36:32
+ * @LastEditTime: 2022-08-11 18:50:31
  * @FilePath: /bkunyun/src/views/Project/components/ProjectListPopper/index.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -19,7 +19,8 @@ import { toJS } from "mobx";
 import { observer } from "mobx-react-lite";
 
 const ProjectListPopper = observer((props: any) => {
-	const { handleChangeCurrentProject, handleClickOpen } = props;
+	const { handleChangeCurrentProject, handleClickOpen, setProjectListOpen } =
+		props;
 	const { currentProjectStore } = useStores();
 	const projectList = toJS(currentProjectStore.projectList);
 	const currentProjectId = toJS(currentProjectStore.currentProjectInfo.id);
@@ -36,6 +37,7 @@ const ProjectListPopper = observer((props: any) => {
 	}, [projectList, name]);
 
 	const handleProjectBox = (e: React.SyntheticEvent) => {
+		setProjectListOpen(false);
 		e.nativeEvent.stopImmediatePropagation();
 	};