| | |
| | | </Input> |
| | | </FormItem> |
| | | <div style="display: flex;justify-content: space-between;"> |
| | | <Checkbox v-model="form.remember" class="rember">记住用户名</Checkbox> |
| | | <Checkbox v-model="form.remember" class="rember" @on-change="changeRemenber">记住用户名</Checkbox> |
| | | </div> |
| | | <FormItem style="margin-bottom: 10px;"> |
| | | <Button size="large" @click="handleSubmit" class="handleSubmit" type="primary" long :loading="loading">登录</Button> |
| | |
| | | </Input> |
| | | </FormItem> |
| | | <div style="display: flex;justify-content: space-between;"> |
| | | <Checkbox v-model="form2.remember2" class="rember">记住用户名</Checkbox> |
| | | <Checkbox v-model="form2.remember2" class="rember" >记住用户名</Checkbox> |
| | | </div> |
| | | <FormItem style="margin-bottom: 10px;"> |
| | | <Button size="large" @click="handleSubmit2" class="handleSubmit" type="primary" long :loading="loading">登录</Button> |
| | |
| | | return { |
| | | form: { |
| | | remember: localStorage.getItem('remember') == 'true' ? true : false, |
| | | CompanyRemark: '', // 机构标识码 |
| | | userName: localStorage.getItem('remember') == 'true'? localStorage.getItem('userName'):'', // 用户名 |
| | | CompanyRemark: localStorage.getItem('loginCompanyRemark') || '', // 机构标识码 |
| | | userName: localStorage.getItem('remember') == 'true' ? localStorage.getItem('userName') : '', // 用户名 |
| | | password: '',// 密码 |
| | | }, |
| | | form2: { |
| | | remember2: localStorage.getItem('remember2') == 'true' ? true : false, |
| | | CompanyRemark2: 'guest', // 机构标识码 |
| | | userName2: localStorage.getItem('remember2') == 'true'? localStorage.getItem('userName2'):'', // 用户名 |
| | | userName2: localStorage.getItem('remember2') == 'true' ? localStorage.getItem('userName2') : '', // 用户名 |
| | | password2: '',// 密码 |
| | | } |
| | | } |
| | |
| | | localStorage.setItem('remember', this.form.remember) |
| | | if (this.form.remember) { |
| | | localStorage.setItem('userName', this.form.userName) |
| | | localStorage.setItem('loginCompanyRemark', this.form.CompanyRemark) |
| | | } else { |
| | | localStorage.setItem('userName', '') |
| | | localStorage.setItem('loginCompanyRemark', '') |
| | | } |
| | | this.$emit('on-success-valid', { |
| | | CompanyRemark: this.form.CompanyRemark, |
| | |
| | | if (valid) { |
| | | localStorage.setItem('remember2', this.form2.remember2) |
| | | if (this.form2.remember2) { |
| | | localStorage.setItem('userName', this.form2.userName2) |
| | | localStorage.setItem('userName2', this.form2.userName2) |
| | | } else { |
| | | localStorage.setItem('userName', '') |
| | | localStorage.setItem('userName2', '') |
| | | } |
| | | this.$emit('on-success-valid', { |
| | | CompanyRemark: this.form2.CompanyRemark2, |
| | |
| | | }) |
| | | } |
| | | }) |
| | | }, |
| | | changeRemenber(e){ |
| | | // console.log(e); |
| | | } |
| | | }, |
| | | watch: { |
| | | type(newValue, old) { |
| | | sessionStorage.setItem('userName', this.form.userName) |
| | | sessionStorage.setItem('userName2', this.form2.userName2) |
| | | sessionStorage.setItem('loginCompanyRemark', this.form.CompanyRemark) |
| | | console.log(this.form, this.form2); |
| | | console.log(localStorage.getItem('userName'), localStorage.getItem('userName2')); |
| | | console.log(localStorage.getItem('userName'), localStorage.getItem('userName2'), localStorage.getItem('loginCompanyRemark')); |
| | | if (newValue === 'guest') { |
| | | if (this.form2.remember2) { |
| | | this.form2.userName2 = localStorage.getItem('userName2') || '' |
| | | } else { |
| | | this.form2.userName2 = '' |
| | | } |
| | | // if (this.form2.remember2) { |
| | | this.form2.userName2 = sessionStorage.getItem('userName2') || '' |
| | | this.form2.CompanyRemark2 = 'guest' |
| | | this.form2.password2 = '' |
| | | // } else { |
| | | // this.form2.userName2 = '' |
| | | // this.form2.password2 = '' |
| | | // } |
| | | } else { |
| | | if (this.form.remember) { |
| | | this.form.userName = localStorage.getItem('userName') || '' |
| | | } else { |
| | | this.form.userName = '' |
| | | } |
| | | // if (this.form.remember) { |
| | | this.form.CompanyRemark = sessionStorage.getItem('loginCompanyRemark') || '' |
| | | this.form.userName = sessionStorage.getItem('userName') || '' |
| | | this.form.password = '' |
| | | // } else { |
| | | // this.form.CompanyRemark = '' |
| | | // this.form.userName = '' |
| | | // this.form.password = '' |
| | | // } |
| | | } |
| | | }, |
| | | // 'form.remember'(newVal, oldVal) { |
| | | // console.log(this.form); |
| | | // if(newVal){ |
| | | // localStorage.setItem('userName',this.form.userName) |
| | | // localStorage.setItem('loginCompanyRemark',this.form.CompanyRemark) |
| | | // }else{ |
| | | // localStorage.setItem('userName','') |
| | | // localStorage.setItem('loginCompanyRemark','') |
| | | // } |
| | | // console.log(localStorage.getItem('userName'), localStorage.getItem('userName2'), localStorage.getItem('loginCompanyRemark')); |
| | | // }, |
| | | // 'form2.remember2'(newVal, oldVal) { |
| | | // if(newVal){ |
| | | // localStorage.setItem('userName2',this.form2.userName2) |
| | | // }else{ |
| | | // localStorage.setItem('userName2','') |
| | | // } |
| | | // console.log(localStorage.getItem('userName'), localStorage.getItem('userName2'), localStorage.getItem('loginCompanyRemark')); |
| | | // }, |
| | | deep: true, |
| | | immediate: true |
| | | } |