feat: 下载模板

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

@@ -33,23 +33,22 @@ const AddEnvironment = (props: IAddEnvironmentProps) => {
 	const { setAddopen } = props;
 	const Message = useMessage();
 	let tokenInfo = getTokenInfo();
-	const [hpczoneList, setHpczoneList] = useState<Array<any>>([]);
-	const [publicProjectId, setPublicProjectId] = useState("");
-	const [publicZoneId, setPublicZoneId] = useState("");
-	const [computeType, setComputeType] = useState("");
-	const [fileToken, setFileToken] = useState("");
-	const [taskType, setTaskType] = useState<"BATCH" | "FLOW">("BATCH");
-	const [name, setName] = useState("");
-	const [desc, setDesc] = useState("");
-	const [baseEnvId, setBaseEnvId] = useState("");
-	const [filePaths, setFilePaths] = useState<Array<string>>([]);
-	const [isUploading, setIsUploading] = useState(false);
-	const [fileName, setFileName] = useState("");
-	// const [bashScript, setBashScript] = useState('');
-	const [envList, setEnvList] = useState<Array<any>>([]);
-	const [progress, setProgress] = useState("0%");
-	const [code, setCode] = useState("");
-	const [upload, setUpload] = useState<any>(() => {});
+	const [hpczoneList, setHpczoneList] = useState<Array<any>>([]); // 计算区列表 通过计算区列表和计算区id拿fileServerEndPoint
+	const [publicProjectId, setPublicProjectId] = useState(""); // 公共项目id 环境压缩包临时存放在公共项目下
+	const [publicZoneId, setPublicZoneId] = useState(""); // 公共项目计算区id
+	const [computeType, setComputeType] = useState(""); // 基础环境是cpu 还是 gpu
+	const [fileToken, setFileToken] = useState(""); // 访问公共项目的fileToken
+	const [taskType, setTaskType] = useState<"BATCH" | "FLOW">("BATCH"); // 环境类型 批式环境还是流式环境
+	const [name, setName] = useState(""); // 环境名称
+	const [desc, setDesc] = useState(""); // 环境描述
+	const [baseEnvId, setBaseEnvId] = useState(""); // 基础环境id
+	const [filePaths, setFilePaths] = useState<Array<string>>([]); // 环境压缩包上传后的路径集合（目前只有一个）
+	const [isUploading, setIsUploading] = useState(false); // 保存接口loading
+	const [fileName, setFileName] = useState(""); // 环境压缩包文件名
+	const [envList, setEnvList] = useState<Array<any>>([]); // 基础环境列表   和taskType环境类型有关
+	const [progress, setProgress] = useState("0%"); // 上传压缩包进度
+	const [code, setCode] = useState(""); // 脚本内容
+	const [upload, setUpload] = useState<any>(() => {}); // 上传压缩包实例   用于暂停（取消上传）upload.abort(true);
 	const [nameHelper, setNameHelper] = useState({
 		error: false,
 		text: "30字符以内，仅限字母、数字、中文",
@@ -370,7 +369,16 @@ const AddEnvironment = (props: IAddEnvironmentProps) => {
 						<div className={style.label}>
 							上传环境压缩包<span className={style.zipText}>（.zip）</span>
 							<span className={style.required}>*</span>
-							<span className={style.download}>下载模板</span>
+							<span
+								className={style.download}
+								onClick={() =>
+									window.open(
+										"https://projectsif.oss-cn-beijing.aliyuncs.com/build_env_template.zip"
+									)
+								}
+							>
+								下载模板
+							</span>
 						</div>
 						<div className={style.formItem}>
 							{filePaths.length === 0 && !isUploading && (