feat: 构建应用环境提示优化

src/views/ResourceCenter/UserResources/UserResourcesEnvironment/AddEnvironment/index.module.css

@@ -78,6 +78,18 @@
 .code {
 	background-color: rgba(247, 248, 250, 1);
 	flex: 1;
+	position: relative;
+}
+.codeHelper {
+	width: 100%;
+	box-sizing: border-box;
+	position: absolute;
+	bottom: 0;
+	color: rgba(255, 78, 78, 1);
+	font-size: 12px;
+	line-height: 20px;
+	padding: 6px 20px;
+	background-color: rgba(255, 232, 232, 1);
 }
 .label {
 	color: rgba(30, 38, 51, 1);

src/views/ResourceCenter/UserResources/UserResourcesEnvironment/AddEnvironment/index.tsx

@@ -63,6 +63,14 @@ const AddEnvironment = (props: IAddEnvironmentProps) => {
 		error: false,
 		text: "",
 	});
+	const [shellHelper] = useState({
+		error: false,
+		text: "请输入Shell脚本",
+	});
+	const [pythonHelper] = useState({
+		error: false,
+		text: "请输入Python脚本",
+	});
 	const onDrop = useCallback(
 		(acceptedFiles: any) => {
 			let origin = "";
@@ -111,6 +119,10 @@ const AddEnvironment = (props: IAddEnvironmentProps) => {
 					setIsUploading(false);
 					setFilePaths([`/ProjectData/${homeDirectoryMountPoint}/${path}`]);
 					setFileName(path);
+					setFilePathsHelper({
+						error: false,
+						text: "",
+					});
 				},
 			});
 			setIsUploading(true);
@@ -499,6 +511,9 @@ const AddEnvironment = (props: IAddEnvironmentProps) => {
 								height="535px"
 								width={`${codeWidth}px`}
 							/>
+							{taskType === "BATCH" && !code && (
+								<div className={style.codeHelper}>{shellHelper.text}</div>
+							)}
 						</div>
 					</div>
 				</div>
@@ -508,13 +523,16 @@ const AddEnvironment = (props: IAddEnvironmentProps) => {
 							Python脚本
 							<span className={style.required}>*</span>
 						</div>
-						<div className={style.code} id="addEnvironmentCode">
+						<div className={style.code}>
 							<Code
 								value={flowCode}
 								onChange={(e: string) => setFlowCode(e)}
 								height="535px"
 								width={`${codeWidth + 368}px`}
 							/>
+							{!flowCode && (
+								<div className={style.codeHelper}>{pythonHelper.text}</div>
+							)}
 						</div>
 					</div>
 				)}