refactor: 前端构建按需化与 Mock 懒加载

移除全量 Element Plus 与全局 VChart 注册,改为按需引入样式与组件内局部图表;Mock 适配器改为按 VITE_ENABLE_MOCK 环境变量懒加载,生产默认不拦截请求;ECharts 精简为看板所需图表,各视图与 stores 同步适配。
This commit is contained in:
caoxiaozhu
2026-07-16 11:03:54 +08:00
parent ab9e87f948
commit 4173b53b1b
18 changed files with 137 additions and 92 deletions

View File

@@ -1,9 +1,10 @@
<script setup lang="ts">
import { ref, computed, onMounted, onUnmounted } from 'vue'
import { ref, computed, onMounted } from 'vue'
import { useRouter } from 'vue-router'
import { ElMessage } from 'element-plus'
import DataTablePage from '@/components/DataTablePage.vue'
import ModelStatusTag from '@/components/ModelStatusTag.vue'
import { usePolling } from '@/composables/usePolling'
import { useModelsStore } from '@/stores/models'
import {
getFineTuneList,
@@ -44,14 +45,10 @@ const filteredList = computed(() => {
})
})
let progressTimer: ReturnType<typeof setInterval> | null = null
async function loadData() {
loading.value = true
try {
dataList.value = (await getFineTuneList()) || []
// 列表加载完成后,立即获取一次运行中任务的进度
refreshProgress()
} catch {
// 拦截器已提示
} finally {
@@ -101,14 +98,13 @@ function formatDateTime(value?: string) {
return new Date(value).toLocaleString('zh-CN', { hour12: false })
}
onMounted(() => {
modelsStore.load()
loadData()
progressTimer = setInterval(refreshProgress, 5000)
})
const { start: startProgressPolling } = usePolling(refreshProgress, 5000, { immediate: false })
onUnmounted(() => {
if (progressTimer) clearInterval(progressTimer)
onMounted(async () => {
void modelsStore.load()
await loadData()
await refreshProgress()
startProgressPolling()
})
</script>