diff --git a/teaching_integration_platform_admin_template/src/layout/tabbar/setting/index.vue b/teaching_integration_platform_admin_template/src/layout/tabbar/setting/index.vue index d8a00dd..0904c07 100644 --- a/teaching_integration_platform_admin_template/src/layout/tabbar/setting/index.vue +++ b/teaching_integration_platform_admin_template/src/layout/tabbar/setting/index.vue @@ -11,18 +11,11 @@ /> --> - - - + + +
- + - + - @@ -79,44 +52,21 @@
- + - +

{{ countdown }} 秒

- + 发送验证码
- @@ -128,13 +78,7 @@ - +

Hello

账号

@@ -143,51 +87,24 @@
- + - + - + - - + 登录 @@ -196,99 +113,58 @@
- + - + " />

{{ countdown }} 秒

- + 发送验证码
-
- + -
- + + "> 返回
- + "> 确认
- + 登录 @@ -323,6 +199,7 @@ const goToPage = (event) => { // window.open('https:www.baidu.com', '_blank') window.location.href = 'https:www.baidu.com' } + const fold = ref(false) const LayoutSettingStoe = useLayoutSettingStoe() // 引入登录仓库 @@ -330,6 +207,10 @@ let userStore = useUserStore() // 引入路由 const $router = useRouter() const $route = useRoute() + +const channel = new BroadcastChannel('login') +channel.onmessage = () => location.reload() + const isBtnLoading = ref(false) //账号手机号切换 //注册model,需要从后台获取接口中的字段,用于提交的form对象 @@ -524,10 +405,13 @@ const login = async () => { await userStore.userLogin(formModel.value).then(() => { isBtnLoading.value = false $router.push('/curriculumCenter/basicCourseInformation') + channel.postMessage('') if ($route.query.redirect) { $router.push($route.query.redirect as string) + channel.postMessage('') } else { $router.push('/') + channel.postMessage('') } }) } catch (error) { @@ -548,10 +432,13 @@ const phoneLogin = async () => { .then(() => { isBtnLoading.value = false $router.push('/curriculumCenter/basicCourseInformation') + channel.postMessage('') if ($route.query.redirect) { $router.push($route.query.redirect as string) + channel.postMessage('') } else { $router.push('/') + channel.postMessage('') } }) .catch((error) => { @@ -597,15 +484,18 @@ onUnmounted(() => { height: 100vh; position: absolute; top: 0; + .logo { display: flex; justify-content: space-between; align-items: center; padding: 5px 35px 0px 20px; + .logo_main { display: flex; align-items: center; } + .font { font-size: 20px; font-family: 'YourChosenArtisticFont', sans-serif; @@ -615,6 +505,7 @@ onUnmounted(() => { margin-left: 5px; } } + // background: url('../../assets/images/background.jpg') no-repeat; .loin_form { position: relative; @@ -629,32 +520,39 @@ onUnmounted(() => { padding: 40px; border-radius: 10px; box-shadow: 7px 7px 42px rgba(0, 0, 0, 0.17); + .taggle { display: flex; justify-content: space-between; } + h1 { font-size: 40px; color: #5577ff; } + h2 { font-size: 20px; color: #5577ff; margin: 20px 0; } + .login-btn { width: 100%; } + .p { height: 40px; text-align: center; line-height: 40px; width: 90px; } + .codeVerify { display: flex; justify-content: end; } + .code, .code1 { height: 40px;