<template>
	<view class="head">
		<view class="" v-for="(item,index) in list" :key="index">
			<div class="classify df aic jcsb">
				<div class="classify-won">{{item.category_full_name}}</div>
				<div class="classify-two">×{{item.num}}</div>
			</div>
			
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				port:this.Monthly,
				list:[]
			}
		},
		props:{
			Monthly:Object
		},
		created() {
			this.$api.sendRequest({
				url:`/api/salasman/goodsCateStat`,
				data:{
					member_id:this.port.msgabc.msg,
					start_time:this.port.start_time,
					end_time:this.port.end_time
				},
				success:res=>{
					console.log(res.data,'订货分类');
					this.list=res.data
					// setTimeout(()=>{
					// 	uni.$emit('preferences',res.data.list)
					// },500)
				}
			})
		},
		methods:{
			btn(a,b){
				console.log(this.port.msgabc.msg,'port');
				console.log(a,b,'abc');
				this.$api.sendRequest({
					url:`/api/salasman/goodsCateStat`,
					data:{
						member_id:this.port.msgabc.msg,
						start_time:a,
						end_time:b
					},
					success:res=>{
						console.log(res.data,'订货分类');
						this.list=res.data
						// setTimeout(()=>{
						// 	uni.$emit('preferences',res.data.list)
						// },500)
					}
				})
			}
		}
}
</script>

<style lang="scss">
	.head{
		margin-top: 8rpx;
		 /* #ifdef APP */
		 height:auto;
		 padding-bottom: 24rpx;
		 box-sizing: border-box;
		 /* #endif */
		.classify{
			/* #ifdef APP */
			width: 650rpx;
			/* #endif */
			// margin: 0 auto;
			margin-top: 32rpx;
			.classify-won{
				font-size: 30rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #222222;
				line-height: 42rpx;
			}
			.classify-two{
				font-size: 30rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
				line-height: 42rpx;
			}
		}
	}
</style>