kunthawat/microfish
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(i18n): replace hardcoded Chinese in frontend views with i18n calls

Browse Source
This commit is contained in:
ghostubborn
2026-04-01 15:36:29 +08:00
parent 74f673a238
commit 70833821a2
6 changed files with 56 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/views/MainView.vue
View File

@@ -15,7 +15,7 @@
:class="{ active: viewMode === mode }"
@click="viewMode = mode"
>
{{ { graph: '图谱', split: '双栏', workbench: '工作台' }[mode] }}
{{ { graph: $t('main.layoutGraph'), split: $t('main.layoutSplit'), workbench: $t('main.layoutWorkbench') }[mode] }}
</button>
</div>
</div>
@@ -25,7 +25,7 @@
<div class="step-divider"></div>
<div class="workflow-step">
<span class="step-num">Step {{ currentStep }}/5</span>
<span class="step-name">{{ stepNames[currentStep - 1] }}</span>
<span class="step-name">{{ $tm('main.stepNames')[currentStep - 1] }}</span>
</div>
<div class="step-divider"></div>
<span class="status-indicator" :class="statusClass">
@@ -79,6 +79,7 @@
<script setup>
import { ref, computed, onMounted, onUnmounted, nextTick } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { useI18n } from 'vue-i18n'
import GraphPanel from '../components/GraphPanel.vue'
import Step1GraphBuild from '../components/Step1GraphBuild.vue'
import Step2EnvSetup from '../components/Step2EnvSetup.vue'
@@ -88,13 +89,14 @@ import LanguageSwitcher from '../components/LanguageSwitcher.vue'
const route = useRoute()
const router = useRouter()
const { t, tm } = useI18n()
// Layout State
const viewMode = ref('split') // graph | split | workbench
// Step State
const currentStep = ref(1) // 1: 图谱构建, 2: 环境搭建, 3: 开始模拟, 4: 报告生成, 5: 深度互动
const stepNames = ['图谱构建', '环境搭建', '开始模拟', '报告生成', '深度互动']
const stepNames = computed(() => tm('main.stepNames'))
// Data State
const currentProjectId = ref(route.params.projectId)
@@ -162,7 +164,7 @@ const toggleMaximize = (target) => {
const handleNextStep = (params = {}) => {
if (currentStep.value < 5) {
currentStep.value++
addLog(`进入 Step ${currentStep.value}: ${stepNames[currentStep.value - 1]}`)
addLog(`进入 Step ${currentStep.value}: ${stepNames.value[currentStep.value - 1]}`)
// 如果是从 Step 2 进入 Step 3，记录模拟轮数配置
if (currentStep.value === 3 && params.maxRounds) {
@@ -174,7 +176,7 @@ const handleNextStep = (params = {}) => {
const handleGoBack = () => {
if (currentStep.value > 1) {
currentStep.value--
addLog(`返回 Step ${currentStep.value}: ${stepNames[currentStep.value - 1]}`)
addLog(`返回 Step ${currentStep.value}: ${stepNames.value[currentStep.value - 1]}`)
}
}