From 6b9297d30e48b7a3f03a33835ae76fa0cbc31a98 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Wed, 8 May 2024 11:02:30 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=9C=8B=E7=AB=99=E5=BC=80=E5=A7=8B?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/i18n/locales/en-US.ts                     |  1 +
 src/i18n/locales/zh-CN.ts                     |  1 +
 .../system/quick-start/components/Start.vue   | 80 ++++++++++++-------
 3 files changed, 52 insertions(+), 30 deletions(-)

diff --git a/src/i18n/locales/en-US.ts b/src/i18n/locales/en-US.ts
index 53ae2496..268f4411 100644
--- a/src/i18n/locales/en-US.ts
+++ b/src/i18n/locales/en-US.ts
@@ -2,6 +2,7 @@ export default {
   // 语言
   i18n: 'English',
   hello: 'Hello',
+  welcome: 'Welcome, Core Network Management Platform',
 
   // 通用
   common: {
diff --git a/src/i18n/locales/zh-CN.ts b/src/i18n/locales/zh-CN.ts
index 544fdd4a..12a4c172 100644
--- a/src/i18n/locales/zh-CN.ts
+++ b/src/i18n/locales/zh-CN.ts
@@ -2,6 +2,7 @@ export default {
   // 语言
   i18n: '中文',
   hello: '你好',
+  welcome: '欢迎使用，核心网管理平台',
 
   // 通用
   common: {
diff --git a/src/views/system/quick-start/components/Start.vue b/src/views/system/quick-start/components/Start.vue
index 7cc5e2f1..87e7e92b 100644
--- a/src/views/system/quick-start/components/Start.vue
+++ b/src/views/system/quick-start/components/Start.vue
@@ -1,18 +1,19 @@
 <script setup lang="ts">
-import { onMounted, reactive } from 'vue';
+import { onMounted } from 'vue';
 import { fnToStepName } from '../hooks/useStep';
-import { bootloaderStart } from '@/api';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import { TOKEN_RESPONSE_FIELD } from '@/constants/token-constants';
-import { getToken, setToken } from '@/plugins/auth-token'; 
+import { getToken, setToken } from '@/plugins/auth-token';
 import { useRouter } from 'vue-router';
 import useI18n from '@/hooks/useI18n';
+import { bootloaderStart } from '@/api/system/quick-start/bootloader';
 const { t, changeLocale, optionsLocale } = useI18n();
 const router = useRouter();
 
-const state = reactive({
-  copyright: ` `,
-});
+/**改变多语言 */
+function fnChangeLocale(e: any) {
+  changeLocale(e.key);
+}
 
 /**引导开始 */
 function fnGuideStart() {
@@ -33,34 +34,53 @@ onMounted(() => {
 </script>
 
 <template>
-  <div>
-    <div>欢迎使用 {{ t('hello') }}</div>
-    <div>
-      语言切换：
+  <div class="ne">
+    <h2>{{ t('welcome') }}</h2>
 
-      <a-dropdown trigger="click">
-        <a-button size="small" type="default">
-          {{ t('i18n') }}
-          <DownOutlined />
+    <div class="ne-main">
+      <a-space direction="vertical" style="width: 30%">
+        <a-button block type="primary" @click="fnToStepName('SystemConfig')">
+          开始
         </a-button>
-        <template #overlay>
-          <a-menu @click="(e:any)=> changeLocale(e.key)">
-            <a-menu-item v-for="opt in optionsLocale" :key="opt.value">
-              {{ opt.label }}
-            </a-menu-item>
-          </a-menu>
-        </template>
-      </a-dropdown>
+      </a-space>
     </div>
-    ====
-    <div>软件声明:</div>
-    <div>1. 网管配置，网元安装可选</div>
-    <div>2. 可选项，网元安装</div>
 
-    <a-button type="primary" @click="fnToStepName('SystemConfig')">
-      开始
-    </a-button>
+    <div class="ne-footer">
+      <a-space direction="horizontal">
+        <a-dropdown trigger="click">
+          <a-button size="small" type="default">
+            {{ t('i18n') }}
+            <DownOutlined />
+          </a-button>
+          <template #overlay>
+            <a-menu @click="fnChangeLocale">
+              <a-menu-item v-for="opt in optionsLocale" :key="opt.value">
+                {{ opt.label }}
+              </a-menu-item>
+            </a-menu>
+          </template>
+        </a-dropdown>
+      </a-space>
+    </div>
   </div>
 </template>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.ne {
+  height: 524px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+
+  &-main {
+    flex: 1;
+    padding-top: 20%;
+    text-align: center;
+  }
+
+  &-footer {
+    text-align: start;
+  }
+}
+</style>