mirror of
https://github.com/yangjian102621/geekai.git
synced 2025-09-19 01:36:38 +08:00
136 lines
3.5 KiB
Vue
136 lines
3.5 KiB
Vue
<template>
|
||
<div class="login-callback"
|
||
v-loading="loading"
|
||
element-loading-text="正在同步登录信息..."
|
||
:style="{ height: winHeight + 'px' }">
|
||
|
||
<el-dialog
|
||
v-model="show"
|
||
:close-on-click-modal="false"
|
||
:show-close="false"
|
||
style="width: 360px;"
|
||
>
|
||
<el-result
|
||
icon="success"
|
||
title="登录成功"
|
||
style="--el-result-padding:10px"
|
||
>
|
||
<template #sub-title>
|
||
<div class="user-info">
|
||
<div class="line">您的初始账户信息如下：</div>
|
||
<div class="line"><span>用户名：</span>{{username}}</div>
|
||
<div class="line"><span>密码：</span>{{password}}</div>
|
||
<div class="line">您后期也可以通过此账号和密码登录</div>
|
||
</div>
|
||
</template>
|
||
<template #extra>
|
||
<el-button type="primary" class="copy-user-info" :data-clipboard-text="'用户名：'+username+' 密码：'+password">复制</el-button>
|
||
<el-button type="danger" @click="finishLogin">关闭</el-button>
|
||
</template>
|
||
</el-result>
|
||
</el-dialog>
|
||
|
||
</div>
|
||
</template>
|
||
|
||
<script setup>
|
||
import {onMounted, onUnmounted, ref} from "vue"
|
||
import {useRouter} from "vue-router"
|
||
import {ElMessage, ElMessageBox} from "element-plus";
|
||
import {httpGet} from "@/utils/http";
|
||
import {setUserToken} from "@/store/session";
|
||
import Clipboard from "clipboard";
|
||
import {showMessageError, showMessageOK} from "@/utils/dialog";
|
||
import {getRoute} from "@/store/system";
|
||
import {checkSession} from "@/store/cache";
|
||
|
||
const winHeight = ref(window.innerHeight)
|
||
const loading = ref(true)
|
||
const router = useRouter()
|
||
const show = ref(false)
|
||
const username = ref('')
|
||
const password = ref('')
|
||
|
||
|
||
const code = router.currentRoute.value.query.code
|
||
const action = router.currentRoute.value.query.action
|
||
if (code === "") {
|
||
ElMessage.error({message: "登录失败：code 参数不能为空",duration: 2000, onClose: () => router.push("/")})
|
||
} else {
|
||
checkSession().then(user => {
|
||
// bind user
|
||
doLogin(user.id)
|
||
}).catch(() => {
|
||
doLogin(0)
|
||
})
|
||
}
|
||
|
||
const doLogin = (userId) => {
|
||
// 发送请求获取用户信息
|
||
httpGet("/api/user/clogin/callback",{login_type: "wx",code: code, action:action, user_id: userId}).then(res => {
|
||
if (res.data.token) {
|
||
setUserToken(res.data.token)
|
||
}
|
||
if (res.data.username) {
|
||
username.value = res.data.username
|
||
password.value = res.data.password
|
||
show.value = true
|
||
loading.value = false
|
||
} else {
|
||
finishLogin()
|
||
}
|
||
}).catch(e => {
|
||
ElMessageBox.alert(e.message, {
|
||
confirmButtonText: '重新登录',
|
||
type:"error",
|
||
title:"登录失败",
|
||
callback: () => {
|
||
router.push("/login")
|
||
},
|
||
})
|
||
})
|
||
}
|
||
|
||
const clipboard = ref(null)
|
||
onMounted(() => {
|
||
clipboard.value = new Clipboard('.copy-user-info');
|
||
clipboard.value.on('success', () => {
|
||
showMessageOK('复制成功！');
|
||
})
|
||
|
||
clipboard.value.on('error', () => {
|
||
showMessageError('复制失败！');
|
||
})
|
||
})
|
||
|
||
onUnmounted(() => {
|
||
clipboard.value.destroy();
|
||
})
|
||
|
||
const finishLogin = () => {
|
||
show.value = false
|
||
router.push(getRoute())
|
||
}
|
||
</script>
|
||
|
||
<style lang="stylus" scoped>
|
||
.login-callback {
|
||
.user-info {
|
||
display flex
|
||
flex-direction column
|
||
padding 10px
|
||
border 1px dashed #e1e1e1
|
||
border-radius 10px
|
||
.line {
|
||
text-align left
|
||
font-size 14px
|
||
line-height 1.5
|
||
|
||
span{
|
||
font-weight bold
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|