132 lines
3.7 KiB
Vue
132 lines
3.7 KiB
Vue
<template>
|
|
<view class="login">
|
|
<div class="title">
|
|
<view class="logo-content">
|
|
<img :src="globalConfig" alt="" class="logo" style="width: 250rpx" />
|
|
</view>
|
|
<span class="text">钉钉登录认证中...</span>
|
|
</div>
|
|
<u-toast ref="uToast"></u-toast>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import * as dd from "dingtalk-jsapi";
|
|
import { authApi } from "@/api/login";
|
|
import logo from "@/static/logo1.png";
|
|
import localStorage from "@/utils/localStorage";
|
|
export default {
|
|
data() {
|
|
return {
|
|
globalConfig: logo,
|
|
};
|
|
},
|
|
onReady() {
|
|
this.$ddFunction.setTitle("钉钉免登录认证");
|
|
},
|
|
onShow() {
|
|
const currentUrl = document.location.toString();
|
|
//解析url中包含的corpId
|
|
const corpId = currentUrl.split("corpid=")[1];
|
|
if (corpId == "" || corpId == null || corpId == undefined) {
|
|
this.$modal.showToast("企业id获取失败, 请使用钉钉手机端登录或重新加载");
|
|
} else {
|
|
this.$store.commit("SET_DINGCROPID", corpId);
|
|
this.dingtalkLogin(corpId);
|
|
}
|
|
},
|
|
methods: {
|
|
dingtalkLogin(corpId) {
|
|
let that = this;
|
|
if (dd.env.platform !== "notInDingTalk") {
|
|
dd.ready(() => {
|
|
//使用SDK 获取免登授权码
|
|
dd.runtime.permission.requestAuthCode({
|
|
corpId: corpId,
|
|
onSuccess: function (result) {
|
|
let code = result.code;
|
|
that.loginDDSSO(code);
|
|
},
|
|
onFail: (err) => {
|
|
console.info("获取个人信息异常，请稍后重试!", err);
|
|
},
|
|
});
|
|
});
|
|
}
|
|
},
|
|
async loginDDSSO(code) {
|
|
let params = {
|
|
code: code,
|
|
appType: "DD", //移动端类型
|
|
appId: "800043", //请求的APIID 默认
|
|
apiCode: "8000430000", //请求的API编码 默认
|
|
userApiCode: "8000430004", //请求认证的API编码 默认
|
|
};
|
|
let res = await authApi("loginService", "", "appDoLogin", "", params);
|
|
if (res.status === "200") {
|
|
localStorage.set("MIDDLEGROUND-TOKEN", res.attribute.token);
|
|
localStorage.set("MIDDLEGROUND-USERINFO", res.attribute.userInfo);
|
|
uni.switchTab({
|
|
url: "/pages/homePage/index",
|
|
});
|
|
} else if (res.status == "1005") {
|
|
if (
|
|
res.attribute.userid == "" ||
|
|
res.attribute.userid == null ||
|
|
res.attribute.userid == undefined
|
|
) {
|
|
this.$refs.uToast.show({
|
|
type: "warning",
|
|
message: "登录时获取的 code 为空, 请联系管理员处理！",
|
|
});
|
|
} else {
|
|
this.$refs.uToast.show({
|
|
type: "warning",
|
|
message: "您尚未进行登录认证，请先认证！",
|
|
});
|
|
setTimeout(() => {
|
|
localStorage.set("MIDDLEGROUND-USERID", res.attribute.userid);
|
|
uni.reLaunch({
|
|
url: "/pages/loginAuthen/loginDingDing",
|
|
});
|
|
}, 1000);
|
|
}
|
|
} else {
|
|
// do something
|
|
localStorage.remove("MIDDLEGROUND-TOKEN");
|
|
localStorage.remove("MIDDLEGROUND-USERINFO");
|
|
localStorage.remove("MIDDLEGROUND-USERID");
|
|
}
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
.title {
|
|
padding-top: 80rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
.logo-content {
|
|
background: #c73b26;
|
|
border-radius: 10px;
|
|
padding: 15px;
|
|
}
|
|
.title .logo {
|
|
vertical-align: middle;
|
|
}
|
|
.title .text {
|
|
font-size: 17px;
|
|
font-weight: 700;
|
|
vertical-align: middle;
|
|
padding: 24px;
|
|
color: var(--text-color-light);
|
|
}
|
|
</style>
|
|
<style scoped>
|
|
page {
|
|
background: #fff;
|
|
}
|
|
</style> |