|
@@ -86,83 +86,6 @@
|
|
|
>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
-
|
|
|
- <!-- <el-form
|
|
|
- ref="loginForm"
|
|
|
- :model="loginForm"
|
|
|
- :rules="loginRules"
|
|
|
- class="login-form"
|
|
|
- >
|
|
|
- <img src="../assets/images/comp.png" class="comlogo" />
|
|
|
- <span class="title">智能制造平台</span>
|
|
|
- <el-form-item prop="username">
|
|
|
- <p style="line-height: 12px">用户名</p>
|
|
|
- <el-input
|
|
|
- v-model="loginForm.username"
|
|
|
- type="text"
|
|
|
- auto-complete="off"
|
|
|
- placeholder="账号"
|
|
|
- show-password
|
|
|
- >
|
|
|
-
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="password">
|
|
|
- <p style="line-height: 12px">密码</p>
|
|
|
- <el-input
|
|
|
- v-model="loginForm.password"
|
|
|
- type="password"
|
|
|
- auto-complete="off"
|
|
|
- placeholder="密码"
|
|
|
- @keyup.enter.native="handleLogin"
|
|
|
- show-password
|
|
|
- >
|
|
|
-
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item prop="code" v-if="captchaEnabled">
|
|
|
- <div style="line-height: 12px">验证码</div>
|
|
|
- <el-input
|
|
|
- v-model="loginForm.code"
|
|
|
- auto-complete="off"
|
|
|
- placeholder="验证码"
|
|
|
- style="width: 63%"
|
|
|
- @keyup.enter.native="handleLogin"
|
|
|
- show-password
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- <div class="login-code">
|
|
|
- <img :src="codeUrl" @click="getCode" class="login-code-img" />
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- <el-checkbox
|
|
|
- v-model="loginForm.rememberMe"
|
|
|
- class="a"
|
|
|
- >在这个设备上记住我</el-checkbox
|
|
|
- >
|
|
|
-
|
|
|
- <el-form-item >
|
|
|
- <el-button
|
|
|
- :loading="loading"
|
|
|
- size="medium"
|
|
|
- type="primary"
|
|
|
- @click.native.prevent="handleLogin"
|
|
|
- >
|
|
|
- <span v-if="!loading">登 录</span>
|
|
|
- <span v-else>登 录 中...</span>
|
|
|
- </el-button>
|
|
|
- <div style="float: right" v-if="register">
|
|
|
- <router-link class="link-type" :to="'/register'"
|
|
|
- >立即注册</router-link
|
|
|
- >
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
-
|
|
|
- <div class="el-login-footer">
|
|
|
- <span>Copyright © 2018-2023 zkqy.vip All Rights Reserved.</span>
|
|
|
- </div> -->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -171,14 +94,11 @@ import {getCodeImg, isTenantExist} from "@/api/login";
|
|
|
import {changeDatasource} from "@/api/dataEngine";
|
|
|
import Cookies from "js-cookie";
|
|
|
import {encrypt, decrypt} from "@/utils/jsencrypt";
|
|
|
-import {getLoginPageConfigurationInfo} from "@/api/system/configuration";
|
|
|
|
|
|
export default {
|
|
|
name: "Login",
|
|
|
data() {
|
|
|
return {
|
|
|
- // 页面配置信息
|
|
|
- config: {},
|
|
|
codeUrl: "",
|
|
|
tenantId: "",
|
|
|
loginForm: {
|
|
@@ -190,6 +110,7 @@ export default {
|
|
|
rememberMe: false,
|
|
|
code: "",
|
|
|
uuid: "",
|
|
|
+ tenantID: ""
|
|
|
},
|
|
|
loginRules: {
|
|
|
username: [
|
|
@@ -224,17 +145,19 @@ export default {
|
|
|
methods: {
|
|
|
// 校验url
|
|
|
validateTenantId() {
|
|
|
- console.log(this.$route.query);
|
|
|
let tenantCode = this.$route.query['tenantCode']
|
|
|
- console.log(tenantCode)
|
|
|
if (tenantCode != null) {
|
|
|
// 得到tenantId 查询裤中是否存在该租户
|
|
|
isTenantExist({tenantCode: tenantCode}).then(res => {
|
|
|
if (res.data?.tenantId) { // 判断当前编号是否存在库中
|
|
|
- console.log(res)
|
|
|
- this.tenantId = res.data.tenantId
|
|
|
+
|
|
|
+ this.tenantId = res.data.tenantId;
|
|
|
+ this.loginForm.tenantID = this.tenantId;
|
|
|
+
|
|
|
// 得到租户的信息
|
|
|
this.config = res.data.loginPageConfiguration
|
|
|
+ this.setConfig();
|
|
|
+
|
|
|
// 如果当前租户没有配置登录页面则不可访问
|
|
|
if (this.config == null && this.config == undefined) {
|
|
|
// this.$router.push({path: "/404"})
|
|
@@ -263,21 +186,27 @@ export default {
|
|
|
windowTitle,
|
|
|
windowLogo,
|
|
|
} = this.config;
|
|
|
+
|
|
|
// 设置背景图
|
|
|
if (loginPageBackgroundImage) {
|
|
|
let loginBgDom = document.getElementsByClassName("login");
|
|
|
if (loginBgDom.length > 0) {
|
|
|
loginBgDom[0].style.backgroundImage = `url(${
|
|
|
- process.env.VUE_APP_BASE_API + loginPageBackgroundImage
|
|
|
+ process.env.VUE_APP_BASE_IMG_API + loginPageBackgroundImage
|
|
|
})`;
|
|
|
+
|
|
|
+ console.log("" + `url(${
|
|
|
+ process.env.VUE_APP_BASE_IMG_API + loginPageBackgroundImage
|
|
|
+ })`)
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
// 设置logo
|
|
|
if (loginPageLogo) {
|
|
|
let loginLogoDom = document.getElementsByClassName("comlogo");
|
|
|
if (loginLogoDom.length > 0) {
|
|
|
loginLogoDom[0].style.backgroundImage = `url(${
|
|
|
- process.env.VUE_APP_BASE_API + loginPageLogo
|
|
|
+ process.env.VUE_APP_BASE_IMG_API + loginPageLogo
|
|
|
})`;
|
|
|
}
|
|
|
window.sessionStorage.setItem("logo", loginPageLogo);
|
|
@@ -316,28 +245,6 @@ export default {
|
|
|
// document.head.appendChild(link);
|
|
|
// }
|
|
|
},
|
|
|
- // 获取登录页配置信息
|
|
|
- async getConfig() {
|
|
|
- let query = this.$route.query.tenantId;
|
|
|
- try {
|
|
|
- let res = await getLoginPageConfigurationInfo(query);
|
|
|
- if (res.code === 200) {
|
|
|
- if (res.data) {
|
|
|
- this.config = res.data;
|
|
|
- this.setConfig();
|
|
|
- } else {
|
|
|
- // this.$router.push("/404");
|
|
|
- this.$message.error("获取页面信息失败,请检查url中的tenantId");
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.$message.error("获取页面信息失败,请检查tenantId");
|
|
|
- }
|
|
|
- } catch (error) {
|
|
|
- this.$message.error("获取页面信息失败,请检查tenantId");
|
|
|
- }
|
|
|
- },
|
|
|
- forgetEvent() {
|
|
|
- },
|
|
|
getCode() {
|
|
|
getCodeImg().then((res) => {
|
|
|
this.captchaEnabled =
|
|
@@ -359,6 +266,7 @@ export default {
|
|
|
rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
|
|
|
};
|
|
|
},
|
|
|
+
|
|
|
handleLogin() {
|
|
|
this.$refs.loginForm.validate((valid) => {
|
|
|
if (valid) {
|
|
@@ -376,9 +284,11 @@ export default {
|
|
|
Cookies.remove("password");
|
|
|
Cookies.remove("rememberMe");
|
|
|
}
|
|
|
- console.log(this.loginForm)
|
|
|
- this.loginForm.username = this.tenantId + '¥¥¥' + this.loginForm.username;
|
|
|
- this.$store.dispatch("Login", this.loginForm).then(() => {
|
|
|
+ let form = {
|
|
|
+ ...this.loginForm,
|
|
|
+ tenantID: this.tenantId
|
|
|
+ }
|
|
|
+ this.$store.dispatch("Login", form).then(() => {
|
|
|
changeDatasource(); //切换数据源
|
|
|
this.$router.push({path: this.redirect || "/"}).catch(() => {
|
|
|
});
|