feat: 隐藏导航页面
This commit is contained in:
@@ -84,13 +84,13 @@ const menus = computed(() => {
|
||||
// icon: CircleHelp,
|
||||
// text: $t('ui.widgets.qa'),
|
||||
// },
|
||||
{
|
||||
handler: () => {
|
||||
router.push('/navigation');
|
||||
},
|
||||
// icon: TagOutlined,
|
||||
text: '返回导航',
|
||||
},
|
||||
// {
|
||||
// handler: () => {
|
||||
// router.push('/navigation');
|
||||
// },
|
||||
// // icon: TagOutlined,
|
||||
// text: '返回导航',
|
||||
// },
|
||||
];
|
||||
/**
|
||||
* 租户选中状态 不显示个人中心
|
||||
|
@@ -56,9 +56,7 @@ export const useAuthStore = defineStore('auth', () => {
|
||||
if (accessStore.loginExpired) {
|
||||
accessStore.setLoginExpired(false);
|
||||
} else {
|
||||
onSuccess
|
||||
? await onSuccess?.()
|
||||
: await router.push('/navigation');
|
||||
onSuccess ? await onSuccess?.() : await router.push('/analytics');
|
||||
}
|
||||
|
||||
if (userInfo?.realName) {
|
||||
|
@@ -36,17 +36,17 @@ const { authPanelCenter, authPanelLeft, authPanelRight, isDark } =
|
||||
usePreferences();
|
||||
</script> -->
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted } from 'vue'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { useAuthStore } from '../../../../../apps/web-antd/src/store'
|
||||
import { ref, onMounted } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
import { useAuthStore } from '../../../../../apps/web-antd/src/store';
|
||||
import { Checkbox } from 'ant-design-vue';
|
||||
const router = useRouter()
|
||||
const router = useRouter();
|
||||
const authStore = useAuthStore();
|
||||
|
||||
// 响应式数据
|
||||
const username = ref('')
|
||||
const password = ref('')
|
||||
const rememberMe = ref(false)
|
||||
const username = ref('');
|
||||
const password = ref('');
|
||||
const rememberMe = ref(false);
|
||||
|
||||
// 页面加载时恢复用户名
|
||||
onMounted(() => {
|
||||
@@ -58,6 +58,7 @@ onMounted(() => {
|
||||
});
|
||||
function getRetUrlParam() {
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
console.log('urlParams', urlParams);
|
||||
return urlParams.get('returl');
|
||||
}
|
||||
const retUrl: string | null = getRetUrlParam();
|
||||
@@ -66,47 +67,50 @@ const retUrl : string | null = getRetUrlParam();
|
||||
const login = () => {
|
||||
// 验证输入
|
||||
if (!username.value.trim()) {
|
||||
alert('请输入用户名')
|
||||
return
|
||||
alert('请输入用户名');
|
||||
return;
|
||||
}
|
||||
|
||||
if (!password.value.trim()) {
|
||||
alert('请输入密码')
|
||||
return
|
||||
alert('请输入密码');
|
||||
return;
|
||||
}
|
||||
|
||||
// 模拟登录请求
|
||||
console.log('正在登录...', { username: username.value, password: password.value })
|
||||
console.log('正在登录...', {
|
||||
username: username.value,
|
||||
password: password.value,
|
||||
});
|
||||
|
||||
setTimeout(() => {
|
||||
alert('登录成功!')
|
||||
alert('登录成功!');
|
||||
|
||||
// 存储用户名
|
||||
if (rememberMe.value) {
|
||||
localStorage.setItem('rememberedUser', username.value)
|
||||
localStorage.setItem('rememberedUser', username.value);
|
||||
} else {
|
||||
localStorage.removeItem('rememberedUser')
|
||||
localStorage.removeItem('rememberedUser');
|
||||
}
|
||||
|
||||
// 跳转页面
|
||||
router.push('/navigation')
|
||||
}, 800)
|
||||
}
|
||||
router.push('/navigation');
|
||||
}, 800);
|
||||
};
|
||||
const handleAccountLogin = async () => {
|
||||
try {
|
||||
// const requestParam: any = omit(values, ['code']);
|
||||
// 登录
|
||||
await authStore.authLogin({
|
||||
grantType: "password",
|
||||
grantType: 'password',
|
||||
password: password.value,
|
||||
tenantId: "000000",
|
||||
tenantId: '000000',
|
||||
username: username.value,
|
||||
retUrl: retUrl,
|
||||
});
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -122,7 +126,11 @@ const handleAccountLogin = async () => {
|
||||
<h3>用户登录</h3>
|
||||
<!-- 用户名输入 -->
|
||||
<div class="input-group">
|
||||
<img src="../../../../../apps/web-antd/src/assets/my.png" alt="User Icon" class="input-icon">
|
||||
<img
|
||||
src="../../../../../apps/web-antd/src/assets/my.png"
|
||||
alt="User Icon"
|
||||
class="input-icon"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
placeholder="请输入您的用户名"
|
||||
@@ -132,7 +140,11 @@ const handleAccountLogin = async () => {
|
||||
|
||||
<!-- 密码输入 -->
|
||||
<div class="input-group">
|
||||
<img src="../../../../../apps/web-antd/src/assets/mima.png" alt="Password Icon" class="input-icon">
|
||||
<img
|
||||
src="../../../../../apps/web-antd/src/assets/mima.png"
|
||||
alt="Password Icon"
|
||||
class="input-icon"
|
||||
/>
|
||||
<input
|
||||
type="password"
|
||||
placeholder="请输入您的密码"
|
||||
@@ -280,7 +292,8 @@ const handleAccountLogin = async () => {
|
||||
<style scoped>
|
||||
@font-face {
|
||||
font-family: 'BaiduVariety';
|
||||
src: url('../../../../../apps/web-antd/src/assets/fonts/百度综艺简体.ttf') format('truetype');
|
||||
src: url('../../../../../apps/web-antd/src/assets/fonts/百度综艺简体.ttf')
|
||||
format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -293,9 +306,11 @@ const handleAccountLogin = async () => {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background:
|
||||
/* url('../../../../../apps/web-antd/src/assets/juxing.png') no-repeat center center fixed, */
|
||||
url('../../../../../apps/web-antd/src/assets/222.png') no-repeat center center fixed;
|
||||
background-size: 100% 100%, 100% 100%;
|
||||
/* url('../../../../../apps/web-antd/src/assets/juxing.png') no-repeat center center fixed, */ url('../../../../../apps/web-antd/src/assets/222.png')
|
||||
no-repeat center center fixed;
|
||||
background-size:
|
||||
100% 100%,
|
||||
100% 100%;
|
||||
/* background-repeat: no-repeat, no-repeat;
|
||||
background-position: center center, center center; */
|
||||
color: #fff;
|
||||
@@ -335,7 +350,8 @@ const handleAccountLogin = async () => {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
background: url('../../../../../apps/web-antd/src/assets/from.png') no-repeat center center fixed;
|
||||
background: url('../../../../../apps/web-antd/src/assets/from.png') no-repeat
|
||||
center center fixed;
|
||||
}
|
||||
.login-form {
|
||||
border-radius: 10px;
|
||||
@@ -380,8 +396,8 @@ input:-webkit-autofill {
|
||||
margin-top: 20px;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background-color: #19DCF8;
|
||||
color: #0254A5;
|
||||
background-color: #19dcf8;
|
||||
color: #0254a5;
|
||||
cursor: pointer;
|
||||
font-size: 22px;
|
||||
margin-top: 70px;
|
||||
@@ -401,8 +417,6 @@ input:-webkit-autofill {
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 新增 .input-group 样式 */
|
||||
.input-group {
|
||||
display: flex;
|
||||
|
@@ -11,7 +11,7 @@ import {
|
||||
LanguageToggle,
|
||||
PreferencesButton,
|
||||
ThemeToggle,
|
||||
BackNavigation,
|
||||
// BackNavigation,
|
||||
} from '../../widgets';
|
||||
|
||||
interface Props {
|
||||
@@ -44,8 +44,7 @@ const rightSlots = computed(() => {
|
||||
list.push({
|
||||
index: REFERENCE_VALUE,
|
||||
name: 'global-search',
|
||||
}
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
if (preferencesButtonPosition.value.header) {
|
||||
@@ -172,9 +171,9 @@ function clearPreferencesAndLogout() {
|
||||
<template v-else-if="slot.name === 'fullscreen'">
|
||||
<VbenFullScreen class="mr-1" />
|
||||
</template>
|
||||
<template v-else-if="slot.name === 'back-navigation'">
|
||||
<!-- <template v-else-if="slot.name === 'back-navigation'">
|
||||
<BackNavigation class="mr-1" />
|
||||
</template>
|
||||
</template> -->
|
||||
</slot>
|
||||
</template>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user