feat: 删除不必要的引用

src/api/fileserver/raysyncApi.ts

@@ -28,9 +28,9 @@ const APIPORT = function () {
 };
 
 // 当前计算区
-let currentRegion = localStorage.getItem("current-region");
-let currentRegionJson = currentRegion && JSON.parse(currentRegion);
-let user = getLoaclStorageOfKey("userinfo");
+// let currentRegion = localStorage.getItem("current-region");
+// let currentRegionJson = currentRegion && JSON.parse(currentRegion);
+// let user = getLoaclStorageOfKey("userinfo");
 
 // 文件路径
 // const FILEPATH =

src/views/Project/ProjectSetting/ProjectMembers/index.tsx

@@ -24,7 +24,6 @@ import styles from "./index.module.css";
 import { IDialogInfo } from "./interface";
 import { toJS } from "mobx";
 import { useStores } from "@/store";
-import { isProjectOwner } from "@/utils/util";
 import { observer } from "mobx-react";
 
 const ProjectMembers = observer(() => {

src/views/Project/ProjectSubmitWork/ConfigForm/index.tsx

-import { ITemplateConfig, IRenderTasks, IRenderTask } from "../interface";
+import { ITemplateConfig, IRenderTasks } from "../interface";
 import styles from "./index.module.css";
 import MyInput from "@/components/mui/MyInput";
 import Tooltip from "@mui/material/Tooltip";
 import classnames from "classnames";
-import { useState, useMemo, useImperativeHandle, useCallback } from "react";
+import { useState, useMemo, useImperativeHandle } from "react";
 import FileSelect from "@/components/FileSelect";
 import moment from "moment";
 import MySelect, { optionsTransform } from "../components/MySelect";
 import MyCheckBox from "@/components/mui/MyCheckBox";
 import MyRadio from "@/components/mui/MyRadio";
-import _ from "lodash";
 import { getCheckResult } from "../util";
 import fileSelectIcon from "@/assets/project/fileSelect.svg";
 import questionMark from "@/assets/project/questionMark.svg";

src/views/Project/ProjectSubmitWork/index.tsx

@@ -26,11 +26,12 @@ import fullScreen from "@/assets/project/fullScreen.svg";
 import partialScreen from "@/assets/project/partialScreen.svg";
 import { useMessage } from "@/components/MySnackbar";
 import { useStores } from "@/store";
+import { observer } from "mobx-react-lite";
 import MyPopconfirm from "@/components/mui/MyPopconfirm";
 
 import styles from "./index.module.css";
 
-const ProjectSubmitWork = () => {
+const ProjectSubmitWork = observer(() => {
 	const Message = useMessage();
 	const { currentProjectStore } = useStores();
 	const projectId = toJS(currentProjectStore.currentProjectInfo.id);
@@ -291,6 +292,6 @@ const ProjectSubmitWork = () => {
 			/>
 		</div>
 	);
-};
+});
 
 export default ProjectSubmitWork;

src/views/Project/ProjectWorkbench/workbenchTemplate/components/AddTemplate/index.tsx

-import { memo, useEffect, useState, useMemo } from "react";
+import { useEffect, useState, useMemo } from "react";
 import style from "./index.module.css";
 import classNames from "classnames";
 import CloseOutlinedIcon from "@mui/icons-material/CloseOutlined";

src/views/Project/ProjectWorkbench/workbenchTemplate/index.module.css

@@ -19,9 +19,9 @@
 .templateBlock {
 	width: 21.4876%;
 	height: 160px;
-  background: #FFFFFF;
+	background: #ffffff;
 	border-radius: 4px;
-  border: 1px solid #EBEDF0;
+	border: 1px solid #ebedf0;
 	padding: 16px 20px;
 	display: flex;
 	flex-direction: column;
@@ -38,12 +38,12 @@
 	width: 100%;
 	height: 100%;
 	display: flex;
-  align-items: end;
+	align-items: flex-end;
 	flex-direction: column;
 }
 
 .addTemplateBlock {
-  background: #FFFFFF;
+	background: #ffffff;
 	z-index: 900;
 	border-radius: 16px 0px 0px 0px;
 	height: 100%;
@@ -53,9 +53,9 @@
 .addTemplateBox {
 	width: 16.8751%;
 	height: 114px;
-  background: #FFFFFF;
+	background: #ffffff;
 	border-radius: 4px;
-  border: 1px solid #F0F2F5;
+	border: 1px solid #f0f2f5;
 	padding: 16px 20px;
 	margin: 8px;
 	cursor: pointer;
@@ -74,15 +74,15 @@
 	height: 54px;
 	font-size: 12px !important;
 	font-weight: 400 !important;
-  color: #8A9099 !important;
+	color: #8a9099 !important;
 }
 
 .addNewTemplate {
 	width: 380px;
 	height: 194px;
-  background: #FFFFFF;
+	background: #ffffff;
 	border-radius: 4px;
-  border: 1px solid #EBEDF0;
+	border: 1px solid #ebedf0;
 	display: flex;
 	justify-content: center;
 	align-items: center;

src/views/Project/ProjectWorkbench/workbenchTemplate/index.tsx

@@ -12,21 +12,17 @@ import OutlinedInput from "@mui/material/OutlinedInput";
 import SearchIcon from "@mui/icons-material/Search";
 import { toJS } from "mobx";
 import { observer } from "mobx-react-lite";
-// import Button from "@mui/material/Button";
 import Add from "@mui/icons-material/Add";
 
 import Button from "@/components/mui/Button";
 import useMyRequest from "@/hooks/useMyRequest";
 import TemplateBox from "./components/templateBox";
 import SimpleDialog from "./components/simpleDialog";
-// import AddTemplate from "./components/addTemplate";
 import AddTemplate from "./components/AddTemplate/index";
 import noData from "../../../../assets/project/noTemplate.svg";
 import {
 	getWorkbenchTemplate,
 	deleteWorkbenchTemplate,
-	getAddWorkbenchTemplate,
-	addWorkbenchTemplate,
 } from "@/api/workbench_api";
 import usePass from "@/hooks/usePass";
 import { useStores } from "@/store";
@@ -47,12 +43,6 @@ const ProjectMembers = observer(() => {
 	const [templateId, setTemplateId] = useState("");
 	/** 简单弹窗（删除模板） */
 	const [openDialog, setOpenDialog] = useState(false);
-	/** 增加模板 */
-	const [openAddTemplate, setOpenAddTemplate] = useState(false);
-	/** 可增加模板列表 */
-	const [addTemplateList, setAddTemplateList] = useState([]);
-	/** 已选择增加的模板列表 */
-	const [selectTemplateData, setSelectTemplateData] = useState<string[]>([]);
 	const [showAddTemplate, setShowAddTemplate] = useState(false);
 
 	// 获取模板列表
@@ -73,25 +63,6 @@ const ProjectMembers = observer(() => {
 		},
 	});
 
-	// 添加工作流模板-获取模板列表
-	const { run: getAddTemplateList } = useMyRequest(getAddWorkbenchTemplate, {
-		onSuccess: (result: any) => {
-			setAddTemplateList(result.data);
-			setOpenAddTemplate(true);
-		},
-	});
-
-	// 项目管理员-添加工作流模板-提交
-	const { run: addTemplate } = useMyRequest(addWorkbenchTemplate, {
-		onSuccess: (result: any) => {
-			setOpenAddTemplate(false);
-			getTemplateInfo({
-				projectId: currentProjectStore.currentProjectInfo.id as string,
-			});
-			setSelectTemplateData([]);
-		},
-	});
-
 	useEffect(() => {
 		getTemplateInfo({
 			projectId: currentProjectStore.currentProjectInfo.id as string,
@@ -124,44 +95,6 @@ const ProjectMembers = observer(() => {
 	/** 增加模板 */
 	const addTemplateBlock = () => {
 		setShowAddTemplate(true);
-		// getAddTemplateList({
-		// 	projectId: currentProjectStore.currentProjectInfo.id as string,
-		// 	productId: "cadd",
-		// });
-	};
-
-	/** 关闭增加模板 */
-	const closeAddTemplateBlock = () => {
-		setOpenAddTemplate(false);
-		setSelectTemplateData([]);
-	};
-
-	/** 增加模板操作 */
-	const addTemplateCallback = () => {
-		addTemplate({
-			projectId: currentProjectStore.currentProjectInfo.id as string,
-			workflowSpecIds: selectTemplateData,
-		});
-	};
-
-	/** 搜索模板 */
-	const searchTemplateNameCallback = (data: any) => {
-		getAddTemplateList({
-			projectId: currentProjectStore.currentProjectInfo.id as string,
-			productId: "cadd",
-			title: data,
-		});
-	};
-
-	const templateSelectCallback = (data: string) => {
-		let list: string[] = [...selectTemplateData];
-		if (selectTemplateData.filter((e) => e === data).length > 0) {
-			list = list.filter((e) => e !== data);
-			setSelectTemplateData(list);
-		} else {
-			list.push(data);
-			setSelectTemplateData(list);
-		}
 	};
 
 	const searchChange = (data: any) => {
@@ -171,11 +104,11 @@ const ProjectMembers = observer(() => {
 	useEffect(() => {
 		setTimeout(() => {
 			getTemplateInfo({
-				projectId: currentProjectStore.currentProjectInfo.id as string,
+				projectId: projectIdData as string,
 				title: templateName,
 			});
 		}, 300);
-	}, [templateName]);
+	}, [templateName, getTemplateInfo, projectIdData]);
 
 	return (
 		<Box className={styles.headerBox}>
@@ -256,16 +189,6 @@ const ProjectMembers = observer(() => {
 					</Box>
 				)}
 
-			{/* <AddTemplate
-				openAddTemplate={openAddTemplate}
-				closeAddTemplateBlock={closeAddTemplateBlock}
-				addTemplateList={addTemplateList}
-				templateSelectCallback={templateSelectCallback}
-				selectTemplateData={selectTemplateData}
-				addTemplateCallback={addTemplateCallback}
-				searchTemplateNameCallback={searchTemplateNameCallback}
-			/> */}
-
 			{showAddTemplate && (
 				<AddTemplate
 					setShowAddTemplate={setShowAddTemplate}

src/views/WorkFlowEdit/components/OperatorList/index.tsx

@@ -6,7 +6,6 @@ import { observer } from "mobx-react-lite";
 import { toJS } from "mobx";
 import cloneDeep from "lodash/cloneDeep";
 
-import { mockData } from "./mock";
 import { IOperatorItemProps, IOperatorListProps } from "./interface";
 import { ITask } from "@/views/Project/ProjectSubmitWork/interface";
 import useMyRequest from "@/hooks/useMyRequest";

src/views/mui_demo/button.tsx

-import { memo, useCallback, useEffect, useMemo, useState } from "react";
-import _ from "lodash";
-import { IResponse, useHttp } from "@/api/http";
-import { useStores } from "@/store";
-import DeleteIcon from '@mui/icons-material/Delete';
-
+import { memo } from "react";
+import DeleteIcon from "@mui/icons-material/Delete";
 
 import Button from "@/components/mui/Button";
 
 const ProjectMembers = () => {
-    const http = useHttp();
-
-    const { currentProjectStore } = useStores();
-
-    useEffect(() => {
-
-    }, []);
-
-
 	return (
 		<>
-            <Button size={"large"} text={'确定'} />
+			<Button size={"large"} text={"确定"} />
 			&nbsp;&nbsp;
-            <Button text={'确定'} />
+			<Button text={"确定"} />
 			&nbsp;&nbsp;
-            <Button size={"small"} text={'确定'} />
-            <br /><br />
-            <Button size={"large"} text={'确定'} disabled />
+			<Button size={"small"} text={"确定"} />
+			<br />
+			<br />
+			<Button size={"large"} text={"确定"} disabled />
 			&nbsp;&nbsp;
-            <Button text={'确定'} disabled />
+			<Button text={"确定"} disabled />
 			&nbsp;&nbsp;
-            <Button size={"small"} text={'确定'} disabled />
-            <br /><br />
-            <Button size={"large"} color={"secondary"} text={'确定'} />
+			<Button size={"small"} text={"确定"} disabled />
+			<br />
+			<br />
+			<Button size={"large"} color={"secondary"} text={"确定"} />
 			&nbsp;&nbsp;
-            <Button color={"secondary"} text={'确定'} />
+			<Button color={"secondary"} text={"确定"} />
 			&nbsp;&nbsp;
-            <Button size={"small"} color={"secondary"} text={'确定'} />
+			<Button size={"small"} color={"secondary"} text={"确定"} />
 			<br /> <br />
-            <Button text={'确定'} size={"large"} style={{ color: "aqua", background: "burlywood" }} />
+			<Button
+				text={"确定"}
+				size={"large"}
+				style={{ color: "aqua", background: "burlywood" }}
+			/>
 			&nbsp;&nbsp;
-            <Button text={'确定'} style={{ color: "aqua", background: "burlywood" }} />
+			<Button
+				text={"确定"}
+				style={{ color: "aqua", background: "burlywood" }}
+			/>
 			&nbsp;&nbsp;
-            <Button text={'确定'} size={"small"} style={{ color: "aqua", background: "burlywood" }} />
+			<Button
+				text={"确定"}
+				size={"small"}
+				style={{ color: "aqua", background: "burlywood" }}
+			/>
 			<br /> <br />
 			outlined
 			<br />
-            <Button size={"large"} variant={"outlined"} text={'确定'} />
+			<Button size={"large"} variant={"outlined"} text={"确定"} />
 			&nbsp;&nbsp;
-            <Button variant={"outlined"} text={'确定'} />
+			<Button variant={"outlined"} text={"确定"} />
 			&nbsp;&nbsp;
-            <Button size={"small"} variant={"outlined"} text={'确定'} />
+			<Button size={"small"} variant={"outlined"} text={"确定"} />
 			<br /> <br />
-            <Button size={"large"} variant={"outlined"} disabled text={'确定'} />
+			<Button size={"large"} variant={"outlined"} disabled text={"确定"} />
 			&nbsp;&nbsp;
-            <Button variant={"outlined"} disabled text={'确定'} />
+			<Button variant={"outlined"} disabled text={"确定"} />
 			&nbsp;&nbsp;
-            <Button size={"small"} variant={"outlined"} disabled text={'确定'} />
+			<Button size={"small"} variant={"outlined"} disabled text={"确定"} />
 			<br /> <br />
-            <Button size={"large"} variant={"outlined"} color={"secondary"} text={'确定'} />
+			<Button
+				size={"large"}
+				variant={"outlined"}
+				color={"secondary"}
+				text={"确定"}
+			/>
 			&nbsp;&nbsp;
-            <Button variant={"outlined"} color={"secondary"} text={'确定'} />
+			<Button variant={"outlined"} color={"secondary"} text={"确定"} />
 			&nbsp;&nbsp;
-            <Button size={"small"} variant={"outlined"} color={"secondary"} text={'确定'} />
+			<Button
+				size={"small"}
+				variant={"outlined"}
+				color={"secondary"}
+				text={"确定"}
+			/>
 			<br /> <br />
-            <Button text={'确定'} size={"large"} variant={"outlined"} style={{ color: "aqua", background: "burlywood" }} />
+			<Button
+				text={"确定"}
+				size={"large"}
+				variant={"outlined"}
+				style={{ color: "aqua", background: "burlywood" }}
+			/>
 			&nbsp;&nbsp;
-            <Button text={'确定'} variant={"outlined"} style={{ color: "aqua", background: "burlywood" }} />
+			<Button
+				text={"确定"}
+				variant={"outlined"}
+				style={{ color: "aqua", background: "burlywood" }}
+			/>
 			&nbsp;&nbsp;
-            <Button text={'确定'} size={"small"} variant={"outlined"} style={{ color: "aqua", background: "burlywood" }} />
+			<Button
+				text={"确定"}
+				size={"small"}
+				variant={"outlined"}
+				style={{ color: "aqua", background: "burlywood" }}
+			/>
 			<br /> <br />
 			text
 			<br />
-            <Button size={"large"} variant={"text"} text={'确定确定确定确定确定确定'} />
+			<Button
+				size={"large"}
+				variant={"text"}
+				text={"确定确定确定确定确定确定"}
+			/>
 			&nbsp;&nbsp;
-            <Button variant={"text"} text={'确定确定确定确定确定确定'} />
+			<Button variant={"text"} text={"确定确定确定确定确定确定"} />
 			&nbsp;&nbsp;
-            <Button size={"small"} variant={"text"} text={'确定确定确定确定确定确定'} />
+			<Button
+				size={"small"}
+				variant={"text"}
+				text={"确定确定确定确定确定确定"}
+			/>
 			<br />
-            <Button size={"large"} disabled variant={"text"} text={'确定确定确定确定确定确定'} />
+			<Button
+				size={"large"}
+				disabled
+				variant={"text"}
+				text={"确定确定确定确定确定确定"}
+			/>
 			&nbsp;&nbsp;
-            <Button variant={"text"} disabled text={'确定确定确定确定确定确定'} />
+			<Button variant={"text"} disabled text={"确定确定确定确定确定确定"} />
 			&nbsp;&nbsp;
-            <Button size={"small"} disabled variant={"text"} text={'确定确定确定确定确定确定'} />
+			<Button
+				size={"small"}
+				disabled
+				variant={"text"}
+				text={"确定确定确定确定确定确定"}
+			/>
 			<br />
-            <Button size={"large"} color={"secondary"} variant={"text"} text={'确定确定确定确定确定确定'} />
+			<Button
+				size={"large"}
+				color={"secondary"}
+				variant={"text"}
+				text={"确定确定确定确定确定确定"}
+			/>
 			&nbsp;&nbsp;
-            <Button variant={"text"} color={"secondary"} text={'确定确定确定确定确定确定'} />
+			<Button
+				variant={"text"}
+				color={"secondary"}
+				text={"确定确定确定确定确定确定"}
+			/>
 			&nbsp;&nbsp;
-            <Button size={"small"} color={"secondary"} variant={"text"} text={'确定确定确定确定确定确定'} />
+			<Button
+				size={"small"}
+				color={"secondary"}
+				variant={"text"}
+				text={"确定确定确定确定确定确定"}
+			/>
 			<br /> <br />
 			img
 			<br />
-            <Button text={'确定确定确定确定确定确定'} img={<DeleteIcon />} />
+			<Button text={"确定确定确定确定确定确定"} img={<DeleteIcon />} />
 			<br /> <br />
 			select
 			<br />
 			<Button
-                text={'更多'}
-                select={
-                    [
+				text={"更多"}
+				select={[
 					{ name: "1111111" },
 					{ name: "1111111" },
 					{ name: "1111111" },
 					{ name: "1111111", color: "red" },
-                    ]
-                } />
+				]}
+			/>
 			<Button
-                text={'更多'}
-                color={"secondary"} variant={"text"}
-                select={
-                    [
+				text={"更多"}
+				color={"secondary"}
+				variant={"text"}
+				select={[
 					{ name: "1111111" },
 					{ name: "1111111" },
 					{ name: "1111111" },
 					{ name: "1111111", color: "red" },
-                    ]
-                } />
-
-
+				]}
+			/>
 		</>
 	);
 };

src/views/mui_demo/input.tsx

-import { memo, useCallback, useEffect, useMemo, useState } from "react";
-import _ from "lodash";
-import { IResponse, useHttp } from "@/api/http";
-import { useStores } from "@/store";
-import DeleteIcon from '@mui/icons-material/Delete';
-import { InputAdornment } from '@mui/material';
+import { memo } from "react";
+import { InputAdornment } from "@mui/material";
 import InputComponent from "@/components/mui/Input";
 
 const ProjectMembers = () => {
-    const http = useHttp();
-
-    const { currentProjectStore } = useStores();
-
-    useEffect(() => {
-
-    }, []);
-
-
 	return (
 		<>
-
 			<InputComponent
 				fullWidth={false}
 				label={"test"}
 				defaultValue={"sssssssss"}
-                size={'large'}
+				size={"large"}
 			/>
 			&nbsp;&nbsp;&nbsp;&nbsp;
 			<InputComponent
@@ -31,34 +17,45 @@ const ProjectMembers = () => {
 				label={"test"}
 				error={true}
 				helperText={"你还急急急靠靠靠靠靠靠靠靠靠靠靠靠靠靠"}
-            />&nbsp;&nbsp;&nbsp;&nbsp;
+			/>
+			&nbsp;&nbsp;&nbsp;&nbsp;
 			<InputComponent
 				fullWidth={false}
 				label={"test"}
-                size={'small'}
+				size={"small"}
 				disabled
-            />&nbsp;&nbsp;&nbsp;&nbsp;
+			/>
+			&nbsp;&nbsp;&nbsp;&nbsp;
+			<InputComponent fullWidth={false} label={"xsmall"} size={"xsmall"} />
+			&nbsp;&nbsp;&nbsp;&nbsp;
 			<InputComponent
 				fullWidth={false}
-                label={"xsmall"}
-                size={'xsmall'}
-            />&nbsp;&nbsp;&nbsp;&nbsp;
+				placeholder={"测试机哦"}
+				endAdornment={
+					<InputAdornment position="end">11&nbsp;&nbsp;</InputAdornment>
+				}
+			/>
+			&nbsp;&nbsp;&nbsp;&nbsp;
 			<InputComponent
 				fullWidth={false}
-                placeholder={"测试机哦"}
-                endAdornment={<InputAdornment position="end">11&nbsp;&nbsp;</InputAdornment>}
-            />&nbsp;&nbsp;&nbsp;&nbsp;
-            <InputComponent fullWidth={false} size={"small"} placeholder={"xxxxxx"} endAdornment={<InputAdornment position="end">11&nbsp;&nbsp;</InputAdornment>} />
+				size={"small"}
+				placeholder={"xxxxxx"}
+				endAdornment={
+					<InputAdornment position="end">11&nbsp;&nbsp;</InputAdornment>
+				}
+			/>
 			<br /> <br />
 			<InputComponent
 				fullWidth={true}
-                select={
-                    {
-                        json: [{value:'1',label:"2"},{value:'3',label:"4"}]
-                    }
-                }
+				select={{
+					json: [
+						{ value: "1", label: "2" },
+						{ value: "3", label: "4" },
+					],
+				}}
 			/>
-            <br /><br />
+			<br />
+			<br />
 			{/* <SelectComponent
                 option={json}
             />
@@ -72,8 +69,8 @@ const ProjectMembers = () => {
                 option={json}
                 size={"small"}
             /> */}
-            <br /><br />
-
+			<br />
+			<br />
 		</>
 	);
 };