This commit is contained in:
parent
f3e874438b
commit
7504496169
|
|
@ -433,9 +433,8 @@ export function DetailPageHeader({ data }: { data: any }) {
|
||||||
setProgress(match[1] + "%");
|
setProgress(match[1] + "%");
|
||||||
|
|
||||||
if (match[1] === "100") {
|
if (match[1] === "100") {
|
||||||
setStatusText("运行中");
|
console.log("部署完成 ✅，重新拉取状态！");
|
||||||
setProgressBarColor("bg-green-500");
|
fetchDeployStatus(); // ✅ 直接重新请求后端最新状态
|
||||||
setShowDelete(true); // 部署完成允许删除
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -555,8 +554,6 @@ export function DetailPageHeader({ data }: { data: any }) {
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const fetchDeployStatus = async () => {
|
const fetchDeployStatus = async () => {
|
||||||
try {
|
try {
|
||||||
const result = await fetch("/api/v1/deploy/status", {
|
const result = await fetch("/api/v1/deploy/status", {
|
||||||
|
|
@ -586,21 +583,21 @@ export function DetailPageHeader({ data }: { data: any }) {
|
||||||
setStatusText("尚未部署");
|
setStatusText("尚未部署");
|
||||||
setShowDelete(false);
|
setShowDelete(false);
|
||||||
setProgress("0%");
|
setProgress("0%");
|
||||||
setShowProgressBar(false)
|
setShowProgressBar(false);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (status === "deploying" && userName && id && !hasWSConnected) {
|
if (status === "deploying" && userName && id && !hasWSConnected) {
|
||||||
setStatusText("检测到正在部署，连接中...");
|
setStatusText("检测到正在部署，连接中...");
|
||||||
initWebSocket(userName, id);
|
initWebSocket(userName, id);
|
||||||
setShowProgressBar(true)
|
setShowProgressBar(true);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (status === "running" || status === "stopped") {
|
if (status === "running" || status === "stopped") {
|
||||||
console.log("✅ 允许删除（status =", status, ")");
|
console.log("✅ 允许删除（status =", status, ")");
|
||||||
setShowDelete(true);
|
setShowDelete(true);
|
||||||
setProgress("100%");
|
setProgress("100%");
|
||||||
setShowProgressBar(true)
|
setShowProgressBar(true);
|
||||||
|
|
||||||
if (status === "running") {
|
if (status === "running") {
|
||||||
setStatusText("运行中");
|
setStatusText("运行中");
|
||||||
|
|
@ -612,7 +609,7 @@ export function DetailPageHeader({ data }: { data: any }) {
|
||||||
} else {
|
} else {
|
||||||
console.log("❌ 不允许删除（status =", status, ")");
|
console.log("❌ 不允许删除（status =", status, ")");
|
||||||
setShowDelete(false);
|
setShowDelete(false);
|
||||||
setProgressBarColor("bg-blue-500"); // 回到默认蓝色
|
setProgressBarColor("bg-blue-500");
|
||||||
}
|
}
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.error("获取状态失败：", err);
|
console.error("获取状态失败：", err);
|
||||||
|
|
@ -621,9 +618,79 @@ export function DetailPageHeader({ data }: { data: any }) {
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
fetchDeployStatus();
|
fetchDeployStatus();
|
||||||
}, [data?.id]);
|
}, [data?.id]);
|
||||||
|
|
||||||
|
|
||||||
|
// useEffect(() => {
|
||||||
|
// const fetchDeployStatus = async () => {
|
||||||
|
// try {
|
||||||
|
// const result = await fetch("/api/v1/deploy/status", {
|
||||||
|
// method: "POST",
|
||||||
|
// headers: { "Content-Type": "application/json" },
|
||||||
|
// body: JSON.stringify({ id: data?.id }),
|
||||||
|
// }).then((res) => res.json());
|
||||||
|
|
||||||
|
// console.log("====> deploy status result:", result);
|
||||||
|
// setStatusLoaded(true);
|
||||||
|
|
||||||
|
// if (!result) {
|
||||||
|
// setStatusText("接口响应为空");
|
||||||
|
// setShowDelete(false);
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// const code = result?.header?.code;
|
||||||
|
// const status = result?.data?.data?.status;
|
||||||
|
// const userData = JSON.parse(localStorage.getItem("UserData") || "null");
|
||||||
|
// const userName = userData?.user_name;
|
||||||
|
// const id = data?.id;
|
||||||
|
|
||||||
|
// console.log("🟡 状态码 code =", code, "状态 status =", status);
|
||||||
|
|
||||||
|
// if (code === 1006) {
|
||||||
|
// setStatusText("尚未部署");
|
||||||
|
// setShowDelete(false);
|
||||||
|
// setProgress("0%");
|
||||||
|
// setShowProgressBar(false)
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// if (status === "deploying" && userName && id && !hasWSConnected) {
|
||||||
|
// setStatusText("检测到正在部署，连接中...");
|
||||||
|
// initWebSocket(userName, id);
|
||||||
|
// setShowProgressBar(true)
|
||||||
|
// }
|
||||||
|
|
||||||
|
// if (status === "running" || status === "stopped") {
|
||||||
|
// console.log("✅ 允许删除（status =", status, ")");
|
||||||
|
// setShowDelete(true);
|
||||||
|
// setProgress("100%");
|
||||||
|
// setShowProgressBar(true)
|
||||||
|
|
||||||
|
// if (status === "running") {
|
||||||
|
// setStatusText("运行中");
|
||||||
|
// setProgressBarColor("bg-green-500");
|
||||||
|
// } else if (status === "stopped") {
|
||||||
|
// setStatusText("已停止");
|
||||||
|
// setProgressBarColor("bg-gray-400");
|
||||||
|
// }
|
||||||
|
// } else {
|
||||||
|
// console.log("❌ 不允许删除（status =", status, ")");
|
||||||
|
// setShowDelete(false);
|
||||||
|
// setProgressBarColor("bg-blue-500"); // 回到默认蓝色
|
||||||
|
// }
|
||||||
|
// } catch (err) {
|
||||||
|
// console.error("获取状态失败：", err);
|
||||||
|
// setStatusText("状态拉取失败");
|
||||||
|
// setShowDelete(false);
|
||||||
|
// }
|
||||||
|
// };
|
||||||
|
|
||||||
|
// fetchDeployStatus();
|
||||||
|
// }, [data?.id]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
return () => {
|
return () => {
|
||||||
if (socketRef.current) {
|
if (socketRef.current) {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue