<!-- 分类 -->
<template>
	<view class="category-box">
		<!-- 三级分类 -->
		<three-catgory :categoryStyleId="categoryStyleId" v-if="categoryType === 4"></three-catgory>
		<!-- 二级分类 -->
		<two-catgory :categoryStyleId="categoryStyleId" v-if="categoryType === 3"></two-catgory>
		<!-- 一级分类-->
		<one-catgory :categoryStyleId="categoryStyleId" v-if="categoryType === 2"></one-catgory>
		<!--直接购买，点餐 -->
		<takeout-catgory :categoryStyleId="categoryStyleId" v-if="categoryType === 1"></takeout-catgory>
		<!-- 登录提示 -->
		<shopro-auth-modal v-if="authType"></shopro-auth-modal>
		<!-- <shopro-tabbar></shopro-tabbar> -->
	</view>
</template>

<script>
	import takeoutCatgory from './category/takeout-catgory.vue';
	import threeCatgory from './category/three-catgory.vue';
	import twoCatgory from './category/two-catgory.vue';
	import oneCatgory from './category/one-catgory.vue';
	import {
		mapMutations,
		mapActions,
		mapState,
		mapGetters
	} from 'vuex';
	import jsonrpc from "@/shopro/request/indexJson.js"
	export default {
		components: {
			takeoutCatgory,
			threeCatgory,
			twoCatgory,
			oneCatgory
		},
		data() {
			return {
				categoryType: 0, //1:快速购买,2:一级分类，3:二级分类，4:三级分类
				categoryStyleId: 0 //分类Id
			};
		},
		computed: {
			...mapGetters(['authType'])
		},
		onLoad() {
			this.getCategory();
		},
		methods: {
			/**
			 * 获取分类数据
			 *  type4:三级分类， type3:二级分类 ,type2:一级分类,type1:快速购买
			 */
			getCategory() {
	
				jsonrpc('category.info', {
					id: this.$Route.query.id ? this.$Route.query.id : 0
				}).then(res => {

					if (res.result?.type) {
						this.categoryType = Number(res.result.type);
						this.categoryStyleId = Number(res.result.id);
						uni.setNavigationBarTitle({
							title: res.result?.name
						});
					}
				})
				/* 	this.$http('category.info', {		id: this.$Route.query.id ? this.$Route.query.id : 0}).then(res => {
					
						if (res.code === 1) {
							if (res.data?.type) {
								this.categoryType = Number(res.data.type);
								this.categoryStyleId = Number(res.data.id);
								uni.setNavigationBarTitle({
									title: res.data?.name
								});
							}
						}
					}); */
			}
		}
	};
</script>

<style lang="scss">
	.category-box {
		height: 100%;
		flex: 1;
		overflow: hidden;
	}
</style>