<template>
	<view class="admin-coupon-send">
		<uni-forms>
			<uni-forms-item :label-width="labelWidth" label="选择优惠券">
				<uni-easyinput v-model="viewModel.select" placeholder="选择优惠券"></uni-easyinput>
				<text class="admin-coupon-send-tips">请选择优惠券</text>
			</uni-forms-item>
			<uni-forms-item :label-width="labelWidth" label="选择会员">
				<uni-easyinput v-model="viewModel.name" placeholder="请选择会员"></uni-easyinput>
				<text class="admin-coupon-send-tips">请选择会员</text>
			</uni-forms-item>
		</uni-forms>
		
		<view class="admin-coupon-send-bottom">
			<text class="admin-coupon-send-bottom-text">提交</text>
		</view>
	</view>
</template>

<script>
	let width = uni.upx2px(200)
	
	export default {
		props: {
			widget: {}
		},
		data() {
			return {
				labelWidth: width,
				viewModel: {}
			}
		},
		created() {

		}
	}
</script>

<style lang="scss" scoped>
	.admin-coupon-send {
		padding: 30rpx 0;
		
		&-tips {
			width: 450rpx;
			@include styleFont(#808080, 28rpx);
		}
		&-bottom{
			width: 600rpx;
			height: 80rpx;
			background-color: $gl_background;
			border-radius: 10rpx;
			margin-left: 75rpx;
			&-text{
				text-align: center;
				line-height: 80rpx;
				@include styleFont(#fff, 32rpx);
			}
		}
	}
	.uni-easyinput {
		width: 450rpx;
	}
</style>