<template>
	<view class="conetnt">
		<div class="row">
			<u-radio-group v-model="getType">
				<u-radio :label="item.label" :name="item.value" v-for="item in emunList.getType" :key="item.value" :customStyle="style"></u-radio>
			</u-radio-group>
		</div>
		<template v-if="getType == 'yes'">
			<view class="row mt">
				<text class="title">用户领取方式</text>
			</view>
			<div class="row">
				<u-checkbox-group v-model="getMode">
					<u-checkbox :label="item.label" :name="item.value" v-for="item in emunList.getMode" :key="item.value" :customStyle="style"></u-checkbox>
				</u-checkbox-group>
			</div>
		</template>
	</view>
</template>

<script setup>
import { emunList } from '@/utils/couponUtils.js';

const style = {
	marginRight: '20px'
};

const getType = defineModel('getType', {
	type: String,
	default: 'no'
});

const getMode = defineModel('getMode', {
	type: Array,
	default: ['eat']
});
</script>

<style scoped lang="scss">
.conetnt {
	.row {
		&.mt {
			margin-top: 28upx;
			padding-bottom: 10upx;
		}
		.title {
			color: #303133;
			font-size: 30upx;
		}
	}
}
</style>
