You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
119 lines
4.6 KiB
119 lines
4.6 KiB
<template>
|
|
<div class="login-page">
|
|
<div class="login-content">
|
|
<van-nav-bar>
|
|
<template #title>
|
|
<div class="title">
|
|
企业端登录
|
|
</div>
|
|
</template>
|
|
</van-nav-bar>
|
|
<van-form @submit="onSubmit">
|
|
<van-field v-model="loginParam.secretName" name="secretName" label="用户名" placeholder="用户名"
|
|
:rules="[{ required: true, message: '请填写用户名' }]"/>
|
|
<van-field v-model="loginParam.secretKey" type="password" name="secretKey" label="密码" placeholder="密码"
|
|
:rules="[{ required: true, message: '请填写密码' }]"/>
|
|
<div style="margin: 0.42rem">
|
|
<van-button block type="primary" native-type="submit">登录</van-button>
|
|
</div>
|
|
</van-form>
|
|
<router-link to="/enterprise/register" class="link">还没有账号,去注册</router-link>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import {reactive} from 'vue';
|
|
import {enterpriseLogin, getEnterpriseInfo} from '../../api/enterprise';
|
|
import CryptoJS from "crypto-js";
|
|
import {showFailToast, showToast} from 'vant';
|
|
import 'vant/es/toast/style';
|
|
|
|
const {useCommon} = $globalStore;
|
|
const router = useRouter();
|
|
const loginParam = reactive({
|
|
secretName: "",
|
|
secretKey: ""
|
|
})
|
|
|
|
const onSubmit = async (values) => {
|
|
values.secretKey = Encrypt(values.secretKey);
|
|
enterpriseLogin({"secretName": loginParam.secretName, "secretKey": values.secretKey}, response => {
|
|
if (response.code === 200) {
|
|
// 企业端登录成功 → 赋值用户基本信息
|
|
useCommon.SET_USER_PHONENUMBER(response.data.phonenumber.toString());
|
|
useCommon.SET_USER_ID(response.data.userId);
|
|
useCommon.SET_TOKEN(response.data.token);
|
|
//debugger;
|
|
console.log("message",useCommon.userId);
|
|
// 分离调用：获取关联的企业信息
|
|
getEnterpriseInfo({userId: response.data.userId}, res => {
|
|
if (res.code === 200 && res.data && Array.isArray(res.data) && res.data.length > 0) {
|
|
const firstEnterprise = res.data[0];
|
|
useCommon.SET_USER_ENTERPRISE_NUMBER(firstEnterprise.enterpriseNumber || "");
|
|
useCommon.SET_USER_ENTERPRISE_NAME(firstEnterprise.enterpriseName || "");
|
|
useCommon.SET_USER_ENTERPRISE_ID(firstEnterprise.enterpriseId || "");
|
|
if (res.data.length > 1) {
|
|
showToast('您关联了多个企业，已默认选择企业：' + (firstEnterprise.enterpriseName || ''));
|
|
}
|
|
}
|
|
router.push({name: "enterpriseHome"});
|
|
}, () => {
|
|
// 获取企业信息失败也照常跳转
|
|
router.push({name: "enterpriseHome"});
|
|
});
|
|
} else {
|
|
showFailToast(response.msg || "登录失败");
|
|
}
|
|
}, error => {
|
|
showFailToast(error?.msg || "登录失败，请检查网络");
|
|
})
|
|
};
|
|
|
|
const Encrypt = (passWord) => {
|
|
var keyStr = '1234567898745621';
|
|
var ivStr = keyStr;
|
|
var key = CryptoJS.enc.Utf8.parse(keyStr);
|
|
var iv = CryptoJS.enc.Utf8.parse(ivStr);
|
|
var srcs = CryptoJS.enc.Utf8.parse(passWord);
|
|
var encrypted = CryptoJS.AES.encrypt(srcs, key, {
|
|
iv: iv,
|
|
mode: CryptoJS.mode.CBC,
|
|
padding: CryptoJS.pad.ZeroPadding
|
|
});
|
|
return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.login-page {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
overflow: hidden;
|
|
background-image: url("~@/assets/images/login.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
opacity: 0.9;
|
|
|
|
.login-content {
|
|
margin: auto;
|
|
padding: 0.27rem 0.27rem 0.52rem 0.27rem;
|
|
background-color: #fff;
|
|
border-radius: 0.27rem;
|
|
box-shadow: 0 0 0.27rem rgba(0, 0, 0, 0.2);
|
|
opacity: 0.9;
|
|
|
|
.title {
|
|
font-size: 0.52rem;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
|
|
.link {
|
|
font-size: 0.32rem;
|
|
color: #069;
|
|
float: right;
|
|
margin-right: 0.4rem;
|
|
}
|
|
}
|
|
</style>
|
|
|