skjia
/
bonus-Certificate-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

登录页面登录跳转修改，首页数据页面绘制

This commit is contained in:
zzyuan 2025-12-26 09:29:18 +08:00
parent 4f7de8bd9f
commit 30e9871d7a
23 changed files with 1241 additions and 852 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" href="<%= BASE_URL %>canteen2.ico">
<link rel="icon" href="<%= BASE_URL %>logo2.ico">
<title><%= webpackConfig.name %></title>
<!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
<script src="./monitor/codebase/jsPlugin-1.2.0.min.js"></script>

BIN
public/logo2.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
src/assets/images/login-bg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 404 KiB

After

Width:  |  Height:  |  Size: 3.4 MiB

BIN
src/assets/index/topIcon1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
src/assets/index/topIcon2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
src/assets/index/topIcon3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
src/assets/index/topIcon4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
src/assets/kitchen/topIcon1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

BIN
src/assets/kitchen/topIcon2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.4 KiB

BIN
src/assets/kitchen/topIcon3.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

BIN
src/assets/kitchen/topIcon4.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

4
src/assets/styles/sidebar.scss
View File

@ -19,10 +19,10 @@
transition: width 0.28s;
width: $base-sidebar-width !important;
background-color: $base-menu-background;
height: 90%;
height: 92%;
position: absolute;
font-size: 0px;
top: 84px;
top: 68px;
bottom: 0;
left: 0;
z-index: 1001;

6
src/layout/components/AppMain.vue
View File

@ -29,7 +29,7 @@ export default {
<style lang="scss" scoped>
.app-main {
/* 50= navbar 50 */
max-height: 85vh;
max-height: 87vh;
// overflow-y: auto;
width: 100%;
position: relative;
@ -43,12 +43,12 @@ export default {
.hasTagsView {
.app-main {
/* 84 = navbar + tags-view = 50 + 34 */
max-height: 85vh;
max-height: 87vh;
overflow-y: auto;
}
.fixed-header + .app-main {
padding-top: 84px;
padding-top: 68px;
}
}
</style>

4
src/layout/components/Navbar.vue
View File

@ -2,7 +2,7 @@
<div class="navbar">
<!-- <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" /> -->
<!-- <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/> -->
<div style="position: absolute;left: 0;top: 20px;width: 15%;">
<div style="position: absolute;left: 0;top: 10px;width: 15%;">
<router-link key="collapse" class="sidebar-logo-link" to="/">
<!-- <div style="height: 42px;width: 42px;background: #fff;border-radius: 50%;margin-right: 20px;display: flex;align-items: center;justify-content: center;">
<img :src="logo" class="sidebar-logo" />
@ -118,7 +118,7 @@ export default {
<style lang="scss" scoped>
.navbar {
height: 84px;
height: 68px;
overflow: hidden;
position: relative;
background: #006F68;

2
src/views/certificate/certificateManage/certificateInfo/index.vue
View File

@ -27,7 +27,7 @@
<el-col :span="6">
<div class="top-view">
<div class="flex-between" style="width: 80%;margin: 6px auto;">
<span>港澳通行证</span><span>共计 {{statistics.hMCardNum}} 本</span>
<span>港澳通行证</span><span>共计 {{statistics.hmcardNum}} 本</span>
</div>
<div class="flex-between" style="width: 80%;margin: 6px auto;">
<span>已借出 {{statistics.outHMCardNum}}件</span><span>待入库 {{statistics.inHMCardNum}}件</span>

1418
src/views/index_v1.vue
View File

File diff suppressed because it is too large Load Diff

576
src/views/login.vue
View File

@ -1,206 +1,483 @@
<template>
<div class="login">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
<h3 class="title">公职人员护照管理系统</h3>
<el-form-item prop="username">
<el-input
v-model="loginForm.username"
type="text"
auto-complete="off"
placeholder="账号"
>
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
v-model="loginForm.password"
type="password"
auto-complete="off"
placeholder="密码"
@keyup.enter.native="handleLogin"
>
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
</el-input>
</el-form-item>
<el-form-item prop="code" v-if="captchaEnabled">
<el-input
v-model="loginForm.code"
auto-complete="off"
placeholder="验证码"
style="width: 63%"
@keyup.enter.native="handleLogin"
>
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
</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" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
<el-form-item style="width:100%;">
<el-button
:loading="loading"
size="medium"
type="primary"
style="width:100%;"
@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-2024 bonus.vip All Rights Reserved.</span>
<div class="container">
<div class="login">
<div class="login-form-box" style="width: 60%;">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" >
<h3 class="title">欢迎登录</h3>
<template v-if="loginMethod === 'password'">
<el-form-item prop="username">
<el-input
v-model="loginForm.username"
type="text" around
auto-complete="off"
:placeholder="`用户名${config.loginConfig.phonePassword ? '/手机号' : ''}${config.loginConfig.emailPassword ? '/邮箱' : ''}`"
>
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon"/>
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
v-model="loginForm.password"
type="password"
auto-complete="off"
placeholder="密码" show-password
@keyup.enter.native="handleLogin"
>
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon"/>
</el-input>
</el-form-item>
<el-form-item prop="code" v-if="captchaEnabled">
<el-input
v-model="loginForm.code"
auto-complete="off"
placeholder="验证码"
style="width: 63%"
@keyup.enter.native="handleLogin"
>
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon"/>
</el-input>
<div class="login-code">
<img :src="codeUrl" @click="getCode" class="login-code-img"/>
</div>
</el-form-item>
<el-form-item v-show="isAdmin" prop="verificationCode">
<el-input v-model="loginForm.verificationCode" placeholder="请输入验证码">
<template slot="append">
<el-button
type="primary"
@click="sendAdminCode"
:disabled="isSendingCode || captchaEnabled?!loginForm.code:false"
class="send-code-button"
>
{{ countdown === 0 ? '获取验证码' : `${countdown}s` }}
</el-button>
</template>
<svg-icon slot="prefix" icon-class="message" class="el-input__icon input-icon"/>
</el-input>
</el-form-item>
</template>
<template v-else>
<el-form-item prop="mobile">
<el-input
v-model="loginForm.mobile"
type="text"
auto-complete="off"
:placeholder="`${config.loginConfig.phoneCode ? '手机号' : '/'}${config.loginConfig.emailCode ? '邮箱' : ''}`"
>
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon"/>
</el-input>
</el-form-item>
<el-form-item prop="code" v-if="captchaEnabled">
<el-input
v-model="loginForm.code"
auto-complete="off"
placeholder="验证码"
style="width: 63%"
@keyup.enter.native="handleLogin"
>
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon"/>
</el-input>
<div class="login-code">
<img :src="codeUrl" @click="getCode" class="login-code-img"/>
</div>
</el-form-item>
<el-form-item prop="verificationCode">
<el-input v-model="loginForm.verificationCode" placeholder="请输入验证码">
<template slot="append">
<el-button
type="primary"
@click="sendCode"
:disabled="isSendingCode || captchaEnabled?!loginForm.code:false"
class="send-code-button"
>
{{ countdown === 0 ? '获取验证码' : `${countdown}s` }}
</el-button>
</template>
<svg-icon slot="prefix" icon-class="message" class="el-input__icon input-icon"/>
</el-input>
</el-form-item>
</template>
<div class="login-form-center">
<el-link v-if="config.loginConfig.emailCode ||config.loginConfig.phoneCode " @click="toggleLoginMethod">
{{ loginMethod === 'password' ? '短信登录' : '密码登录' }}
</el-link>
<div></div>
<!-- <router-link v-if="config.registersConfig.emailRegisters || config.registersConfig.phoneRegisters" to="/register">
<el-link>注册账号</el-link>
</router-link> -->
<el-checkbox v-model="loginForm.rememberMe">记住密码</el-checkbox>
</div>
<el-form-item style="width: 100%;">
<el-button v-if="!isAdmin"
:loading="loading"
size="medium"
type="primary"
style="width: 100%;margin-bottom: 20px;"
@click="loginMethod === 'password' ?IsAdmin():handleLogin()"
>
<span v-if="!loading">登 录</span>
<span v-else>登 录 中...</span>
</el-button>
<el-button v-if="isAdmin"
:loading="loading"
size="medium"
type="primary"
style="width: 100%;margin-bottom: 20px;"
@click="handleLogin()"
>
<span v-if="!loading">登 录</span>
<span v-else>登 录 中...</span>
</el-button>
<router-link v-if="config.registersConfig.emailRegisters || config.registersConfig.phoneRegisters" to="/register">
<el-button size="medium" type="normal" style="width: 100%;" >
<span>注册</span>
</el-button>
</router-link>
</el-form-item>
</el-form>
</div>
</div>
</div>
</template>
<script>
import { getCodeImg } from "@/api/login";
import Cookies from "js-cookie";
import { encrypt, decrypt } from '@/utils/jsencrypt'
import { getCodeImg } from '@/api/login'
import Cookies from 'js-cookie'
import { decrypt, encrypt } from '@/utils/jsencrypt'
import dingding from '@/assets/images/dingding.svg'
import wx from '@/assets/images/wx.svg'
import qq from '@/assets/images/QQ.svg'
import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
export default {
name: "Login",
name: 'Login',
data() {
return {
codeUrl: "",
dingding: dingding,
wx: wx,
qq: qq,
codeUrl: '',
isAdmin: false,
loginForm: {
username: "",
password: "",
username: '',
password: '',
rememberMe: false,
code: "",
uuid: ""
code: '',
mobile: '',
verificationCode: '',
uuid: '',
loginType: '',
phoneUuid: '',
mobileCodeType: 'LOGIN'
},
loginRules: {
username: [
{ required: true, trigger: "blur", message: "请输入您的账号" }
],
password: [
{ required: true, trigger: "blur", message: "请输入您的密码" }
],
code: [{ required: true, trigger: "change", message: "请输入验证码" }]
passwordLoginRules: {
username: [{ required: true, trigger: 'blur', message: '请输入您的账号' }],
password: [{ required: true, trigger: 'blur', message: '请输入您的密码' }],
code: [{ required: true, trigger: 'change', message: '请输入验证码' }]
},
mobileLoginRules: {
mobile: [{ required: true, trigger: 'blur', message: '请输入您的手机号' }],
verificationCode: [{ required: true, trigger: 'blur', message: '请输入验证码' }]
},
loading: false,
// 验证码开关
captchaEnabled: true,
// 注册开关
register: false,
redirect: undefined
};
redirect: undefined,
isSendingCode: false,
countdown: 0,
loginMethod: 'password', // 'password' or 'mobile'
supportsPhoneLogin: false,
supportsEmailLogin: false
}
},
computed: {
config() {
return JSON.parse(localStorage.getItem('systemConfig')) || {loginConfig:{
phonePassword: true,
emailPassword: true,
phoneCode: false,
emailCode: false
},registersConfig: {
phoneRegisters: true,
emailRegisters: true
}}; // 获取 JSON 对象
},
loginRules() {
return this.loginMethod === 'password' ? this.passwordLoginRules : this.mobileLoginRules
}
},
watch: {
$route: {
handler: function(route) {
this.redirect = route.query && route.query.redirect;
handler(route) {
this.redirect = route.query && route.query.redirect
},
immediate: true
}
},
created() {
this.getCode();
this.getCookie();
this.getCode()
this.getCookie()
},
methods: {
getCode() {
getCodeImg().then(res => {
this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled;
this.captchaEnabled = res.captchaEnabled !== undefined ? res.captchaEnabled : true
if (this.captchaEnabled) {
this.codeUrl = "data:image/gif;base64," + res.img;
this.loginForm.uuid = res.uuid;
this.codeUrl = 'data:image/gif;base64,' + res.img
this.loginForm.uuid = res.uuid
}
});
})
},
getCookie() {
const username = Cookies.get("username");
const password = Cookies.get("password");
const username = Cookies.get('username')
const password = Cookies.get('password')
const rememberMe = Cookies.get('rememberMe')
this.loginForm = {
username: username === undefined ? this.loginForm.username : username,
password: password === undefined ? this.loginForm.password : decrypt(password),
rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
};
this.loginForm.username = username || ''
this.loginForm.password = password ? decrypt(password) : ''
this.loginForm.rememberMe = rememberMe === 'true'
},
handleLogin() {
this.$refs.loginForm.validate(valid => {
if (valid) {
this.loading = true;
this.loading = true
if (this.loginForm.rememberMe) {
Cookies.set("username", this.loginForm.username, { expires: 30 });
Cookies.set("password", encrypt(this.loginForm.password), { expires: 30 });
Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 });
Cookies.set('username', this.loginForm.username, { expires: 30 })
Cookies.set('password', encrypt(this.loginForm.password), { expires: 30 })
Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 })
} else {
Cookies.remove("username");
Cookies.remove("password");
Cookies.remove('rememberMe');
Cookies.remove('username')
Cookies.remove('password')
Cookies.remove('rememberMe')
}
this.$store.dispatch("Login", this.loginForm).then(() => {
this.$router.push({ path: this.redirect || "/" }).catch(()=>{});
}).catch(() => {
this.loading = false;
if (this.captchaEnabled) {
this.getCode();
}
});
this.loginForm.loginMethod = this.loginMethod
this.$store.dispatch('Login', this.loginForm)
.then(res => {
this.loading = false
// console.log(res)
if (res.code===200){
if (res.isLogin){
this.$modal.confirm('账号已在其他地方登录是否继续登录！！！！').then(function() {
return this.$router.push({ path: this.redirect || '/index' });
}).then(() => {
this.loading = false
}).catch(() => {
this.loading = false
})
}else {
this.$router.push({ path: this.redirect || '/index' });
}
}
})
.catch(() => {
this.loading = false
if (this.captchaEnabled) this.getCode()
})
}
});
})
},
IsAdmin() {
this.loginForm.loginMethod = this.loginMethod;
let param = {
...this.loginForm
}
param.username = encryptWithSM4(this.loginForm.username)
param.password = encryptWithSM4(this.loginForm.password)
this.$store.dispatch('IsAdmin', param).then(res => {
if (res.data) {
this.isAdmin = res.data
this.$message.success('检测到您是超级管理账号,需进行手机检验')
} else {
this.handleLogin()
}
})
},
isLogin() {
this.$refs.loginForm.validate(valid => {
if (valid) {
this.loading = true
let that = this
this.loginForm.loginMethod = this.loginMethod
this.$store.dispatch('IsLogin', this.loginForm)
.then(res => {
if (res.data) {
this.$modal.confirm('账号已在其他地方登录是否继续登录！！！！').then(function() {
return that.handleLogin()
}).then(() => {
this.loading = false
}).catch(() => {
this.loading = false
})
} else {
that.handleLogin()
}
})
.catch(() => {
this.loading = false
if (this.captchaEnabled) this.getCode()
})
}
})
},
sendAdminCode() {
this.loginForm.mobile = this.loginForm.username
this.$store.dispatch('GetPhoneCode', this.loginForm)
.then(res => {
if (res.code === 200) {
this.loginForm.phoneUuid = res.data
this.$message.success('验证码发送成功')
this.isSendingCode = true
this.countdown = 60
const timer = setInterval(() => {
this.countdown -= 1
if (this.countdown <= 0) {
clearInterval(timer)
this.isSendingCode = false
}
}, 1000)
}
})
.catch(() => {
this.loading = false
// 如果启用了验证码，则重新获取验证码
if (this.captchaEnabled) {
this.getCode()
}
// 其他失败处理逻辑
this.isSendingCode = false
this.countdown = 0
})
},
sendCode() {
if (this.captchaEnabled ? !this.loginForm.code : false) {
this.$message.error('请先填写验证码')
return
}
if (!this.loginForm.mobile) {
this.$message.error('请先填写'+this.config.loginConfig.phoneCode ? '手机号' : '/' + this.config.loginConfig.emailCode ? '邮箱' : '')
return
}
this.$store.dispatch('GetPhoneCode', this.loginForm)
.then(() => {
this.isSendingCode = true
this.countdown = 60
const timer = setInterval(() => {
this.countdown -= 1
if (this.countdown <= 0) {
clearInterval(timer)
this.isSendingCode = false
}
}, 1000)
})
.catch(() => {
this.loading = false
// 如果启用了验证码，则重新获取验证码
if (this.captchaEnabled) {
this.getCode()
}
// 其他失败处理逻辑
this.isSendingCode = false
this.countdown = 0
})
},
toggleLoginMethod() {
this.loginMethod = this.loginMethod === 'password' ? 'mobile' : 'password'
this.loginForm.username = ''
this.loginForm.password = ''
this.loginForm.code = ''
this.loginForm.verificationCode = ''
this.loginForm.loginMethod = ''
this.isAdmin = false
this.getCode()
}
}
};
}
</script>
<style rel="stylesheet/scss" lang="scss">
<style lang="scss">
.container {
display: flex;
justify-content: flex-end;
align-items: center;
height: 100%;
width: 100%;
background-image: url("../assets/images/login-bg.png");
background-repeat: no-repeat;
background-size: 100% 100%; /* 确保背景图覆盖整个容器 */
background-position: center center; /* 居中显示背景图 */
}
.login {
width: 44%;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
background-image: url("../assets/images/login-background.jpg");
background-size: cover;
}
.title {
margin: 0px auto 30px auto;
text-align: center;
color: #707070;
}
.title {
margin: 0 auto 30px;
// text-align: center;
color: #2A2B2F;
font-weight: 600;
font-size: 24px;
margin-bottom: 60px;
}
.login-form-box{
border-radius: 6px;
background: #ffffff;
width: 100%;
padding: 25px;
height: 600px;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center ;
}
.login-form {
border-radius: 6px;
background: #ffffff;
width: 400px;
padding: 25px 25px 5px 25px;
width: 100%;
padding: 25px;
height: auto;
.el-input {
height: 38px;
height: 38px;
input {
height: 38px;
}
}
.input-icon {
height: 39px;
width: 14px;
margin-left: 2px;
}
.login-form-center {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 1%;
margin-bottom: 12%;
}
}
.login-tip {
font-size: 13px;
text-align: center;
color: #bfbfbf;
}
.login-code {
width: 33%;
height: 38px;
float: right;
img {
cursor: pointer;
vertical-align: middle;
}
}
.el-login-footer {
height: 40px;
line-height: 40px;
@ -213,7 +490,56 @@ export default {
font-size: 12px;
letter-spacing: 1px;
}
.login-code-img {
height: 38px;
}
.login-container {
text-align: center;
margin-top: 50px;
}
.login-divider {
display: flex;
align-items: center;
text-align: center;
margin: 20px 0;
}
.login-divider::before,
.login-divider::after {
content: '';
flex: 1;
border-bottom: 1px solid #ccc;
}
.login-divider:not(:empty)::before {
margin-right: .25em;
}
.login-divider:not(:empty)::after {
margin-left: .25em;
}
.login-icons {
display: flex;
justify-content: center;
gap: 20px;
}
.login-icon {
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.login-icon img {
width: 50px;
height: 50px;
}
</style>

71
src/views/login1.vue
View File

@ -1,14 +1,14 @@
<template>
<div class="container">
<div class="login">
<div class="login-form" style="width: 450px;">
<div class="login-form-box" style="width: 60%;">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" >
<h3 class="title">公职人员护照管理系统</h3>
<h3 class="title">欢迎登录</h3>
<template v-if="loginMethod === 'password'">
<el-form-item prop="username">
<el-input
v-model="loginForm.username"
type="text"
type="text" around
auto-complete="off"
:placeholder="`用户名${config.loginConfig.phonePassword ? '/手机号' : ''}${config.loginConfig.emailPassword ? '/邮箱' : ''}`"
>
@ -101,9 +101,10 @@
<el-link v-if="config.loginConfig.emailCode ||config.loginConfig.phoneCode " @click="toggleLoginMethod">
{{ loginMethod === 'password' ? '短信登录' : '密码登录' }}
</el-link>
<router-link v-if="config.registersConfig.emailRegisters || config.registersConfig.phoneRegisters" to="/register">
<div></div>
<!-- <router-link v-if="config.registersConfig.emailRegisters || config.registersConfig.phoneRegisters" to="/register">
<el-link>注册账号</el-link>
</router-link>
</router-link> -->
<el-checkbox v-model="loginForm.rememberMe">记住密码</el-checkbox>
</div>
<el-form-item style="width: 100%;">
@ -111,7 +112,7 @@
:loading="loading"
size="medium"
type="primary"
style="width: 100%;"
style="width: 100%;margin-bottom: 20px;"
@click="loginMethod === 'password' ?IsAdmin():handleLogin()"
>
<span v-if="!loading">登 录</span>
@ -121,27 +122,19 @@
:loading="loading"
size="medium"
type="primary"
style="width: 100%;"
style="width: 100%;margin-bottom: 20px;"
@click="handleLogin()"
>
<span v-if="!loading">登 录</span>
<span v-else>登 录 中...</span>
</el-button>
</el-form-item>
<!-- <el-form-item>
<div class="login-divider">第三方登录</div>
<div class="login-icons">
<div class="login-icon">
<img :src="dingding" alt="Weibo">
</div>
<div class="login-icon">
<img :src="wx" alt="WeChat">
</div>
<div class="login-icon">
<img :src="qq" alt="QQ">
</div>
</div>
</el-form-item> -->
<router-link v-if="config.registersConfig.emailRegisters || config.registersConfig.phoneRegisters" to="/register">
<el-button size="medium" type="normal" style="width: 100%;" >
<span>注册</span>
</el-button>
</router-link>
</el-form-item>
</el-form>
</div>
</div>
@ -263,14 +256,14 @@ export default {
if (res.code===200){
if (res.isLogin){
this.$modal.confirm('账号已在其他地方登录是否继续登录！！！！').then(function() {
return this.$router.push({ path: this.redirect || '/canteen/index' });
return this.$router.push({ path: this.redirect || '/index' });
}).then(() => {
this.loading = false
}).catch(() => {
this.loading = false
})
}else {
this.$router.push({ path: this.redirect || '/canteen/index' });
this.$router.push({ path: this.redirect || '/index' });
}
}
})
@ -406,14 +399,14 @@ export default {
align-items: center;
height: 100%;
width: 100%;
background-image: url("../assets/images/logind.jpg");
background-image: url("../assets/images/login-bg.png");
background-repeat: no-repeat;
background-size: 100% 100%; /* 确保背景图覆盖整个容器 */
background-position: center center; /* 居中显示背景图 */
}
.login {
width: 50%;
width: 44%;
display: flex;
justify-content: center;
align-items: center;
@ -422,18 +415,32 @@ export default {
.title {
margin: 0 auto 30px;
text-align: center;
color: #707070;
// text-align: center;
color: #2A2B2F;
font-weight: 600;
font-size: 24px;
margin-bottom: 60px;
}
.login-form-box{
border-radius: 6px;
background: #ffffff;
width: 100%;
padding: 25px;
height: 600px;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center ;
}
.login-form {
border-radius: 6px;
background: #ffffff;
width: 400px;
width: 100%;
padding: 25px;
height: auto;
.el-input {
height: 38px;
height: 38px;
input {
height: 38px;
@ -451,7 +458,7 @@ export default {
justify-content: space-between;
align-items: flex-start;
padding: 1%;
margin-bottom: 5%;
margin-bottom: 12%;
}
}

2
src/views/monitor/job/log.vue
View File

@ -241,7 +241,7 @@ export default {
},
// 返回按钮
handleClose() {
const obj = { path: "/canteen/monitor/job" };
const obj = { path: "/monitor/job" };
this.$tab.closeOpenPage(obj);
},
/** 搜索按钮操作 */

2
src/views/register1.vue
View File

@ -270,7 +270,7 @@ export default {
justify-content: flex-end;
align-items: center;
height: 100%;
background-image: url("../assets/images/bg.png");
background-image: url("../assets/images/login-bg.png");
background-size: cover;
}

2
src/views/system/dict/data.vue
View File

@ -326,7 +326,7 @@ export default {
},
/** 返回按钮操作 */
handleClose() {
const obj = { path: "/canteen/system/dict" };
const obj = { path: "/system/dict" };
this.$tab.closeOpenPage(obj);
},
/** 重置按钮操作 */

2
src/views/system/role/authUser.vue
View File

@ -151,7 +151,7 @@ export default {
},
// 返回按钮
handleClose() {
const obj = { path: "/canteen/system/role" };
const obj = { path: "/system/role" };
this.$tab.closeOpenPage(obj);
},
/** 搜索按钮操作 */

2
src/views/system/user/authRole.vue
View File

@ -109,7 +109,7 @@ export default {
},
/** 关闭按钮 */
close() {
const obj = { path: "/canteen/system/user" };
const obj = { path: "/system/user" };
this.$tab.closeOpenPage(obj);
},
},