GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-05-22 08:49:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 修复进度计算逻辑，添加加载状态和禁用功能

Browse Source
This commit is contained in:
jxxghp
2025-02-27 20:39:22 +08:00
parent d75970cb2a
commit d5979e6bf3
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/cards/WorkflowTaskCard.vue
View File

@@ -120,6 +120,7 @@ async function handleRun(item: Workflow) {
emit('refresh')
} else {
$toast.error(`任务执行失败：${result.message}`)
emit('refresh')
}
} catch (error) {
console.error(error)
@@ -138,13 +139,13 @@ const resolveStatusVariant = (status: string | undefined) => {
// 计算当前动作占比
const resolveProgress = (item: Workflow) => {
const current_action_index = item.actions?.findIndex(action => action.id === item.current_action) ?? 0
return item.actions?.length ? Math.round((current_action_index / item.actions.length) * 100) : 0
const current_action_length = item.current_action?.split(',').length || 0
return item.actions?.length ? Math.round((current_action_length / (item.actions.length || 1)) * 100) : 0
}
</script>
<template>
<div>
<VCard class="mx-auto" @click="handleFlow(workflow)" :ripple="false">
<VCard class="mx-auto" @click="handleFlow(workflow)" :ripple="false" :loading="loading" :disabled="loading">
<VCardItem class="py-3" :class="`bg-${resolveStatusVariant(workflow?.state).color}`">
<template #prepend>
<VAvatar variant="text" class="me-2">
@@ -227,9 +228,9 @@ const resolveProgress = (item: Workflow) => {
<div class="mb-1">进度</div>
<div class="d-flex align-center gap-5">
<div class="flex-grow-1">
<VProgressLinear rounded :value="resolveProgress(workflow)" height="10" />
<VProgressLinear color="info" rounded :model-value="resolveProgress(workflow)" />
</div>
<span> {{ (resolveDoneActions(workflow) * 100) / (workflow.actions?.length || 1) }}% </span>
<span> {{ resolveProgress(workflow) }}% </span>
</div>
</div>
</div>