<template>
	<view class="vip-success">
		<view class="vip-success-body">
			<image class="vip-success-img" src="/static/img/noauth.svg"></image>
			<view class="vip-success-text">我的邀请码：{{vipCode}}</view>
			<jl-button class="vip-success-btn" @click="copy">复制</jl-button>
		</view>
		<view class="vip-success-footer">说明：邀请码用作企业自主注册时填写的邀请码</view>
	</view>
</template>

<script>
	import {
		mapGetters
	} from "vuex"
	import uniCopy from '@/js_sdk/xb-copy/uni-copy.js'

	export default {
		methods: {
			copy() {
				uniCopy({
					content: `企业登录链接：https://www.jlhrms.cn/manage/#/login\r\n企业邀请码:${this.vipCode}`,
					success: (res) => {
						uni.showToast({
							title: "复制成功",
							icon: 'none'
						})
					},
				})
			}
		},
		computed: {
			...mapGetters(["vipCode"])
		}
	}
</script>

<style>
	.vip-success {
		height: 100%;
		text-align: center;
	}

	.vip-success-body {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.vip-success-img {
		width: 337rpx;
		height: 188rpx;
		margin: 0 auto 43.2rpx auto;
	}

	.vip-success-text {
		font-size: 28rpx;
		color: #666666;
		letter-spacing: 0;
		line-height: 32rpx;
		margin-bottom: 20rpx;
	}

	.vip-success-footer {
		width: 100%;
		position: absolute;
		bottom: 128rpx;
		font-size: 24rpx;
		color: #999999;
		letter-spacing: 0;
		line-height: 24rpx;
	}
</style>
