feat:添加AES加密方法

@@ -6055,6 +6055,11 @@
         "randomfill": "^1.0.3"
         "randomfill": "^1.0.3"
       }
       }
     },
     },
+    "crypto-js": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.0.0.tgz",
+      "integrity": "sha512-bzHZN8Pn+gS7DQA6n+iUmBfl0hO5DJq++QP3U6uTucDtk/0iGpXd/Gg7CGR0p8tJhofJyaKoWBuJI4eAO00BBg=="
+    },
     "css-color-names": {
     "css-color-names": {
       "version": "0.0.4",
       "version": "0.0.4",
       "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
       "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",

@@ -14,6 +14,7 @@
     "axios": "^0.18.1",
     "axios": "^0.18.1",
     "captcha-mini": "^1.1.0",
     "captcha-mini": "^1.1.0",
     "core-js": "^2.6.11",
     "core-js": "^2.6.11",
+    "crypto-js": "^4.0.0",
     "echarts": "^4.8.0",
     "echarts": "^4.8.0",
     "element-ui": "^2.13.2",
     "element-ui": "^2.13.2",
     "js-cookie": "^2.2.1",
     "js-cookie": "^2.2.1",

@@ -50,7 +50,7 @@ export default new Vuex.Store({
         const { username, password } = userinfo
         const { username, password } = userinfo
         const res = await login({
         const res = await login({
           username: username.trim(),
           username: username.trim(),
-          password: password
+          password
         })
         })
         if (res.code === 0) {
         if (res.code === 0) {
           commit('SET_ROLES', res.result.role)
           commit('SET_ROLES', res.result.role)

+import CryptoJS from 'crypto-js'
+
+const AES_KEY = '94a80df2633b4944'
+
+export function aesEncode(str) {
+  const key = CryptoJS.enc.Utf8.parse(AES_KEY)
+  const word = CryptoJS.enc.Utf8.parse(str)
+
+  const encrypted = CryptoJS.AES.encrypt(word, key, {
+    mode: CryptoJS.mode.ECB,
+    padding: CryptoJS.pad.Pkcs7
+  })
+  return encrypted.toString()
+}
+
+export function aesDecode(passPhrase) {
+  const key = CryptoJS.enc.Utf8.parse(AES_KEY)
+  const decrypt = CryptoJS.AES.decrypt(passPhrase, key, {
+    mode: CryptoJS.mode.ECB,
+    padding: CryptoJS.pad.Pkcs7
+  })
+  return CryptoJS.enc.Utf8.stringify(decrypt).toString()
+}

 <template lang="pug">
 <template lang="pug">
-  .login
-    LoginForm(class="login-card" ref="loginRef" @on-success-valid="handleLogin" :loading="btnLoading")
+.login
+  LoginForm.login-card(
+    ref='loginRef',
+    @on-success-valid='handleLogin',
+    :loading='btnLoading'
+  )
 </template>
 </template>
 <script>
 <script>
 import LoginForm from '_c/loginForm'
 import LoginForm from '_c/loginForm'
 import { mapActions, mapState, mapMutations } from 'vuex'
 import { mapActions, mapState, mapMutations } from 'vuex'
+import { aesEncode } from '@/utils/aes'
 
 
 export default {
 export default {
   components: {
   components: {
@@ -28,6 +33,7 @@ export default {
     async handleLogin({ username, password }) {
     async handleLogin({ username, password }) {
       try {
       try {
         this.btnLoading = true
         this.btnLoading = true
+        // const passPhrase = aesEncode(password)
         const { code } = await this.login({ username, password })
         const { code } = await this.login({ username, password })
         if (code === 0) {
         if (code === 0) {
           this.$router.push({ path: '/' })
           this.$router.push({ path: '/' })