OMC/fe.ems.vue3
1
0
Fork 0
Code Issues Releases 3 Activity

style: 看站开始页面样式调整

Browse Source
This commit is contained in:
TsMask
2024-05-08 11:02:30 +08:00
parent ace7f26b53
commit 6b9297d30e
3 changed files with 52 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/i18n/locales/en-US.ts
View File

@@ -2,6 +2,7 @@ export default {
// 语言 // 语言
i18n: 'English', i18n: 'English',
hello: 'Hello', hello: 'Hello',
welcome: 'Welcome, Core Network Management Platform',
// 通用 // 通用
common: { common: {

1
src/i18n/locales/zh-CN.ts
View File

@@ -2,6 +2,7 @@ export default {
// 语言 // 语言
i18n: '中文', i18n: '中文',
hello: '你好', hello: '你好',
welcome: '欢迎使用，核心网管理平台',
// 通用 // 通用
common: { common: {

80
src/views/system/quick-start/components/Start.vue
View File

@@ -1,18 +1,19 @@
<script setup lang="ts"> <script setup lang="ts">
import { onMounted, reactive } from 'vue'; import { onMounted } from 'vue';
import { fnToStepName } from '../hooks/useStep'; import { fnToStepName } from '../hooks/useStep';
import { bootloaderStart } from '@/api';
import { RESULT_CODE_SUCCESS } from '@/constants/result-constants'; import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
import { TOKEN_RESPONSE_FIELD } from '@/constants/token-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 { useRouter } from 'vue-router';
import useI18n from '@/hooks/useI18n'; import useI18n from '@/hooks/useI18n';
import { bootloaderStart } from '@/api/system/quick-start/bootloader';
const { t, changeLocale, optionsLocale } = useI18n(); const { t, changeLocale, optionsLocale } = useI18n();
const router = useRouter(); const router = useRouter();
const state = reactive({ /**改变多语言 */
copyright: ` `, function fnChangeLocale(e: any) {
}); changeLocale(e.key);
}
/**引导开始 */ /**引导开始 */
function fnGuideStart() { function fnGuideStart() {
@@ -33,34 +34,53 @@ onMounted(() => {
</script> </script>
<template> <template>
<div> <div class="ne">
<div>欢迎使用 {{ t('hello') }}</div> <h2>{{ t('welcome') }}</h2>
<div>
语言切换：
<a-dropdown trigger="click"> <div class="ne-main">
<a-button size="small" type="default"> <a-space direction="vertical" style="width: 30%">
{{ t('i18n') }} <a-button block type="primary" @click="fnToStepName('SystemConfig')">
<DownOutlined /> 开始
</a-button> </a-button>
<template #overlay> </a-space>
<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>
</div> </div>
====
<div>软件声明:</div>
<div>1. 网管配置，网元安装可选</div>
<div>2. 可选项，网元安装</div>
<a-button type="primary" @click="fnToStepName('SystemConfig')"> <div class="ne-footer">
开始 <a-space direction="horizontal">
</a-button> <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> </div>
</template> </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>