xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-11-28 11:39:24 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

clear setInterval() when the component is unMounted

Browse Source
This commit is contained in:
RockYang
2025-03-05 14:36:41 +08:00
parent f580f671a3
commit 43f00b1481
8 changed files with 47 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/views/Dalle.vue
View File

@@ -276,6 +276,7 @@ const params = ref({
const finishedJobs = ref([]);
const runningJobs = ref([]);
const allowPulling = ref(true); // 是否允许轮询
const tastPullHandler = ref(null);
const power = ref(0);
const dallPower = ref(0); // 画一张 SD 图片消耗算力
const clipboard = ref(null);
@@ -316,7 +317,9 @@ onMounted(() => {
onUnmounted(() => {
clipboard.value.destroy();
store.removeMessageHandler("dall");
if (tastPullHandler.value) {
clearInterval(tastPullHandler.value);
}
});
const initData = () => {
@@ -330,7 +333,7 @@ const initData = () => {
fetchFinishJobs();
// 轮询运行中任务
setInterval(() => {
tastPullHandler.value = setInterval(() => {
if (allowPulling.value) {
fetchRunningJobs();
}

13
web/src/views/ImageMj.vue
View File

@@ -772,7 +772,9 @@ const activeName = ref("txt2img");
const runningJobs = ref([]);
const finishedJobs = ref([]);
const taskPulling = ref(true); // 任务轮询
const tastPullHandler = ref(null);
const downloadPulling = ref(false); // 图片下载轮询
const downloadPullHandler = ref(null);
const power = ref(0);
const userId = ref(0);
@@ -793,7 +795,12 @@ onMounted(() => {
onUnmounted(() => {
clipboard.value.destroy();
store.removeMessageHandler("mj");
if (tastPullHandler.value) {
clearInterval(tastPullHandler.value);
}
if (downloadPullHandler.value) {
clearInterval(downloadPullHandler.value);
}
});
// 初始化数据
@@ -806,13 +813,13 @@ const initData = () => {
page.value = 0;
fetchFinishJobs();
setInterval(() => {
tastPullHandler.value = setInterval(() => {
if (taskPulling.value) {
fetchRunningJobs();
}
}, 5000);
setInterval(() => {
downloadPullHandler.value = setInterval(() => {
if (downloadPulling.value) {
page.value = 0;
fetchFinishJobs();

7
web/src/views/ImageSd.vue
View File

@@ -374,6 +374,7 @@ const params = ref({
const runningJobs = ref([]);
const finishedJobs = ref([]);
const allowPulling = ref(true); // 是否允许轮询
const tastPullHandler = ref(null);
const router = useRouter();
// 检查是否有画同款的参数
const _params = router.currentRoute.value.params["copyParams"];
@@ -408,7 +409,9 @@ onMounted(() => {
onUnmounted(() => {
clipboard.value.destroy();
store.removeMessageHandler("sd");
if (tastPullHandler.value) {
clearInterval(tastPullHandler.value);
}
});
const initData = () => {
@@ -421,7 +424,7 @@ const initData = () => {
fetchRunningJobs();
fetchFinishJobs();
setInterval(() => {
tastPullHandler.value = setInterval(() => {
if (allowPulling.value) {
fetchRunningJobs();
}

4
web/src/views/KeLing.vue
View File

@@ -92,7 +92,7 @@
</div>
<!-- 仅在simple模式下显示详细配置 -->
<div class="camera-control" v-if="params.camera_control.type === 'simple'">
<div class="camera-control mt-2" v-if="params.camera_control.type === 'simple'">
<el-form-item label="水平移动">
<el-slider v-model="params.camera_control.config.horizontal" :min="-10" :max="10" />
</el-form-item>
@@ -556,7 +556,7 @@ const fetchData = (_page) => {
let needPull = false;
const items = [];
for (let v of res.data.items) {
if (v.progress < 100 || (v.progress === 100 && v.video_url === "")) {
if (v.progress === 0 || v.progress === 102) {
needPull = true;
}
items.push({

7
web/src/views/Suno.vue
View File

@@ -330,6 +330,7 @@ const playerRef = ref(null);
const showPlayer = ref(false);
const list = ref([]);
const taskPulling = ref(true);
const tastPullHandler = ref(null);
const btnText = ref("开始创作");
const refSong = ref(null);
const showDialog = ref(false);
@@ -350,7 +351,7 @@ onMounted(() => {
checkSession()
.then(() => {
fetchData(1);
setInterval(() => {
tastPullHandler.value = setInterval(() => {
if (taskPulling.value) {
fetchData(1);
}
@@ -361,7 +362,9 @@ onMounted(() => {
onUnmounted(() => {
clipboard.value.destroy();
store.removeMessageHandler("suno");
if (tastPullHandler.value) {
clearInterval(tastPullHandler.value);
}
});
const page = ref(1);

7
web/src/views/mobile/pages/ImageDall.vue
View File

@@ -191,6 +191,7 @@ const showModelPicker = ref(false);
const runningJobs = ref([]);
const finishedJobs = ref([]);
const allowPulling = ref(true); // 是否允许轮询
const tastPullHandler = ref(null);
const router = useRouter();
const power = ref(0);
const dallPower = ref(0); // 画一张 DALL 图片消耗算力
@@ -236,7 +237,9 @@ onMounted(() => {
onUnmounted(() => {
clipboard.value.destroy();
store.removeMessageHandler("dall");
if (tastPullHandler.value) {
clearInterval(tastPullHandler.value);
}
});
const initData = () => {
@@ -247,7 +250,7 @@ const initData = () => {
fetchRunningJobs();
fetchFinishJobs(1);
setInterval(() => {
tastPullHandler.value = setInterval(() => {
if (allowPulling.value) {
fetchRunningJobs();
}

13
web/src/views/mobile/pages/ImageMj.vue
View File

@@ -310,7 +310,9 @@ const prompt = ref("");
const store = useSharedStore();
const clipboard = ref(null);
const taskPulling = ref(true);
const tastPullHandler = ref(null);
const downloadPulling = ref(false);
const downloadPullHandler = ref(null);
onMounted(() => {
clipboard.value = new Clipboard(".copy-prompt");
@@ -329,13 +331,13 @@ onMounted(() => {
fetchRunningJobs();
fetchFinishJobs(1);
setInterval(() => {
tastPullHandler.value = setInterval(() => {
if (taskPulling.value) {
fetchRunningJobs();
}
}, 5000);
setInterval(() => {
downloadPullHandler.value = setInterval(() => {
if (downloadPulling.value) {
page.value = 1;
fetchFinishJobs(1);
@@ -349,7 +351,12 @@ onMounted(() => {
onUnmounted(() => {
clipboard.value.destroy();
store.removeMessageHandler("mj");
if (tastPullHandler.value) {
clearInterval(tastPullHandler.value);
}
if (downloadPullHandler.value) {
clearInterval(downloadPullHandler.value);
}
});
const mjPower = ref(1);

7
web/src/views/mobile/pages/ImageSd.vue
View File

@@ -229,6 +229,7 @@ const params = ref({
const runningJobs = ref([]);
const finishedJobs = ref([]);
const allowPulling = ref(true); // 是否允许轮询
const tastPullHandler = ref(null);
const router = useRouter();
// 检查是否有画同款的参数
const _params = router.currentRoute.value.params["copyParams"];
@@ -264,7 +265,9 @@ onMounted(() => {
onUnmounted(() => {
clipboard.value.destroy();
store.removeMessageHandler("sd");
if (tastPullHandler.value) {
clearInterval(tastPullHandler.value);
}
});
const initData = () => {
@@ -276,7 +279,7 @@ const initData = () => {
fetchRunningJobs();
fetchFinishJobs(1);
setInterval(() => {
tastPullHandler.value = setInterval(() => {
if (allowPulling.value) {
fetchRunningJobs();
}