From 5f06c56fd6273a34a502ea730382296cf1c1707f Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期五, 22 九月 2023 14:45:54 +0800 Subject: [PATCH] 单点登录-解密插件js库 --- Source/UBCS-WEB/src/page/login/index.vue | 50 +++++++++++++++++++++----------------------------- 1 files changed, 21 insertions(+), 29 deletions(-) diff --git a/Source/UBCS-WEB/src/page/login/index.vue b/Source/UBCS-WEB/src/page/login/index.vue index b57c1b8..576ec66 100644 --- a/Source/UBCS-WEB/src/page/login/index.vue +++ b/Source/UBCS-WEB/src/page/login/index.vue @@ -8,44 +8,25 @@ <div class="login-time"> {{time}} </div> - <p class="title">{{ $t('login.info') }}</p> + <p class="title">缂栫爜璧勬簮绠$悊绯荤粺</p> <div style="font-size: 15px"> - <span>----------------------------------------------</span> - <br> - <span>绠$悊绉熸埛缂栧彿锛�000000</span> - <br> - <span>瓒呯骇绠$悊鍛樿处鍙�: admin / admin</span> - <br> - <span>浜轰簨璐﹀彿: hr / hr</span> - <br> - <span>缁忕悊璐﹀彿: manager / manager</span> - <br> - <span>鑰佹澘璐﹀彿: boss / boss</span> - <br> - <span>----------------------------------------------</span> - <br> - <span>鏅�氱鎴风紪鍙凤細璇﹁绉熸埛绠$悊妯″潡</span> - <br> - <span>绉熸埛绠$悊鍛樿处鍙�: admin / admin</span> - <br> - <span>----------------------------------------------</span> + <el-image src="/img/pageLogo.jpeg" style="width: 360px; height: 280px"></el-image> </div> - <!--<img class="img" src="/img/logo.png" alt="">--> </div> <div class="login-border"> <div class="login-main"> <h4 class="login-title"> - {{ $t('login.title') }}{{website.title}} + {{ $t('login.title') }} <top-lang></top-lang> </h4> <userLogin v-if="activeName==='user'"></userLogin> <thirdLogin v-else-if="activeName==='third'"></thirdLogin> - <div class="login-menu"> - <a href="#" @click.stop="activeName='user'">{{ $t('login.userLogin') }}</a> - <!--<a href="#" @click.stop="activeName='code'">{{ $t('login.phoneLogin') }}</a>--> - <a href="#" @click.stop="activeName='third'">{{ $t('login.thirdLogin') }}</a> - <a :href="website.ssoUrl + website.redirectUri">{{ $t('login.ssoLogin') }}</a> - </div> +<!-- <div class="login-menu">--> +<!-- <a href="#" @click.stop="activeName='user'">{{ $t('login.userLogin') }}</a>--> +<!-- <a href="#" @click.stop="activeName='code'">{{ $t('login.phoneLogin') }}</a>--> +<!-- <a href="#" @click.stop="activeName='third'">{{ $t('login.thirdLogin') }}</a>--> +<!-- <a :href="website.ssoUrl + website.redirectUri">{{ $t('login.ssoLogin') }}</a>--> +<!-- </div>--> </div> </div> @@ -62,11 +43,13 @@ import topColor from "@/page/index/top/top-color"; import {getQueryString, getTopUrl} from "@/util/util"; import "@/styles/login.scss"; + //瑙e瘑js搴� + import CryptoJS from 'crypto-js'; + import AES from 'crypto-js/aes'; export default { name: "login", components: { userLogin, - thirdLogin, topLang, topColor @@ -91,6 +74,7 @@ created() { this.handleLogin(); this.getTime(); + this.getPassword() }, mounted() { }, @@ -99,6 +83,14 @@ }, props: [], methods: { + getPassword(){ + const plaintext = 'Hello, World!'; + const key = 'This is a secret key'; + const encrypted = AES.encrypt(plaintext, key).toString(); + console.log('鍔犲瘑鍚庣殑鏁版嵁锛�', encrypted); + const decrypted = AES.decrypt(encrypted, key).toString(CryptoJS.enc.Utf8); + console.log('瑙e瘑鍚庣殑鏁版嵁锛�', decrypted); + }, getTime() { setInterval(() => { this.time = dateFormat(new Date()); -- Gitblit v1.9.3