flat: 暂存

This commit is contained in:
Apcallover
2024-04-25 17:01:14 +08:00
parent 90258f3179
commit c3cd8d69b0
5 changed files with 329 additions and 225 deletions

View File

@@ -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;