-
+
-
+ " />
-
+
发送验证码
-
+
注册
-
+
-
-
+
+ ">
返回
-
+ ">
确认
-
+
登录
@@ -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;