feat: 网元快速安装多语言翻译

This commit is contained in:
TsMask
2024-05-20 20:18:00 +08:00
parent 624f67ecca
commit 814b7b0058
10 changed files with 285 additions and 340 deletions

View File

@@ -1,7 +1,7 @@
<script setup lang="ts">
import { Modal } from 'ant-design-vue/lib';
import { defineAsyncComponent, onMounted, onUnmounted, reactive } from 'vue';
import { fnRestStepState, stepState } from '../hooks/useStep';
import { fnRestStepState, fnToStepName, stepState } from '../hooks/useStep';
import useI18n from '@/hooks/useI18n';
import { codeNeLicense, stateNeLicense } from '@/api/ne/neLicense';
import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
@@ -105,7 +105,13 @@ onUnmounted(() => {
<template>
<a-result
:status="!state.from.sn ? 'info' : 'success'"
:title="!state.from.sn ? '是否立即授权激活' : '成功激活'"
:title="
t(
!state.from.sn
? 'views.ne.neQuickSetup.licenseResultTitle'
: 'views.ne.neQuickSetup.licenseResultTitleOk'
)
"
>
<template #extra>
<a-button
@@ -114,14 +120,14 @@ onUnmounted(() => {
:loading="state.timeCount < 30"
@click="() => (state.visibleByFile = !state.visibleByFile)"
>
授权激活
{{ t('views.ne.neQuickSetup.licenseUpload') }}
</a-button>
<a-button
type="default"
:disabled="state.timeCount < 30"
@click="fnStepEnd()"
>
结束
{{ t('views.ne.neQuickSetup.licenseEnd') }}
</a-button>
</template>
@@ -130,18 +136,18 @@ onUnmounted(() => {
state.timeInterval === null && state.timeCount === 30 && !state.from.sn
"
>
<p>授权激活可获取授权激活码,得到授权文件后上传激活</p>
<p>结束将返回第一步</p>
<p>{{ t('views.ne.neQuickSetup.licenseTip1') }}</p>
<p>{{ t('views.ne.neQuickSetup.licenseTip2') }}</p>
</div>
<div v-if="state.timeInterval !== null">
<a-space direction="horizontal" :size="16">
<a-spin />
等待网元验证 {{ state.timeCount }}s
{{ t('views.ne.neQuickSetup.licenseCheack') }} {{ state.timeCount }}s
</a-space>
</div>
<div v-if="state.from.sn !== ''">
<p style="font-size: 16px">序列号{{ state.from.sn }}</p>
<p style="font-size: 16px">许可证到期时间{{ state.from.expire }}</p>
<div v-if="state.from.sn !== ''" style="font-size: 16px">
<p>{{ t('views.ne.common.serialNum') }}{{ state.from.sn }}</p>
<p>{{ t('views.ne.common.expiryDate') }}{{ state.from.expire }}</p>
</div>
</a-result>