<template>
	<view class="test-container">
		<view class="test-header">
			<text class="test-title">会员选择页面测试</text>
		</view>
		
		<view class="test-buttons">
			<button class="test-btn" @click="testCheckMemberBooksCount">
				测试 checkMemberBooksCount 入口
				<text class="test-desc">（应该只显示xcx上书会员）</text>
			</button>
			
			<button class="test-btn" @click="testCheckKwfwMember">
				测试 checkKwfwMember 入口
				<text class="test-desc">（应该只显示翻新会员）</text>
			</button>
			
			<button class="test-btn" @click="testToMemberSelect">
				测试 toMemberSelect 入口
				<text class="test-desc">（应该显示所有会员类型）</text>
			</button>
		</view>
	</view>
</template>

<script>
export default {
	methods: {
		// 模拟 checkMemberBooksCount 的跳转
		testCheckMemberBooksCount() {
			uni.navigateTo({
				url: '/pages/user/memberSelect?from=memberCheck&type=xcx'
			});
		},
		
		// 模拟 checkKwfwMember 的跳转
		testCheckKwfwMember() {
			uni.navigateTo({
				url: '/pages/user/memberSelect?from=kwfw&type=kwfw'
			});
		},
		
		// 模拟 toMemberSelect 的跳转
		testToMemberSelect() {
			uni.navigateTo({
				url: '/pages/user/memberSelect'
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.test-container {
	padding: 40rpx;
	min-height: 100vh;
	background-color: #f8f9fc;
}

.test-header {
	text-align: center;
	margin-bottom: 60rpx;
}

.test-title {
	font-size: 36rpx;
	font-weight: bold;
	color: #333;
}

.test-buttons {
	display: flex;
	flex-direction: column;
	gap: 30rpx;
}

.test-btn {
	background-color: #4A5CFF;
	color: white;
	border: none;
	border-radius: 12rpx;
	padding: 30rpx;
	font-size: 32rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10rpx;
}

.test-desc {
	font-size: 24rpx;
	opacity: 0.8;
}
</style>