shop_uniapp/pages/goods_cate/goods_cate.vue

<template>
	<view class="goods-cate">
		<router-link to="/pages/goods_search/goods_search">
			<view class="header">
				<u-search bg-color="#F4F4F4" :disabled="true"></u-search>
			</view>
		</router-link>
 		<view class="content" v-if="appConfig.cate_style == 1 || appConfig.cate_style == 4">
			<cate-two :cate-list="cateList"></cate-two>
		</view>
		<view class="content bg-body" v-if="appConfig.cate_style == 3 || appConfig.cate_style == 2">
			<cate-one :cate-list="cateList"></cate-one>
		</view>
	</view>
</template>

<script>
	import {
		strToParams
	} from '@/utils/tools'
	import {
		bindSuperior
	} from '@/api/user'
	import {
		getLevelOneList,
		getGoodsList,
		getListByLevelOne
	} from '@/api/store';
	import {
		getRect,
		trottle,
		arraySlice
	} from '@/utils/tools';
	import {
		mapGetters,
		mapActions
	} from 'vuex'
	import Cache from '@/utils/cache'
	export default {
		data() {
			return {
				cateList: [],
				cateTwoList: [],
				selectIndex: 0,
				p_id: 0,
				set: 0
			};
		},
		async onLoad(options) {
			if(this.$Route.query) {
				let query = this.$Route.query;
				this.p_id = parseInt(query.p_id) || 0
				this.set = parseInt(query.set) || 0
				if (query.scene) {
					let data = strToParams(decodeURIComponent(query.scene))
					this.p_id = parseInt(data.id) || 0
					this.set = parseInt(data.set) || 0
					if (data.icde) {
						const [err,res] = await uni.login()
						if (err) return this.$toast({ title: "登录失败" })
							
						if (res) {
							await bindSuperior({code: res.code, invite_code: data.icde})
						}
					}
				}
			}
			this.$store.commit("setPid", this.p_id)
			this.$store.commit("setSetId", this.set)
			this.$Route.query = ''
			this.getLevelOneListFun()
		},
		onShow() {
			this.getCartNum()
		},
		methods: {
			...mapActions(['getCartNum']),
		
			async getLevelOneListFun() {
				const {
					code,
					data
				} = await getLevelOneList({p_id: this.p_id, set: this.set})
				if (code == 1) {
					this.cateList = data
				}
			}
		},
		computed: {
			...mapGetters(['inviteCode', 'appConfig']),
		}
	};
</script>
<style lang="scss" scoped>
	$header-height: 94rpx;

	page {
		background-color: #fff;
		height: 100%;
		.goods-cate {
			height: 100%;
			.header {
				box-sizing: border-box;
				height: $header-height;
				border-bottom: $-solid-border;

				.search {
					flex: 1;
					height: 60rpx;

					input {
						flex: 1;
						height: 100%;
					}
				}
			}

			.content {
				height: 100vh;
			}
		}
	}
</style>