feat(env): 实现环境配置文件下载功能

src/pages/componentDevelopment/componentEnv/envExtra.tsx

@@ -9,10 +9,35 @@ const EnvExtra = ({ currentEnvData }) => {
   const [tutorialVisible, setTutorialVisible] = useState(false);
   const [onceTestType, setOnceTestType] = useState(null); // 单次测试结果
 
-  // 模拟下载配置证书文件
-  const handleDownloadConfig = () => {
-    // 这里可以添加实际的下载逻辑
-    downloadEnvConfigFile(currentEnvData.id);
+  // 下载配置证书压缩包文件
+  const handleDownloadConfig = async () => {
+    try {
+      const blob = await downloadEnvConfigFile(currentEnvData.id);
+      console.log('blob:', blob);
+
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      const url = window.URL.createObjectURL(blob);
+      const link = document.createElement('a');
+      link.href = url;
+
+      // 设置文件名 - 环境名称_时间戳.zip
+      const fileName = `${currentEnvData.name}_配置文件_${new Date().getTime()}.zip`;
+      link.setAttribute('download', fileName);
+
+      // 触发下载
+      document.body.appendChild(link);
+      link.click();
+
+      // 清理
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(url);
+
+      Message.success('下载配置文件成功');
+    } catch (e) {
+      console.error('下载配置文件失败：', e);
+      Message.error('下载配置文件失败: ' + (e.message || '未知错误'));
+    }
   };
 
   // 模拟查看环境配置教程
@@ -36,8 +61,8 @@ const EnvExtra = ({ currentEnvData }) => {
   };
 
   useEffect(() => {
-    if (currentEnvData.available === 1) setOnceTestType(true);
-    else if (currentEnvData.available === -1) setOnceTestType(false);
+    if (currentEnvData?.available === 1) setOnceTestType(true);
+    else if (currentEnvData?.available === -1) setOnceTestType(false);
     else setOnceTestType(null);
   }, [currentEnvData]);