|
@@ -1,5 +1,13 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="login">
|
|
|
|
|
|
|
+ <div
|
|
|
|
|
+ class="login"
|
|
|
|
|
+ :style="{
|
|
|
|
|
+ backgroundImage: `url(${backgroundImageUrl})`,
|
|
|
|
|
+ backgroundSize: '100%',
|
|
|
|
|
+ backgroundRepeat: 'no-repeat',
|
|
|
|
|
+ backgroundPosition: '50% 85%',
|
|
|
|
|
+ }"
|
|
|
|
|
+ >
|
|
|
<div>
|
|
<div>
|
|
|
<div class="login_wrapper">
|
|
<div class="login_wrapper">
|
|
|
<div class="login_form">
|
|
<div class="login_form">
|
|
@@ -11,9 +19,11 @@
|
|
|
src="/static/assets/client-base-v4/image/template-logo.png"
|
|
src="/static/assets/client-base-v4/image/template-logo.png"
|
|
|
style="margin-top: -40px; width: 100px; height: 100px"
|
|
style="margin-top: -40px; width: 100px; height: 100px"
|
|
|
/>
|
|
/>
|
|
|
- <div class="desc" data-v-7b9d9b52="">Prodog 希望帮助您更好的管理物料</div>
|
|
|
|
|
|
|
+ <div class="desc" data-v-7b9d9b52="">
|
|
|
|
|
+ Prodog 希望帮助您更好的管理物料
|
|
|
|
|
+ </div>
|
|
|
</h1>
|
|
</h1>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
<div>
|
|
<div>
|
|
|
<input
|
|
<input
|
|
|
v-model="userName"
|
|
v-model="userName"
|
|
@@ -118,18 +128,21 @@
|
|
|
</label>
|
|
</label>
|
|
|
</div>
|
|
</div>
|
|
|
<div>
|
|
<div>
|
|
|
- <a class="reset_pass forget-password" @click="toForgetPassword()">{{
|
|
|
|
|
- $t("lang.login.forgetPassword")
|
|
|
|
|
- }}</a>
|
|
|
|
|
|
|
+ <a
|
|
|
|
|
+ class="reset_pass forget-password"
|
|
|
|
|
+ @click="toForgetPassword()"
|
|
|
|
|
+ >{{ $t("lang.login.forgetPassword") }}</a>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="clear" />
|
|
<div class="clear" />
|
|
|
</div>
|
|
</div>
|
|
|
<div>
|
|
<div>
|
|
|
<div>
|
|
<div>
|
|
|
- <a class="btn btn-default submit" style="width: 100%" @click="login">{{
|
|
|
|
|
- $t("lang.login.login")
|
|
|
|
|
- }}</a>
|
|
|
|
|
|
|
+ <a
|
|
|
|
|
+ class="btn btn-default submit"
|
|
|
|
|
+ style="width: 100%"
|
|
|
|
|
+ @click="login"
|
|
|
|
|
+ >{{ $t("lang.login.login") }}</a>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="clear" />
|
|
<div class="clear" />
|
|
|
</div>
|
|
</div>
|
|
@@ -219,6 +232,7 @@ export default {
|
|
|
time: 60,
|
|
time: 60,
|
|
|
authSetting: [],
|
|
authSetting: [],
|
|
|
getImageSrc,
|
|
getImageSrc,
|
|
|
|
|
+ backgroundImageUrl: '/static/assets/client-base-v4/image/background.svg',
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
|
|
|
|
@@ -242,7 +256,7 @@ export default {
|
|
|
mounted: function () {
|
|
mounted: function () {
|
|
|
$('body').attr('class', 'body-login');
|
|
$('body').attr('class', 'body-login');
|
|
|
$('body').children(':first').attr('class', '');
|
|
$('body').children(':first').attr('class', '');
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
this.initView();
|
|
this.initView();
|
|
|
this.queryAllAuthSetting();
|
|
this.queryAllAuthSetting();
|
|
|
this.unqiueAccountManagementDto();
|
|
this.unqiueAccountManagementDto();
|
|
@@ -492,12 +506,10 @@ export default {
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
-
|
|
|
|
|
toForgetPassword: function () {
|
|
toForgetPassword: function () {
|
|
|
this.$router.push('/retrievePassword');
|
|
this.$router.push('/retrievePassword');
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
-
|
|
|
|
|
/**
|
|
/**
|
|
|
* 获取服务端当前时间
|
|
* 获取服务端当前时间
|
|
|
*/
|
|
*/
|
|
@@ -528,20 +540,19 @@ export default {
|
|
|
this.accountDateTime = moment().format('YYYY-MM-DD HH:mm:ss');
|
|
this.accountDateTime = moment().format('YYYY-MM-DD HH:mm:ss');
|
|
|
console.log('自动生成时间成功:' + this.accountDateTime);
|
|
console.log('自动生成时间成功:' + this.accountDateTime);
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
},
|
|
},
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped>
|
|
<style scoped>
|
|
|
-.login{
|
|
|
|
|
|
|
+/* .login { */
|
|
|
/* background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('../assets/background.svg'); */
|
|
/* background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('../assets/background.svg'); */
|
|
|
- background-image: url('../assets/background.svg');
|
|
|
|
|
|
|
+ /* background-image: url('../assets/background.svg');
|
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
|
background-position: center 110px;
|
|
background-position: center 110px;
|
|
|
background-size: 100%;
|
|
background-size: 100%;
|
|
|
- background-position: 50% 85%;
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ background-position: 50% 85%; */
|
|
|
|
|
+/* } */
|
|
|
.login_wrapper {
|
|
.login_wrapper {
|
|
|
margin: 0px auto;
|
|
margin: 0px auto;
|
|
|
padding-top: 5%;
|
|
padding-top: 5%;
|
|
@@ -800,24 +811,24 @@ export default {
|
|
|
|
|
|
|
|
.copyright {
|
|
.copyright {
|
|
|
font-size: small;
|
|
font-size: small;
|
|
|
- position: fixed;
|
|
|
|
|
- bottom: 0;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- padding-left: 1rem;
|
|
|
|
|
- padding-right: 1rem;
|
|
|
|
|
|
|
+ position: fixed;
|
|
|
|
|
+ bottom: 0;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ padding-left: 1rem;
|
|
|
|
|
+ padding-right: 1rem;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.copyright-inner{
|
|
|
|
|
|
|
+.copyright-inner {
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.copyright a{
|
|
|
|
|
|
|
+.copyright a {
|
|
|
color: #333;
|
|
color: #333;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.desc{
|
|
|
|
|
|
|
+.desc {
|
|
|
margin-top: 12px;
|
|
margin-top: 12px;
|
|
|
margin-bottom: 2rem;
|
|
margin-bottom: 2rem;
|
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
@@ -825,16 +836,16 @@ export default {
|
|
|
color: rgba(0, 0, 0, 0.65);
|
|
color: rgba(0, 0, 0, 0.65);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.account-name{
|
|
|
|
|
|
|
+.account-name {
|
|
|
position: fixed;
|
|
position: fixed;
|
|
|
top: 1rem;
|
|
top: 1rem;
|
|
|
right: 1rem;
|
|
right: 1rem;
|
|
|
color: rgba(0, 0, 0, 0.45);
|
|
color: rgba(0, 0, 0, 0.45);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.other-login-method{
|
|
|
|
|
- text-align: left;
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- margin-bottom: 0.4rem;
|
|
|
|
|
|
|
+.other-login-method {
|
|
|
|
|
+ text-align: left;
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ margin-bottom: 0.4rem;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|