feat: 网元安装页面

This commit is contained in:
TsMask
2024-03-27 19:13:54 +08:00
parent e10a82ff35
commit 5380c4fb3f
5 changed files with 917 additions and 305 deletions

View File

@@ -1,20 +1,13 @@
<script lang="ts" setup>
import { PageContainer } from 'antdv-pro-layout';
import { Modal, message } from 'ant-design-vue/lib';
import { message } from 'ant-design-vue/lib';
import StepCheck from './components/StepCheck.vue';
import StepNeInfo from './components/StepNeInfo.vue';
import StepInstall from './components/StepInstall.vue';
import StepConfig from './components/StepConfig.vue';
import StepActivate from './components/StepActivate.vue';
import StepFinish from './components/StepFinish.vue';
import { reactive, toRaw } from 'vue';
import { parseDuration } from '@/utils/date-utils';
import { listNeHost } from '@/api/ne/neHost';
import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
import { useRouter } from 'vue-router';
import { stepState, fnStepPrev, fnStepNext } from './hooks/useStep';
import useI18n from '@/hooks/useI18n';
const { t } = useI18n();
const router = useRouter();
</script>
<template>
@@ -73,27 +66,12 @@ const router = useRouter();
</template>
<!-- 步骤页面 -->
<StepCheck
v-if="stepState.current === 0"
:state="stepState.states[stepState.current]"
@next="e => fnStepNext(e)"
></StepCheck>
<StepInstall
v-if="stepState.current === 1"
@next="fnStepNext"
></StepInstall>
<StepConfig
v-if="stepState.current === 2"
@next="fnStepNext"
></StepConfig>
<StepActivate
v-if="stepState.current === 3"
@next="fnStepNext"
></StepActivate>
<StepFinish
v-if="stepState.current === 4"
@next="fnStepNext"
></StepFinish>
<StepCheck v-if="stepState.current === 0"></StepCheck>
<StepNeInfo v-if="stepState.current === 1"></StepNeInfo>
<StepInstall v-if="stepState.current === 2"></StepInstall>
<StepConfig v-if="stepState.current === 3"></StepConfig>
<StepActivate v-if="stepState.current === 4"></StepActivate>
<StepFinish v-if="stepState.current === 5"></StepFinish>
</a-card>
</PageContainer>
</template>