From cfce577132832b5291c5bd3b171d7f4397d44643 Mon Sep 17 00:00:00 2001 From: 819527061@qq.com <123456> Date: 星期二, 14 五月 2024 17:06:53 +0800 Subject: [PATCH] docs:参数加密 --- src/views/login.vue | 113 ++++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 76 insertions(+), 37 deletions(-) diff --git a/src/views/login.vue b/src/views/login.vue index 1041cd8..7d02bb2 100644 --- a/src/views/login.vue +++ b/src/views/login.vue @@ -10,7 +10,12 @@ <Col class="content"> <div> <Header /> - <div v-if="!socialLogining" style="margin-top: 150px"> + <div class="login-main-box" v-if="!socialLogining"> + <div class="login-img"> + <img src="../assets/img/login-mmain-left-bj.jpg" alt=""> + </div> + <div class="login-form"> + <div class="login-form-inside"> <Form ref="usernameLoginForm" :model="form" @@ -19,7 +24,8 @@ v-if="tabName == 'username'" > <FormItem> - <h1 style="margin-left: 40%;">鐧� 闄�</h1> + <!--<h1 style="margin-left: 40%;">鐧� 褰�</h1>--> + <h1>瀹夊叏閰嶉�佺鐞嗙郴缁�</h1> </FormItem> <FormItem prop="username"> <Input @@ -72,42 +78,46 @@ </FormItem> </Form> - <!--<Row justify="space-between" align="middle">--> - <!--<Checkbox v-model="saveLogin" size="large">{{--> + <!--<Row justify="space-between" align="middle">--> + <!--<Checkbox v-model="saveLogin" size="large">{{--> <!--$t("autoLogin")--> <!--}}</Checkbox>--> - <!--<Dropdown trigger="click" @on-click="handleDropDown">--> + <!--<Dropdown trigger="click" @on-click="handleDropDown">--> <!--<a class="forget-pass">{{ $t("forgetPass") }}</a>--> <!--<DropdownMenu slot="list">--> - <!--<DropdownItem name="test">浣撻獙娴嬭瘯璐﹀彿</DropdownItem>--> - <!--<DropdownItem name="resetByMobile"--> - <!-->浣跨敤鎵嬫満鍙烽噸缃瘑鐮�(浠樿垂)</DropdownItem--> - <!-->--> - <!--<DropdownItem name="resetByEmail"--> - <!-->浣跨敤閭閲嶇疆瀵嗙爜(浠樿垂)</DropdownItem--> - <!-->--> + <!--<DropdownItem name="test">浣撻獙娴嬭瘯璐﹀彿</DropdownItem>--> + <!--<DropdownItem name="resetByMobile"--> + <!-->浣跨敤鎵嬫満鍙烽噸缃瘑鐮�(浠樿垂)</DropdownItem--> + <!-->--> + <!--<DropdownItem name="resetByEmail"--> + <!-->浣跨敤閭閲嶇疆瀵嗙爜(浠樿垂)</DropdownItem--> + <!-->--> <!--</DropdownMenu>--> - <!--</Dropdown>--> - <!--</Row>--> - <Button - class="login-btn" - type="primary" - size="large" - :loading="loading" - @click="submitLogin" - long - > - <span v-if="!loading">{{ $t("login") }}</span> - <span v-else>{{ $t("logining") }}</span> - </Button> + <!--</Dropdown>--> + <!--</Row>--> + <Button + class="login-btn" + type="primary" + size="large" + :loading="loading" + @click="submitLogin" + long + > + <span v-if="!loading">{{ $t("login") }}</span> + <span v-else>{{ $t("logining") }}</span> + </Button> + </div> + + </div> </div> + <div v-if="socialLogining"> <RectLoading /> </div> </div> <!--<Footer />--> </Col> - <LangSwitch /> + <!--<LangSwitch />--> </Row> </div> <!--<div>--> @@ -194,6 +204,7 @@ ] } ], + sessionStorage: null, showMore: false, code:"", captchaId: "", @@ -246,14 +257,15 @@ }, afterLogin(res) { let accessToken = res.result; - this.setStore("accessToken", accessToken); + console.log("login_afterLogin()",accessToken) + this.setSessionStore("accessToken", accessToken); getOtherSet().then((res) => { if (res.result) { let domain = res.result.ssoDomain; - Cookies.set("accessToken", accessToken, { - domain: domain, - expires: 7, - }); + // Cookies.set("accessToken", accessToken, { + // domain: domain, + // expires: 7, + // }); } }); // 鑾峰彇鐢ㄦ埛淇℃伅 @@ -299,7 +311,7 @@ this.loading = true; login({ username: this.form.username, - password: this.form.password, + password: btoa(this.form.password), code: this.form.imgCode, captchaId: this.captchaId, saveLogin: this.saveLogin, @@ -406,14 +418,14 @@ if (res.success) { this.socialLogining = true; let accessToken = res.result; - this.setStore("accessToken", accessToken); + this.setSessionStore("accessToken", accessToken); getOtherSet().then((res) => { if (res.result) { let domain = res.result.ssoDomain; - Cookies.set("accessToken", accessToken, { - domain: domain, - expires: 7, - }); + // Cookies.set("accessToken", accessToken, { + // domain: domain, + // expires: 7, + // }); } }); // 鑾峰彇鐢ㄦ埛淇℃伅 @@ -500,10 +512,37 @@ //this.showNotice(); this.relatedLogin(); this.getCaptchaImg(); + }, }; </script> <style lang="less"> + .login-main-box{ + .ivu-form-item{ + margin-bottom: 2vw; + &:first-child{ + margin-bottom: 4vw; + } + } + .ivu-form-item-content{ + h1{ + font-size: 1.5vw; + text-align: center; + } + } + .ivu-input-large{ + height: 2vw; + } + .ivu-input-wrapper-large .ivu-input-prefix i, .ivu-input-wrapper-large .ivu-input-suffix i{ + line-height: 2vw; + } + .ivu-input{ + border: 1px solid #aaaaaa; + } + } + +</style> +<style lang="less"> @import "./login.less"; </style> -- Gitblit v1.9.1