flat: 暂存
This commit is contained in:
@@ -10,11 +10,11 @@
|
||||
v-model="loginForm.username"
|
||||
:auto-complete="off"
|
||||
placeholder="请输入您的账号">
|
||||
<i slot="prefix" class="icon-yonghu" />
|
||||
<i slot="prefix" class="icon-yonghu"/>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="password">
|
||||
<el-input size="small" style="margin-top: 20px; margin-bottom:10px;"
|
||||
<el-input size="small" style="margin-top: 20px; margin-bottom:10px;"
|
||||
type="password"
|
||||
@keyup.enter.native="handleLogin"
|
||||
v-model="loginForm.password"
|
||||
@@ -23,26 +23,27 @@
|
||||
<i slot="prefix" class="icon-mima"/>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="this.website.captchaMode" prop="code">
|
||||
<el-input size="small" style="margin-top: 20px; margin-bottom:10px;"
|
||||
@keyup.enter.native="handleLogin"
|
||||
v-model="loginForm.code"
|
||||
auto-complete="off"
|
||||
placeholder="请输入图形验证码"
|
||||
class="code-input">
|
||||
<i slot="prefix" class="icon-yanzhengma"/>
|
||||
</el-input>
|
||||
<div class="login-code" >
|
||||
<img :src="loginForm.image" class="login-code-img" @click="refreshCode" />
|
||||
</div>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item v-if="this.website.captchaMode" prop="code">-->
|
||||
<!-- <el-input size="small" style="margin-top: 20px; margin-bottom:10px;"-->
|
||||
<!-- @keyup.enter.native="handleLogin"-->
|
||||
<!-- v-model="loginForm.code"-->
|
||||
<!-- auto-complete="off"-->
|
||||
<!-- placeholder="请输入图形验证码"-->
|
||||
<!-- class="code-input">-->
|
||||
<!-- <i slot="prefix" class="icon-yanzhengma"/>-->
|
||||
<!-- </el-input>-->
|
||||
<!-- <div class="login-code" >-->
|
||||
<!-- <img :src="loginForm.image" class="login-code-img" @click="refreshCode" />-->
|
||||
<!-- </div>-->
|
||||
<!-- </el-form-item>-->
|
||||
<div>
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
@click.native.prevent="handleLogin"
|
||||
class="login-submit"
|
||||
>{{$t('login.submit')}}</el-button>
|
||||
>{{ $t('login.submit') }}
|
||||
</el-button>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
@@ -50,14 +51,18 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapGetters } from "vuex";
|
||||
import {mapGetters} from "vuex";
|
||||
import topLang from "@/page/index/top/top-lang";
|
||||
// import { info } from "@/api/system/tenant";
|
||||
import { getCaptcha } from "@/api/user";
|
||||
import {getCaptcha} from "@/api/user";
|
||||
|
||||
if (/(\/login\?)(.*)/ig.test(location.href)) {
|
||||
const obj = {}
|
||||
const query = location.href.split('?')[1].replace(/\?/, '').split('&')
|
||||
query.forEach((item) => { const a = item.split('='); obj[a[0]] = a[1]})
|
||||
query.forEach((item) => {
|
||||
const a = item.split('=');
|
||||
obj[a[0]] = a[1]
|
||||
})
|
||||
window.sessionStorage.setItem('query_session', JSON.stringify(obj))
|
||||
} else {
|
||||
window.sessionStorage.removeItem('query_session')
|
||||
@@ -68,7 +73,7 @@ export default {
|
||||
components: {
|
||||
topLang,
|
||||
},
|
||||
data () {
|
||||
data() {
|
||||
return {
|
||||
loginForm: {
|
||||
//租户ID
|
||||
@@ -86,15 +91,15 @@ export default {
|
||||
//预加载白色背景
|
||||
image: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
|
||||
//工作站loginTpye值为2
|
||||
loginType:'Type-T'
|
||||
loginType: 'Type-T'
|
||||
},
|
||||
loginRules: {
|
||||
username: [
|
||||
{ required: true, message: "请输入用户名", trigger: "blur" }
|
||||
{required: true, message: "请输入用户名", trigger: "blur"}
|
||||
],
|
||||
password: [
|
||||
{ required: true, message: "请输入密码", trigger: "blur" },
|
||||
{ min: 1, message: "密码长度最少为6位", trigger: "blur" }
|
||||
{required: true, message: "请输入密码", trigger: "blur"},
|
||||
{min: 1, message: "密码长度最少为6位", trigger: "blur"}
|
||||
]
|
||||
},
|
||||
passwordType: "password",
|
||||
@@ -103,15 +108,13 @@ export default {
|
||||
ticket: ''
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
|
||||
},
|
||||
created () {
|
||||
watch: {},
|
||||
created() {
|
||||
// this.getTenant();
|
||||
const { ticket } = JSON.parse(window.sessionStorage.getItem('query_session') || "{}")
|
||||
const {ticket} = JSON.parse(window.sessionStorage.getItem('query_session') || "{}")
|
||||
window.sessionStorage.removeItem('query_session')
|
||||
console.log(ticket)
|
||||
if(ticket) {
|
||||
if (ticket) {
|
||||
this.proLoading = true
|
||||
this.ticket = ticket
|
||||
this.handleLogin()
|
||||
@@ -120,30 +123,30 @@ export default {
|
||||
this.refreshCode();
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
mounted() {
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(["website", "tagWel"])
|
||||
},
|
||||
props: [],
|
||||
methods: {
|
||||
handelGoReg(){
|
||||
this.$router.push({ path: "/reg" });
|
||||
handelGoReg() {
|
||||
this.$router.push({path: "/reg"});
|
||||
},
|
||||
refreshCode () {
|
||||
refreshCode() {
|
||||
getCaptcha().then(res => {
|
||||
const data = res.data;
|
||||
this.loginForm.key = data.key;
|
||||
this.loginForm.image = data.image;
|
||||
})
|
||||
},
|
||||
showPassword () {
|
||||
showPassword() {
|
||||
this.passwordType === ""
|
||||
? (this.passwordType = "password")
|
||||
: (this.passwordType = "");
|
||||
},
|
||||
handleLogin () {
|
||||
if(this.proLoading) {
|
||||
handleLogin() {
|
||||
if (this.proLoading) {
|
||||
let params = {
|
||||
...this.loginForm,
|
||||
username: "admin",
|
||||
@@ -166,16 +169,16 @@ export default {
|
||||
spinner: "el-icon-loading"
|
||||
});
|
||||
let obj = this.loginForm
|
||||
if(params) {
|
||||
if (params) {
|
||||
obj = params
|
||||
}
|
||||
this.$store.dispatch("LoginByUsername", obj).then(() => {
|
||||
this.$store.dispatch('jlHelpShow', false)
|
||||
this.$router.push({ path: this.tagWel.value });
|
||||
this.$router.push({path: this.tagWel.value});
|
||||
loading.close();
|
||||
this.proLoading = false
|
||||
}).catch(() => {
|
||||
if(obj.ticket) {
|
||||
if (obj.ticket) {
|
||||
return window.location.href = process.env.VUE_APP_LOGIN_ERROR
|
||||
}
|
||||
this.proLoading = false
|
||||
@@ -201,7 +204,8 @@ export default {
|
||||
|
||||
<style lang="scss">
|
||||
@import "@/styles/login.scss";
|
||||
.proLoading-box{
|
||||
|
||||
.proLoading-box {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
|
||||
Reference in New Issue
Block a user