<template>
|
<LoadingLayout :loading="isLoading">
|
<div class="sign-middleware-wrapper">
|
<!-- <el-button type="primary" @click="goSign">前往签约</el-button> -->
|
</div>
|
</LoadingLayout>
|
</template>
|
|
<script setup lang="ts">
|
import { LoadingLayout } from '@bole-core/components';
|
import * as enterpriseEmployeeServices from '@/services/api/enterpriseEmployee';
|
import { useQuery } from '@tanstack/vue-query';
|
|
//跳转到c端小程序签约详情
|
defineOptions({
|
name: 'SignMiddleware',
|
});
|
|
const route = useRoute();
|
const smsCode = (route.params.code as string) ?? '';
|
|
function goSign() {}
|
|
const { data, isLoading } = useQuery({
|
queryKey: ['enterpriseEmployeeServices/personalUserElectronSign', smsCode],
|
queryFn: () => {
|
let params: API.PersonalUserElectronSignCommand = {
|
smsCode: smsCode,
|
};
|
return enterpriseEmployeeServices.personalUserElectronSign(params, { showLoading: false });
|
},
|
enabled: computed(() => !!smsCode),
|
onSuccess(data) {
|
if (data?.signContractLongUrl) {
|
window.location.href = data.signContractLongUrl;
|
}
|
},
|
});
|
</script>
|
|
<style lang="scss" scoped>
|
@use '@/style/common.scss' as *;
|
|
.sign-middleware-wrapper {
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
overflow: hidden;
|
height: 100%;
|
}
|
</style>
|
