From 7ae4f8a626802bc8f027aa091046db97635da879 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期一, 19 八月 2024 19:16:35 +0800
Subject: [PATCH] 完成首页母版
---
src/views/login/component/account.vue | 54 +++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 37 insertions(+), 17 deletions(-)
diff --git a/src/views/login/component/account.vue b/src/views/login/component/account.vue
index a646f5a..03b0338 100644
--- a/src/views/login/component/account.vue
+++ b/src/views/login/component/account.vue
@@ -27,7 +27,7 @@
</template>
</el-input>
</el-form-item>
- <el-form-item class="login-animation3">
+ <!-- <el-form-item class="login-animation3">
<el-col :span="15">
<el-input
text
@@ -46,7 +46,7 @@
<el-col :span="8">
<el-button class="login-content-code" v-waves>1234</el-button>
</el-col>
- </el-form-item>
+ </el-form-item> -->
<el-form-item class="login-animation4">
<el-button type="primary" class="login-content-submit" round v-waves @click="onSignIn" :loading="state.loading.signIn">
<span>{{ $t('message.account.accountBtnText') }}</span>
@@ -68,6 +68,8 @@
import { Session } from '/@/utils/storage';
import { formatAxis } from '/@/utils/formatTime';
import { NextLoading } from '/@/utils/loading';
+import { signIn } from '/@/api/login';
+import { error } from 'console';
// 定义变量内容
const { t } = useI18n();
@@ -93,22 +95,40 @@
});
// 登录
const onSignIn = async () => {
- state.loading.signIn = true;
- // 存储 token 到浏览器缓存
- Session.set('token', Math.random().toString(36).substr(0));
- // 模拟数据,对接接口时,记得删除多余代码及对应依赖的引入。用于 `/src/stores/userInfo.ts` 中不同用户登录判断(模拟数据)
- Cookies.set('userName', state.ruleForm.userName);
- if (!themeConfig.value.isRequestRoutes) {
- // 前端控制路由,2、请注意执行顺序
- const isNoPower = await initFrontEndControlRoutes();
- signInSuccess(isNoPower);
- } else {
- // 模拟后端控制路由,isRequestRoutes 为 true,则开启后端控制路由
- // 添加完动态路由,再进行 router 跳转,否则可能报错 No match found for location with path "/"
- const isNoPower = await initBackEndControlRoutes();
- // 执行完 initBackEndControlRoutes,再执行 signInSuccess
- signInSuccess(isNoPower);
+ try{
+ state.loading.signIn = true;
+ const signInRes = await signIn(`user_no=${state.ruleForm.userName}&user_password=${state.ruleForm.password}`)
+ if(signInRes.data){
+ // 存储 token 到浏览器缓存
+ Session.set('token', signInRes.data);
+ // 模拟数据,对接接口时,记得删除多余代码及对应依赖的引入。用于 `/src/stores/userInfo.ts` 中不同用户登录判断(模拟数据)
+ Cookies.set('userName', state.ruleForm.userName);
+ // 前端控制路由,2、请注意执行顺序
+ const isNoPower = await initFrontEndControlRoutes();
+ signInSuccess(isNoPower);
+
+ }
+ }catch(err){
+ console.log(err)
+ state.loading.signIn = false
}
+
+
+ // 存储 token 到浏览器缓存
+ // Session.set('token', '999');
+ // 模拟数据,对接接口时,记得删除多余代码及对应依赖的引入。用于 `/src/stores/userInfo.ts` 中不同用户登录判断(模拟数据)
+ // Cookies.set('userName', state.ruleForm.userName);
+ // if (!themeConfig.value.isRequestRoutes) {
+ // // 前端控制路由,2、请注意执行顺序
+ // const isNoPower = await initFrontEndControlRoutes();
+ // signInSuccess(isNoPower);
+ // } else {
+ // // 模拟后端控制路由,isRequestRoutes 为 true,则开启后端控制路由
+ // // 添加完动态路由,再进行 router 跳转,否则可能报错 No match found for location with path "/"
+ // const isNoPower = await initBackEndControlRoutes();
+ // // 执行完 initBackEndControlRoutes,再执行 signInSuccess
+ // signInSuccess(isNoPower);
+ // }
};
// 登录成功后的跳转
const signInSuccess = (isNoPower: boolean | undefined) => {
--
Gitblit v1.8.0