root/rax-medical
1
0
Fork 0
mirror of https://gitee.com/xiongmao1988/rax-medical.git synced 2025-08-24 04:54:58 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

登录调试通了

This commit is contained in:
zhaoyz 2024-03-13 16:54:09 +08:00
parent e42ec83d42
commit 2c3acbcaaf
7 changed files with 497 additions and 402 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.env Normal file
View File

@ -0,0 +1 @@
VITE_PWD_ENC_KEY='thanks,rax'

1
index.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="referrer" content="no-referrer"/>
<title>瑞鞍星医疗科技</title> <title>瑞鞍星医疗科技</title>
</head> </head>
<body> <body>

3
package.json
View File

@ -20,7 +20,8 @@
"vant": "^4.8.3", "vant": "^4.8.3",
"vue": "^3.2.45", "vue": "^3.2.45",
"vue-router": "^4.1.6", "vue-router": "^4.1.6",
"xlsx": "^0.18.5" "xlsx": "^0.18.5",
"crypto-js": "4.2.0"
}, },
"devDependencies": { "devDependencies": {
"@types/js-cookie": "^3.0.6", "@types/js-cookie": "^3.0.6",

26
src/api/acl/login.ts Normal file
View File

@ -0,0 +1,26 @@
import axios from "axios";
import * as other from "@/utils/other";
import {HOST} from "@/utils/request";
const FORM_CONTENT_TYPE = 'application/x-www-form-urlencoded';
export const login = (data: any) => {
const basicAuth = 'Basic ' + window.btoa(import.meta.env.VITE_PWD_ENC_KEY);
let encPassword = data.password;
encPassword = other.encryption(data.password, "thanks,rax");
data.grant_type = 'password';
data.scope = 'server';
return axios.request({
url: '/api/admin/oauth2/token',
method: 'post',
data: {...data, password: encPassword},
headers: {
skipToken: true,
Authorization: basicAuth,
'Content-Type': FORM_CONTENT_TYPE,
},
});
};

33
src/utils/other.ts Normal file
View File

@ -0,0 +1,33 @@
// @ts-ignore
import * as CryptoJS from 'crypto-js';
/**
*加密处理
*/
export function encryption(src: string, keyWord: string) {
const key = CryptoJS.enc.Utf8.parse(keyWord);
// 加密
var encrypted = CryptoJS.AES.encrypt(src, key, {
iv: key,
mode: CryptoJS.mode.CFB,
padding: CryptoJS.pad.NoPadding,
});
return encrypted.toString();
}
/**
* 解密
* @param {*} params 参数列表
* @returns 明文
*/
export function decryption(src: string, keyWord: string) {
const key = CryptoJS.enc.Utf8.parse(keyWord);
// 解密逻辑
var decryptd = CryptoJS.AES.decrypt(src, key, {
iv: key,
mode: CryptoJS.mode.CFB,
padding: CryptoJS.pad.NoPadding,
});
return decryptd.toString(CryptoJS.enc.Utf8);
}

33
src/views/login/login.vue
View File

@ -48,8 +48,10 @@
</el-icon></span> </el-icon></span>
<template #dropdown> <template #dropdown>
<el-dropdown-menu> <el-dropdown-menu>
<el-dropdown-item v-for="item in phoneAreas" :command="item">{{ item <el-dropdown-item v-for="item in phoneAreas" :command="item">{{
}}</el-dropdown-item> item
}}
</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</template> </template>
</el-dropdown> </el-dropdown>
@ -119,7 +121,7 @@
</div> </div>
</div> </div>
<SliderVerify v-model:isShowSelf="sliderVConf.isShowSelf" :width="sliderVConf.width" :imgUrl="sliderImgUrl" <SliderVerify v-model:isShowSelf="sliderVConf.isShowSelf" :width="sliderVConf.width" :imgUrl="sliderImgUrl"
:height="sliderVConf.height" @success="toHome"></SliderVerify> :height="sliderVConf.height" @success="sliderSuccess"></SliderVerify>
</template> </template>
<script lang='ts' setup> <script lang='ts' setup>
@ -132,8 +134,9 @@ import {ElMessage, ElMessageBox} from 'element-plus'
import {useLoginStore} from '@/stores/user-info-store' import {useLoginStore} from '@/stores/user-info-store'
import {getHospitalsData, getPhoneAreasData} from '@/static-data/core' import {getHospitalsData, getPhoneAreasData} from '@/static-data/core'
import {v4} from "uuid"; import {v4} from "uuid";
import {HOST} from "@/utils/request"; import {HOST, post} from "@/utils/request";
import SliderVerify from "@/components/SliderVerify/index.vue"; import SliderVerify from "@/components/SliderVerify/index.vue";
import * as loginApi from "@/api/acl/login";
//引入用户相关的小仓库 //引入用户相关的小仓库
@ -281,7 +284,8 @@ const register = async () => {
loginParams.value.name = registerFormRef.value.name loginParams.value.name = registerFormRef.value.name
currentHospital.value = registerFormRef.value.hospital currentHospital.value = registerFormRef.value.hospital
toHome() toHome()
}).catch(() => { }) }).catch(() => {
})
} else { } else {
// console.log('error submit!', fields) // console.log('error submit!', fields)
} }
@ -363,6 +367,18 @@ function refreshImg() {
captchaImgUrl.value = HOST + '/admin/code/textImage?randomStr=' + randomStr captchaImgUrl.value = HOST + '/admin/code/textImage?randomStr=' + randomStr
} }
function sliderSuccess() {
loginApi.login({
username: loginParams.value.account, // 用户名
password: loginParams.value.password, // 密码
randomStr: v4()
}).then((data: any) => {
console.log(data);
})
// toHome()
}
const toHome = () => { const toHome = () => {
ElNotification({ ElNotification({
@ -413,6 +429,7 @@ const toHome = () => {
background: url(@/assets/imgs/login/login_bck.png) no-repeat; background: url(@/assets/imgs/login/login_bck.png) no-repeat;
background-size: cover; background-size: cover;
} }
.right-content { .right-content {
position: relative; position: relative;
width: 50%; width: 50%;
@ -522,28 +539,34 @@ const toHome = () => {
min-height: 300px; min-height: 300px;
padding: 50px; padding: 50px;
background: white; background: white;
.header-box { .header-box {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 30px; margin-bottom: 30px;
.title { .title {
font-size: 20px; font-size: 20px;
color: $main-color; color: $main-color;
font-weight: 600; font-weight: 600;
} }
.el-icon { .el-icon {
cursor: pointer; cursor: pointer;
} }
} }
.footer-box { .footer-box {
padding-left: 100px; padding-left: 100px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.el-button { .el-button {
font-size: 16px; font-size: 16px;
padding: 5px 50px; padding: 5px 50px;
} }
& > span { & > span {
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 18px;

10
vite.config.ts
View File

@ -19,5 +19,15 @@ export default defineConfig({
additionalData: '@import "./src/assets/css/variable.scss";' //引入scss文件 additionalData: '@import "./src/assets/css/variable.scss";' //引入scss文件
} }
} }
},
server: {
proxy: {
'/api': {
target: 'http://localhost:9999', // 目标服务器地址
ws: true, // 是否启用 WebSocket
changeOrigin: true, // 是否修改请求头中的 Origin 字段
rewrite: (path) => path.replace(/^\/api/, ''),
}
}
} }
}) })