<style lang="scss" scoped>
.PxClass-center {
	border-bottom: 20px solid #f0f2f6;
	.PxClass-list{
		border-top: 20px solid #f0f2f6;
		.PxClass-title{
			padding: 30rpx;
			font-size: 32rpx;
			font-weight: 600;
			text{
				color: #aeaeae;
				font-size: 20rpx;
			}
		}
		.PxClass-msg-box{
			padding: 0 30rpx 30rpx;
			border-bottom: 1px solid #EEEEEE;
			.PxClass-msg{
				line-height: 38rpx;
				font-size: 30rpx;
				font-weight: 600;
				.PxClass-label{
					font-size: 26rpx;
					font-weight: 400;
					text{
						color: #999999;
					}
				}
			}

		}
		.PxClass-btn{
			height: 80rpx;
			margin: 10rpx 30rpx;
			color: #FFFFFF;
			font-size: 32rpx;
			background: #3385FF;
			border-radius: 8rpx;
		}
	}
}
</style>
<template>
	<view class="PxClass-center">
			<view class="PxClass-list" v-for="(res,i) in info">
				<view @tap="toAffirmPxClass(res)">
				<view class="flex-space PxClass-title">{{res.name}} </view>
				<view class="PxClass-msg-box">
					<view class="PxClass-msg">

						<view class="PxClass-label"><text>课时：</text>{{ res.lesson }}个节时</view>

						<view class="flex-space">
							<view class="PxClass-label"><text>人数：</text> {{res.num}}</view>
							￥{{ res.tuition }}
						</view>

					</view>
				</view>

				<view class="flex-center PxClass-btn">开单</view>
</view>
			</view>
	</view>
</template>

<script>
import { COMMODITY_TYPE } from "@/utils/declare";
import AppImg from "@/components/app-img";
import productMins from "@/mixins/productContrapose";
import animationMins from "@/mixins/animation";
export default {
	name: "PxClassCommodity",
	components: {		AppImg	},
	mixins: [productMins,animationMins],
	props: {
		info: {
			required: true,
			type: Object,
			default() {
				return {};
			}
		},
	},
	data() {
		return {
			COMMODITY_TYPE,
		};
	},
	created() {},
	mounted() {},
	methods: {
		toAffirmPxClass(obj){
			uni.setStorageSync("affirmPxClass",obj);
			uni.navigateTo({url:'/admin/billing/affirmPxClass'})
		},
	}
};
</script>


