|
@@ -7,7 +7,12 @@
|
|
|
<h1 v-else>教务处平台</h1>
|
|
|
</div>
|
|
|
<div class="login-form">
|
|
|
- <el-form ref="loginForm" :model="loginModel" :rules="loginRules">
|
|
|
+ <el-form
|
|
|
+ v-if="IS_USERNAME_TYPE"
|
|
|
+ ref="loginForm"
|
|
|
+ :model="loginModel"
|
|
|
+ :rules="loginRules"
|
|
|
+ >
|
|
|
<el-form-item prop="loginName">
|
|
|
<el-input
|
|
|
v-model.trim="loginModel.loginName"
|
|
@@ -28,7 +33,31 @@
|
|
|
<i class="icon icon-password" slot="prefix"></i>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="code" v-if="smsCodeRequired">
|
|
|
+ <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>
|
|
|
+ <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
|
|
@@ -65,6 +94,13 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
+ <div class="login-footer box-justify">
|
|
|
+ <div></div>
|
|
|
+ <el-button type="text" @click="switchLoginType">
|
|
|
+ <i>{{ switchBtnName }}</i>
|
|
|
+ <i class="el-icon-arrow-right"></i>
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 修改密码 -->
|
|
@@ -77,8 +113,8 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { password, smscode } from "@/plugins/formRules";
|
|
|
-import { login, getSmsCode, getSchoolInfo, getSysConfig } from "../api";
|
|
|
+import { password, phone, smscode } from "@/plugins/formRules";
|
|
|
+import { login, getSmsCode, getSchoolInfo } from "../api";
|
|
|
import { Base64 } from "@/plugins/crypto";
|
|
|
import ResetPwd from "@/modules/base/components/ResetPwd";
|
|
|
import { ORG_CODE } from "@/constants/app";
|
|
@@ -95,8 +131,9 @@ export default {
|
|
|
loginModel: {
|
|
|
schoolCode: ORG_CODE,
|
|
|
loginName: "",
|
|
|
+ password: "",
|
|
|
code: "",
|
|
|
- password: ""
|
|
|
+ mobileNumber: ""
|
|
|
},
|
|
|
loginRules: {
|
|
|
code: smscode,
|
|
@@ -114,43 +151,63 @@ export default {
|
|
|
message: "学校编码缺失",
|
|
|
trigger: "change"
|
|
|
}
|
|
|
- ]
|
|
|
+ ],
|
|
|
+ mobileNumber: phone
|
|
|
},
|
|
|
userInfo: {},
|
|
|
roles: [],
|
|
|
isSubmit: false,
|
|
|
- schoolLogo: ""
|
|
|
+ schoolLogo: "",
|
|
|
+ loginType: "ACCOUNT"
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
this.$ls.clear();
|
|
|
this.setWaitingTime();
|
|
|
this.getSchool();
|
|
|
- this.getSmsCodeRequired();
|
|
|
},
|
|
|
- methods: {
|
|
|
- async getSmsCodeRequired() {
|
|
|
- const data = await getSysConfig("sys.code.enable");
|
|
|
- this.smsCodeRequired = data && data.configValue === "true";
|
|
|
+ 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;
|
|
|
|
|
|
if (this.isSubmit) return;
|
|
|
this.isSubmit = true;
|
|
|
- const data = await login({
|
|
|
- loginName: this.loginModel.loginName,
|
|
|
- password: Base64(this.loginModel.password),
|
|
|
- code: this.smsCodeRequired ? this.loginModel.code : null,
|
|
|
- schoolCode: this.loginModel.schoolCode
|
|
|
- }).catch(() => {});
|
|
|
+ let datas = {
|
|
|
+ schoolCode: this.loginModel.schoolCode,
|
|
|
+ type: this.loginType
|
|
|
+ };
|
|
|
+ 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;
|
|
|
|