diff --git a/src/views/system/quick-build/components/Done.vue b/src/views/system/quick-build/components/Done.vue
new file mode 100644
index 00000000..ac285423
--- /dev/null
+++ b/src/views/system/quick-build/components/Done.vue
@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import { guideDone } from '@/api';
+import { stepState, fnStepNext, fnStepPrev } from '../hooks/useStep';
+import { message, Form, Modal } from 'ant-design-vue/lib';
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { removeToken } from '@/plugins/auth-token';
+import { useRouter } from 'vue-router';
+import useAppStore from '@/store/modules/app';
+import useI18n from '@/hooks/useI18n';
+const { t } = useI18n();
+const router = useRouter();
+
+/**引导完成 */
+function fnGuideDone() {
+  guideDone()
+    .then(res => {
+      if (res.code === RESULT_CODE_SUCCESS) {
+        removeToken();
+        useAppStore().sysGuide = false;
+      }
+    })
+    .finally(() => {
+      router.push({ name: 'Login' });
+    });
+}
+</script>
+
+<template>
+  <div>
+    <div>结束</div>
+    <p>安装网元会有：网元信息-授权有效期</p>
+    =======提示
+    <p>未配置相关网元，请进入系统后，根据情况单独安装网元</p>
+
+    <a-button type="primary" @click="fnGuideDone()"> 开始使用 </a-button>
+  </div>
+</template>
+
+<style lang="less" scoped></style>
diff --git a/src/views/system/quick-build/components/End.vue b/src/views/system/quick-build/components/End.vue
deleted file mode 100644
index 8177c133..00000000
--- a/src/views/system/quick-build/components/End.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<script setup lang="ts">
-import { stepState, fnStepNext, fnStepPrev } from '../hooks/useStep';
-import { message, Form, Modal } from 'ant-design-vue/lib';
-</script>
-
-<template>
-  <div>
-    <div>结束</div>
-    <p>安装网元会有：网元信息-授权有效期</p>
-    =======提示
-    <p>未配置相关网元，请进入系统后，根据情况单独安装网元</p>
-
-    <a-button type="primary" @click="message.success('ok')">
-      开始使用
-    </a-button>
-  </div>
-</template>
-
-<style lang="less" scoped></style>