|
@@ -40,7 +40,7 @@
|
|
|
<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-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;" @change="memory">记住密码</el-checkbox>
|
|
|
<el-form-item style="width:100%;">
|
|
|
<el-button
|
|
|
:loading="loading"
|
|
@@ -106,7 +106,7 @@ export default {
|
|
|
],
|
|
|
code: [{ required: true, trigger: "change", message: "请输入验证码" }]
|
|
|
},
|
|
|
- loading: true,
|
|
|
+ loading: false,
|
|
|
// 验证码开关
|
|
|
captchaOnOff: false,
|
|
|
// 注册开关
|
|
@@ -128,12 +128,10 @@ export default {
|
|
|
methods: {
|
|
|
getUrl(){
|
|
|
let url = this.$route.query
|
|
|
- if(url.id && url.name){
|
|
|
- let data = {id:url.id,name:url.name}
|
|
|
+ if(url.username && url.password){
|
|
|
+ let data = {username:url.username,password:url.password}
|
|
|
this.handleLoginERP(data)
|
|
|
}else{
|
|
|
- this.erp = true
|
|
|
- this.ERPloading = false
|
|
|
this.getCode();
|
|
|
this.getCookie();
|
|
|
}
|
|
@@ -153,6 +151,10 @@ export default {
|
|
|
if (this.captchaOnOff) {
|
|
|
this.codeUrl = "data:image/gif;base64," + res.data.img;
|
|
|
this.loginForm.uuid = res.data.uuid;
|
|
|
+ this.erp = true
|
|
|
+ setTimeout(()=>{
|
|
|
+ this.ERPloading = false
|
|
|
+ },)
|
|
|
}
|
|
|
});
|
|
|
},
|
|
@@ -170,15 +172,6 @@ export default {
|
|
|
this.$refs.loginForm.validate(valid => {
|
|
|
if (valid) {
|
|
|
this.loading = true;
|
|
|
- if (this.loginForm.rememberMe) {
|
|
|
- Cookies.set("username20220313", this.loginForm.username, { expires: 30 });
|
|
|
- Cookies.set("password20220313", encrypt(this.loginForm.password), { expires: 30 });
|
|
|
- Cookies.set('rememberMe20220313', this.loginForm.rememberMe, { expires: 30 });
|
|
|
- } else {
|
|
|
- Cookies.remove("username20220313");
|
|
|
- Cookies.remove("password20220313");
|
|
|
- Cookies.remove('rememberMe20220313');
|
|
|
- }
|
|
|
this.$store.dispatch("Login", this.loginForm).then((res) => {
|
|
|
this.$router.push({ path: "/index"}).catch(()=>{});
|
|
|
}).catch(() => {
|
|
@@ -190,8 +183,18 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
+ memory(){
|
|
|
+ if (this.loginForm.rememberMe) {
|
|
|
+ Cookies.set("username20220313", this.loginForm.username, { expires: 30 });
|
|
|
+ Cookies.set("password20220313", encrypt(this.loginForm.password), { expires: 30 });
|
|
|
+ Cookies.set('rememberMe20220313', this.loginForm.rememberMe, { expires: 30 });
|
|
|
+ } else {
|
|
|
+ Cookies.remove("username20220313");
|
|
|
+ Cookies.remove("password20220313");
|
|
|
+ Cookies.remove('rememberMe20220313');
|
|
|
+ }
|
|
|
+ },
|
|
|
handleLoginERP(data) {//erp登录
|
|
|
- Cookies.set("username20220313", data.name);
|
|
|
this.$store.dispatch("LoginERP", data).then((res) => {
|
|
|
this.$router.push({ path: "/index"}).catch(()=>{});
|
|
|
}).catch((err) => {
|
|
@@ -306,177 +309,15 @@ export default {
|
|
|
height:36px !important;
|
|
|
line-height: 36px !important;
|
|
|
}
|
|
|
-body,html{
|
|
|
- width:100%;
|
|
|
- height:100%;
|
|
|
- background: #7171C6;
|
|
|
+</style>
|
|
|
+<style>
|
|
|
+html,
|
|
|
+body,
|
|
|
+#app {
|
|
|
+ height: 100%;
|
|
|
+ margin: 0px;
|
|
|
+ padding: 0px;
|
|
|
+ background-color: transparent !important;
|
|
|
+
|
|
|
}
|
|
|
-
|
|
|
- #loader-wrapper {
|
|
|
- position: fixed;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- z-index: 999999;
|
|
|
- }
|
|
|
-
|
|
|
- #loader {
|
|
|
- display: block;
|
|
|
- position: relative;
|
|
|
- left: 50%;
|
|
|
- top: 50%;
|
|
|
- width: 150px;
|
|
|
- height: 150px;
|
|
|
- margin: -75px 0 0 -75px;
|
|
|
- border-radius: 50%;
|
|
|
- border: 3px solid transparent;
|
|
|
- border-top-color: #FFF;
|
|
|
- -webkit-animation: spin 2s linear infinite;
|
|
|
- -ms-animation: spin 2s linear infinite;
|
|
|
- -moz-animation: spin 2s linear infinite;
|
|
|
- -o-animation: spin 2s linear infinite;
|
|
|
- animation: spin 2s linear infinite;
|
|
|
- z-index: 1001;
|
|
|
- }
|
|
|
-
|
|
|
- #loader:before {
|
|
|
- content: "";
|
|
|
- position: absolute;
|
|
|
- top: 5px;
|
|
|
- left: 5px;
|
|
|
- right: 5px;
|
|
|
- bottom: 5px;
|
|
|
- border-radius: 50%;
|
|
|
- border: 3px solid transparent;
|
|
|
- border-top-color: #FFF;
|
|
|
- -webkit-animation: spin 3s linear infinite;
|
|
|
- -moz-animation: spin 3s linear infinite;
|
|
|
- -o-animation: spin 3s linear infinite;
|
|
|
- -ms-animation: spin 3s linear infinite;
|
|
|
- animation: spin 3s linear infinite;
|
|
|
- }
|
|
|
-
|
|
|
- #loader:after {
|
|
|
- content: "";
|
|
|
- position: absolute;
|
|
|
- top: 15px;
|
|
|
- left: 15px;
|
|
|
- right: 15px;
|
|
|
- bottom: 15px;
|
|
|
- border-radius: 50%;
|
|
|
- border: 3px solid transparent;
|
|
|
- border-top-color: #FFF;
|
|
|
- -moz-animation: spin 1.5s linear infinite;
|
|
|
- -o-animation: spin 1.5s linear infinite;
|
|
|
- -ms-animation: spin 1.5s linear infinite;
|
|
|
- -webkit-animation: spin 1.5s linear infinite;
|
|
|
- animation: spin 1.5s linear infinite;
|
|
|
- }
|
|
|
-
|
|
|
- @-webkit-keyframes spin {
|
|
|
- 0% {
|
|
|
- -webkit-transform: rotate(0deg);
|
|
|
- -ms-transform: rotate(0deg);
|
|
|
- transform: rotate(0deg);
|
|
|
- }
|
|
|
- 100% {
|
|
|
- -webkit-transform: rotate(360deg);
|
|
|
- -ms-transform: rotate(360deg);
|
|
|
- transform: rotate(360deg);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- @keyframes spin {
|
|
|
- 0% {
|
|
|
- -webkit-transform: rotate(0deg);
|
|
|
- -ms-transform: rotate(0deg);
|
|
|
- transform: rotate(0deg);
|
|
|
- }
|
|
|
- 100% {
|
|
|
- -webkit-transform: rotate(360deg);
|
|
|
- -ms-transform: rotate(360deg);
|
|
|
- transform: rotate(360deg);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- #loader-wrapper .loader-section {
|
|
|
- position: fixed;
|
|
|
- top: 0;
|
|
|
- width: 51%;
|
|
|
- height: 100%;
|
|
|
- background: #7171C6;
|
|
|
- z-index: 1000;
|
|
|
- -webkit-transform: translateX(0);
|
|
|
- -ms-transform: translateX(0);
|
|
|
- transform: translateX(0);
|
|
|
- }
|
|
|
-
|
|
|
- #loader-wrapper .loader-section.section-left {
|
|
|
- left: 0;
|
|
|
- }
|
|
|
-
|
|
|
- #loader-wrapper .loader-section.section-right {
|
|
|
- right: 0;
|
|
|
- }
|
|
|
-
|
|
|
- .loaded #loader-wrapper .loader-section.section-left {
|
|
|
- -webkit-transform: translateX(-100%);
|
|
|
- -ms-transform: translateX(-100%);
|
|
|
- transform: translateX(-100%);
|
|
|
- -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
|
|
- transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
|
|
- }
|
|
|
-
|
|
|
- .loaded #loader-wrapper .loader-section.section-right {
|
|
|
- -webkit-transform: translateX(100%);
|
|
|
- -ms-transform: translateX(100%);
|
|
|
- transform: translateX(100%);
|
|
|
- -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
|
|
- transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
|
|
- }
|
|
|
-
|
|
|
- .loaded #loader {
|
|
|
- opacity: 0;
|
|
|
- -webkit-transition: all 0.3s ease-out;
|
|
|
- transition: all 0.3s ease-out;
|
|
|
- }
|
|
|
-
|
|
|
- .loaded #loader-wrapper {
|
|
|
- visibility: hidden;
|
|
|
- -webkit-transform: translateY(-100%);
|
|
|
- -ms-transform: translateY(-100%);
|
|
|
- transform: translateY(-100%);
|
|
|
- -webkit-transition: all 0.3s 1s ease-out;
|
|
|
- transition: all 0.3s 1s ease-out;
|
|
|
- }
|
|
|
-
|
|
|
- .no-js #loader-wrapper {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-
|
|
|
- .no-js h1 {
|
|
|
- color: #222222;
|
|
|
- }
|
|
|
-
|
|
|
- #loader-wrapper .load_title {
|
|
|
- font-family: 'Open Sans';
|
|
|
- color: #FFF;
|
|
|
- font-size: 19px;
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- z-index: 9999999999999;
|
|
|
- position: absolute;
|
|
|
- top: 60%;
|
|
|
- opacity: 1;
|
|
|
- line-height: 30px;
|
|
|
- }
|
|
|
-
|
|
|
- #loader-wrapper .load_title span {
|
|
|
- font-weight: normal;
|
|
|
- font-style: italic;
|
|
|
- font-size: 13px;
|
|
|
- color: #FFF;
|
|
|
- opacity: 0.5;
|
|
|
- }
|
|
|
</style>
|