<template>
	<view class="invaterecords_container">
		<!-- 提示信息 -->
		<view class="info_note">
			<text class="note_text">*邀请记录只展示邀请成功的用户</text>
		</view>
		
		<!-- 邀请记录列表 -->
		<view class="records_list">
			<view class="record_item" v-for="(record, index) in records" :key="index">
				<view class="record_left">
					<text class="phone_number">{{ record.phoneNumber }}</text>
					<text class="invite_time">{{ record.inviteTime }}</text>
				</view>
				<view class="record_right">
					<text class="status_text">邀请成功</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue';

// 邀请记录数据
const records = ref([
	{
		phoneNumber: '136****2718',
		inviteTime: '2025.09.11 23:23:23'
	},
	{
		phoneNumber: '138****4567',
		inviteTime: '2025.09.10 15:30:45'
	},
	{
		phoneNumber: '139****7890',
		inviteTime: '2025.09.09 09:15:20'
	},
	{
		phoneNumber: '135****1234',
		inviteTime: '2025.09.08 18:45:30'
	},
	{
		phoneNumber: '137****5678',
		inviteTime: '2025.09.07 12:20:15'
	},
	{
		phoneNumber: '139****7890',
		inviteTime: '2025.09.09 09:15:20'
	},
	{
		phoneNumber: '135****1234',
		inviteTime: '2025.09.08 18:45:30'
	},
	{
		phoneNumber: '137****5678',
		inviteTime: '2025.09.07 12:20:15'
	}
]);
</script>

<style lang="less" scoped>
@import './invaterecords.less';
</style>
