| | |
| | | <div class="login-time"> |
| | | {{time}} |
| | | </div> |
| | | <p class="title">编码资源管理系统</p> |
| | | <p class="title">编码资源管理系统(非密)</p> |
| | | <div style="font-size: 15px"> |
| | | <el-image src="/img/pageLogo.jpeg" style="width: 360px; height: 280px"></el-image> |
| | | </div> |
| | |
| | | </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> |
| | | |
| | | </div> |
| | |
| | | import topColor from "@/page/index/top/top-color"; |
| | | import {getQueryString, getTopUrl} from "@/util/util"; |
| | | import "@/styles/login.scss"; |
| | | //解密js库 |
| | | import CryptoJS from 'crypto-js'; |
| | | import AES from 'crypto-js/aes'; |
| | | export default { |
| | | name: "login", |
| | | components: { |
| | |
| | | created() { |
| | | this.handleLogin(); |
| | | this.getTime(); |
| | | this.getPassword() |
| | | }, |
| | | mounted() { |
| | | }, |
| | |
| | | }, |
| | | 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('解密后的数据:', decrypted); |
| | | }, |
| | | getTime() { |
| | | setInterval(() => { |
| | | this.time = dateFormat(new Date()); |