|
@@ -1,22 +1,16 @@
|
|
|
<template>
|
|
|
<div class="login login-box">
|
|
|
- <div class="login-theme"><h2>知学知考</h2></div>
|
|
|
<div class="login-body" @keyup.enter="submit('loginForm')">
|
|
|
<div class="login-title">
|
|
|
<img v-if="schoolLogo" :src="schoolLogo" alt="学校logo" />
|
|
|
- <h1 v-else>知学知考</h1>
|
|
|
+ <h1 v-else>教务数据对接系统</h1>
|
|
|
</div>
|
|
|
<div class="login-form">
|
|
|
- <el-form
|
|
|
- v-if="IS_USERNAME_TYPE"
|
|
|
- ref="loginForm"
|
|
|
- :model="loginModel"
|
|
|
- :rules="loginRules"
|
|
|
- >
|
|
|
+ <el-form ref="loginForm" :model="loginModel" :rules="loginRules">
|
|
|
<el-form-item prop="loginName">
|
|
|
<el-input
|
|
|
v-model.trim="loginModel.loginName"
|
|
|
- placeholder="请输入账号"
|
|
|
+ placeholder="请输入手机号"
|
|
|
name="username"
|
|
|
clearable
|
|
|
>
|
|
@@ -33,7 +27,7 @@
|
|
|
<i class="icon icon-password" slot="prefix"></i>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="schoolCode"></el-form-item>
|
|
|
+ <el-form-item></el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button
|
|
|
class="login-submit-btn"
|
|
@@ -44,99 +38,33 @@
|
|
|
@click="submit('loginForm')"
|
|
|
>登录</el-button
|
|
|
>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <el-form v-else ref="loginForm" :model="loginModel" :rules="loginRules">
|
|
|
- <el-form-item prop="mobileNumber">
|
|
|
- <el-input
|
|
|
- v-model.trim="loginModel.mobileNumber"
|
|
|
- placeholder="请输入手机号"
|
|
|
- name="mobileNumber"
|
|
|
- clearable
|
|
|
- >
|
|
|
- <i class="icon icon-phone" slot="prefix"></i>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="code">
|
|
|
- <div class="vlcode">
|
|
|
- <div class="vlcode-right">
|
|
|
- <el-button
|
|
|
- style="width:100%;"
|
|
|
- type="text"
|
|
|
- @click="fetchSmsCode"
|
|
|
- :disabled="isFetchingCode"
|
|
|
- >+{{ codeContent }}</el-button
|
|
|
- >
|
|
|
- </div>
|
|
|
- <div class="vlcode-left">
|
|
|
- <el-input
|
|
|
- v-model.trim="loginModel.code"
|
|
|
- placeholder="请输入手机验证码"
|
|
|
- name="code"
|
|
|
- clearable
|
|
|
- >
|
|
|
- <i class="icon icon-checkcode" slot="prefix"></i>
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
+ <div class="login-link">
|
|
|
+ <router-link :to="{ name: 'ForgetPwd' }">忘记密码</router-link>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="schoolCode"></el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button
|
|
|
- class="login-submit-btn"
|
|
|
- size="large"
|
|
|
- type="info"
|
|
|
- :disabled="isSubmit"
|
|
|
- round
|
|
|
- @click="submit('loginForm')"
|
|
|
- >登录</el-button
|
|
|
- >
|
|
|
- </el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
- <div class="login-action box-justify">
|
|
|
- <div></div>
|
|
|
- <el-button type="text" @click="switchLoginType">
|
|
|
- <i>{{ switchBtnName }}</i>
|
|
|
- <i class="el-icon-arrow-right"></i>
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
</div>
|
|
|
-
|
|
|
- <!-- 修改密码 -->
|
|
|
- <reset-pwd
|
|
|
- :user-info="userInfo"
|
|
|
- ref="ResetPwd"
|
|
|
- @modified="resetPwdSuccess"
|
|
|
- ></reset-pwd>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { password, phone, smscode } from "@/plugins/formRules";
|
|
|
-import { login, getSmsCode, getSchoolInfo } from "../api";
|
|
|
+import { password } from "@/plugins/formRules";
|
|
|
+import { login } from "../api";
|
|
|
import { Base64 } from "@/plugins/crypto";
|
|
|
-import ResetPwd from "@/modules/base/components/ResetPwd";
|
|
|
-import { ORG_CODE } from "@/constants/app";
|
|
|
import fetchSmsMixins from "../fetchSmsMixins";
|
|
|
|
|
|
export default {
|
|
|
name: "login",
|
|
|
- components: { ResetPwd },
|
|
|
mixins: [fetchSmsMixins],
|
|
|
data() {
|
|
|
return {
|
|
|
- nameWaitTime: "login",
|
|
|
- smsCodeRequired: false,
|
|
|
+ schoolLogo: "",
|
|
|
loginModel: {
|
|
|
- schoolCode: ORG_CODE,
|
|
|
loginName: "",
|
|
|
- password: "",
|
|
|
- code: "",
|
|
|
- mobileNumber: ""
|
|
|
+ password: ""
|
|
|
},
|
|
|
loginRules: {
|
|
|
- code: smscode,
|
|
|
password,
|
|
|
loginName: [
|
|
|
{
|
|
@@ -144,46 +72,16 @@ export default {
|
|
|
message: "请输入用户名",
|
|
|
trigger: "change"
|
|
|
}
|
|
|
- ],
|
|
|
- schoolCode: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: "学校编码缺失",
|
|
|
- trigger: "change"
|
|
|
- }
|
|
|
- ],
|
|
|
- mobileNumber: phone
|
|
|
+ ]
|
|
|
},
|
|
|
userInfo: {},
|
|
|
- roles: [],
|
|
|
- isSubmit: false,
|
|
|
- schoolLogo: "",
|
|
|
- loginType: "ACCOUNT"
|
|
|
+ isSubmit: false
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
this.$ls.clear();
|
|
|
- this.setWaitingTime();
|
|
|
- this.getSchool();
|
|
|
- },
|
|
|
- computed: {
|
|
|
- IS_USERNAME_TYPE() {
|
|
|
- return this.loginType === "ACCOUNT";
|
|
|
- },
|
|
|
- switchBtnName() {
|
|
|
- return this.loginType === "ACCOUNT" ? "短信登录" : "账号登录";
|
|
|
- }
|
|
|
},
|
|
|
methods: {
|
|
|
- async getSchool() {
|
|
|
- const data = await getSchoolInfo(ORG_CODE);
|
|
|
- this.$ls.set("schoolLogo", data.logo);
|
|
|
- this.$ls.set("schoolName", data.name);
|
|
|
- this.schoolLogo = data.logo;
|
|
|
- },
|
|
|
- switchLoginType() {
|
|
|
- this.loginType = this.loginType === "ACCOUNT" ? "PHONE" : "ACCOUNT";
|
|
|
- },
|
|
|
async submit(name) {
|
|
|
const valid = await this.$refs[name].validate().catch(() => {});
|
|
|
if (!valid) return;
|
|
@@ -191,22 +89,9 @@ export default {
|
|
|
if (this.isSubmit) return;
|
|
|
this.isSubmit = true;
|
|
|
let datas = {
|
|
|
- schoolCode: this.loginModel.schoolCode,
|
|
|
- type: this.loginType
|
|
|
+ loginName: this.loginModel.loginName,
|
|
|
+ password: Base64(this.loginModel.password)
|
|
|
};
|
|
|
- if (this.IS_USERNAME_TYPE) {
|
|
|
- datas = {
|
|
|
- ...datas,
|
|
|
- loginName: this.loginModel.loginName,
|
|
|
- password: Base64(this.loginModel.password)
|
|
|
- };
|
|
|
- } else {
|
|
|
- datas = {
|
|
|
- ...datas,
|
|
|
- code: this.loginModel.code,
|
|
|
- mobileNumber: this.loginModel.mobileNumber
|
|
|
- };
|
|
|
- }
|
|
|
const data = await login(datas).catch(() => {});
|
|
|
this.isSubmit = false;
|
|
|
if (!data) return;
|
|
@@ -216,104 +101,11 @@ export default {
|
|
|
if (data.schoolInfo)
|
|
|
this.$ls.set("schoolId", data.schoolInfo.id, this.GLOBAL.authTimeout);
|
|
|
this.$ls.set("user", data, this.GLOBAL.authTimeout);
|
|
|
-
|
|
|
- this.$ls.set("token", data.accessToken, this.GLOBAL.authTimeout);
|
|
|
-
|
|
|
- // 强制修改密码和绑定手机号
|
|
|
- if (
|
|
|
- data.userLoginCheckResult &&
|
|
|
- (!data.userLoginCheckResult.pwdCount ||
|
|
|
- !data.userLoginCheckResult.mobileNumber)
|
|
|
- ) {
|
|
|
- this.userInfo = {
|
|
|
- ...this.loginModel,
|
|
|
- ...data.userLoginCheckResult
|
|
|
- };
|
|
|
- this.$refs.ResetPwd.open();
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- if (data.roleList && data.roleList.includes("ADMIN")) {
|
|
|
- this.$router.push({
|
|
|
- name: "SelectSchool"
|
|
|
- });
|
|
|
- } else {
|
|
|
- this.$router.push({
|
|
|
- name: "Home"
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- resetPwdSuccess(data) {
|
|
|
- if (data.orgInfo)
|
|
|
- this.$ls.set("orgId", data.orgInfo.id, this.GLOBAL.authTimeout);
|
|
|
- if (data.schoolInfo)
|
|
|
- this.$ls.set("schoolId", data.schoolInfo.id, this.GLOBAL.authTimeout);
|
|
|
- this.$ls.set("user", data, this.GLOBAL.authTimeout);
|
|
|
-
|
|
|
this.$ls.set("token", data.accessToken, this.GLOBAL.authTimeout);
|
|
|
|
|
|
- if (data.roleList && data.roleList.includes("ADMIN")) {
|
|
|
- this.$router.push({
|
|
|
- name: "SelectSchool"
|
|
|
- });
|
|
|
- } else {
|
|
|
- this.$router.push({
|
|
|
- name: "Home"
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- // code valid
|
|
|
- checkField(field) {
|
|
|
- return new Promise((resolve, reject) => {
|
|
|
- this.$refs.loginForm.validateField(field, unvalid => {
|
|
|
- if (unvalid) {
|
|
|
- reject();
|
|
|
- } else {
|
|
|
- resolve();
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
- },
|
|
|
- async fetchSmsCode() {
|
|
|
- const validAll = [
|
|
|
- this.checkField("mobileNumber"),
|
|
|
- this.checkField("schoolCode")
|
|
|
- ];
|
|
|
-
|
|
|
- let result = true;
|
|
|
- await Promise.all(validAll).catch(() => {
|
|
|
- result = false;
|
|
|
- });
|
|
|
-
|
|
|
- if (!result) return;
|
|
|
-
|
|
|
- this.isFetchingCode = true;
|
|
|
- const data = await getSmsCode({
|
|
|
- schoolCode: this.loginModel.schoolCode,
|
|
|
- mobileNumber: this.loginModel.mobileNumber
|
|
|
- }).catch(() => {
|
|
|
- this.isFetchingCode = false;
|
|
|
+ this.$router.push({
|
|
|
+ name: "Home"
|
|
|
});
|
|
|
- if (!data) return;
|
|
|
-
|
|
|
- if (data.mobileNumber) {
|
|
|
- this.$message.success(
|
|
|
- `已向手机尾号【${data.mobileNumber.slice(
|
|
|
- -4
|
|
|
- )}】成功发送短信,请在2分钟内进行验证!`
|
|
|
- );
|
|
|
- this.changeContent();
|
|
|
- } else {
|
|
|
- this.isFetchingCode = false;
|
|
|
- this.$message.error("未绑定手机号,请先绑定!");
|
|
|
- // this.userInfo = {
|
|
|
- // ...data,
|
|
|
- // loginName: this.loginModel.loginName,
|
|
|
- // schoolCode: this.loginModel.schoolCode,
|
|
|
- // password: this.loginModel.password
|
|
|
- // };
|
|
|
- // this.$refs.ResetPwd.open();
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
};
|