11

pageMy/my/vip/success.vue

@@ -0,0 +1,74 @@
+<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>