feat:提交代码，测试分包

src/subPages/paegs/quick-fuc/business.vue

@@ -0,0 +1,467 @@
+<template>
+	<view class="business-container">
+		<view class="lab-content">
+			<scroll-view scroll-x="true" class="lab-item">
+				<view class="lab-item-x" v-for="(item,index) in tabList" :key="'lab-item-x-'+index">
+					<view class="lab-item-small" @click="onTabClick(index,item.merchant_category_id)">
+						<text :class="currentIndex==index?'lab-title':'lab-default-title'">{{item.category_name}}</text>
+						<view :class="currentIndex==index?'lab-line':'lab-default-line'"></view>
+					</view>
+				</view>
+			</scroll-view>
+		</view>
+		<view class="banner-content">
+			<image class="top-banner" src="/static/img/img_banner_dslm.png" mode="aspectFill"></image>
+		</view>
+		<view class="fuc-content">
+			<view @click="onFucClick" class="fuc-item" v-for="(item,index) in MU_TABLE_LIST" :key="'fuc-item-'+index">
+				<text class="item-title">{{item.title}}</text>
+				<text class="item-des">{{item.des}}</text>
+				<image class="item-img" :src="item.icon" mode=""></image>
+			</view>
+		</view>
+		<view v-if="goodsList&& goodsList.length!=0" v-for="(item,index) in goodsList" :key="'goods-x-'+index">
+			<view class="vip-content" v-if="item.childList&& item.childList.length!=0"
+				@click="goShopClick(item.mer_id)">
+				<image class="vip-bg" src="/static/img/item_smq_bg.png" mode="aspectFill"></image>
+				<view class="left-lab-content">
+					<image class="lab-icon" :src="item.mer_avatar" mode="widthFix"></image>
+					<text class="lab-title">{{item.mer_name}}</text>
+					<view class="small-lab">补充养老</view>
+				</view>
+				<view class="right-lab-content">
+					<text class="right-tx">进入店铺</text>
+					<image class="right-icon" src="/static/icon/img_jt_right.png" mode="widthFix"></image>
+				</view>
+			</view>
+			<view class="goods-scoll-content">
+				<scroll-view scroll-x="true" class="goods-scoll-item">
+					<view @click="onDetailClick(childItem.product_id)" class="goods-scoll-item-x"
+						v-for="(childItem,childIndex) in item.childList" :key="'goods-scoll-item-x-'+childIndex">
+						<view class="goods-item">
+							<image class="goods-img" :src="childItem.image" mode="aspectFill"></image>
+							<text class="goods-title">{{childItem.store_name}}</text>
+							<view class="price-content">
+								<text class="goods-des">{{childItem.price}}</text>
+								<text class="goods-des">pv:{{childItem.pv?childItem.pv:0}}</text>
+							</view>
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+		</view>
+		<CXBEmpty v-else />
+	</view>
+</template>
+
+<script setup>
+	import {
+		MU_TABLE_LIST
+	} from "./constants.js"
+	import {
+		apiGetCategoryList,
+		apiGetProductType,
+		apiGetProductList
+	} from '~/apis/quickLink'
+	import { getProductShare } from "~/apis/common";
+	const currentIndex = ref(0)
+	const tabList = ref([])
+	const goodsList = ref([])
+	let id=''
+
+
+	onLoad((option) => {
+		console.log();
+		getCategoryList()
+		getProductType()
+		
+		if (option && option.shareId) {
+		  userStore.setShareId(option.shareId)
+		}
+		getProductShare().then(res => {
+		  if (res) userStore.setShareId(res.share_id)
+		}).catch(message => {
+		})
+	})
+
+	onShareAppMessage(() => {
+		const shareId = Cache.get('SHARE_ID')
+		return {
+			title: `消费储蓄 保障未来`,
+			path: `/pages/vip/index?shareId=${shareId}`,
+			imageUrl: 'https://cdn.bjtdba.com/vod/image/2023-10-09/20231009202402136.png'
+		}
+	})
+
+	onShareTimeline(() => {
+		const shareId = Cache.get('SHARE_ID')
+		return {
+			title: `消费储蓄 保障未来`,
+			query: `from=share&shareId=${shareId}`,
+			imageUrl: 'https://cdn.bjtdba.com/vod/image/2023-10-11/20231011062523504.png'
+		}
+	})
+
+	onReachBottom(() => {
+		console.log('到底了。。。')
+	})
+
+	onPullDownRefresh(() => {
+		getProductType()
+		uni.stopPullDownRefresh()
+	})
+
+	function onTabClick(position, id) {
+		currentIndex.value = position
+		id.value = id
+		getProductType()
+	}
+
+	function goShopClick(id) {
+		uni.navigateTo({
+			url: `/pages/store/home/index?id=${id}`
+		})
+	}
+
+	function onDetailClick(id) {
+		uni.navigateTo({
+			url: `/pages/store/product/detail?id=${id}`
+		})
+	}
+
+	function onFucClick() {
+		uni.showToast({
+			title: '升级中',
+			icon: 'none'
+		})
+	}
+
+	function getCategoryList() {
+		apiGetCategoryList().then((res) => {
+			let _list = new Array()
+			_list.push({
+				category_name: '全部',
+				merchant_category_id: ''
+			})
+			if (res.merchantCategory && res.merchantCategory.length != 0) {
+				_list.push(...res.merchantCategory)
+			}
+			tabList.value = _list
+		})
+	}
+
+	function getProductType() {
+		uni.showLoading({
+			title:'加载中...'
+		})
+		apiGetProductType(id.value).then((res) => {
+			if (res && res.pageInfo && res.pageInfo.list) {
+				goodsList.value = res.pageInfo.list
+				dealData()
+			}
+			uni.hideLoading()
+		})
+	}
+
+	function dealData() {
+		for (let i = 0; i < goodsList.value.length; i++) {
+			let _id = goodsList.value[i].mer_id
+			apiGetProductList(_id).then(resx => {
+				if (resx.pageInfo.list && resx.pageInfo.list.length != 0) {
+					goodsList.value[i].childList = resx.pageInfo.list
+				}
+			})
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.business-container {
+		display: flex;
+		flex-direction: column;
+		min-height: 100VH;
+		background-color: #f8f8f8;
+		box-sizing: border-box;
+
+		.goods-content {
+			display: flex;
+			flex-direction: row;
+			margin-left: 10rpx;
+			margin-right: 10rpx;
+
+
+		}
+
+		.goods-item {
+			display: flex;
+			margin-left: 10rpx;
+			margin-right: 10rpx;
+			width: 230rpx;
+			align-items: center;
+			justify-content: center;
+			flex-direction: column;
+			background-color: #fff;
+			border-radius: 20rpx;
+
+			.goods-img {
+				width: 230rpx;
+				height: 230rpx;
+				border-top-right-radius: 20rpx;
+				border-top-left-radius: 20rpx;
+				background-color: #333;
+			}
+
+			.goods-title {
+				width: 230rpx;
+				font-size: 28rpx;
+				color: #333;
+				margin-top: 10rpx;
+				text-overflow: ellipsis;
+				overflow: hidden;
+				margin-left: 10rpx;
+				margin-right: 10rpx;
+				word-break: break-all;
+				white-space: nowrap;
+			}
+
+			.price-content {
+				margin-top: 10rpx;
+				display: flex;
+				margin-bottom: 20rpx;
+				flex-direction: row;
+				align-items: center;
+				justify-content: space-between;
+				padding-left: 16rpx;
+				padding-right: 16rpx;
+				box-sizing: border-box;
+				width: 100%;
+
+				.price-left {
+					font-size: 28rpx;
+					color: #333;
+				}
+
+				.price-rifht {
+					font-size: 28rpx;
+					color: #333;
+				}
+			}
+
+
+		}
+
+		.vip-content {
+			margin: 20rpx;
+			position: relative;
+			height: 100rpx;
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			box-sizing: border-box;
+
+			.vip-bg {
+				position: absolute;
+				height: 100rpx;
+				width: 710rpx;
+				border-top-right-radius: 20rpx;
+				border-top-left-radius: 20rpx;
+			}
+
+			.right-lab-content {
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				flex: 1;
+				z-index: 22;
+				justify-content: flex-end;
+
+				.right-tx {
+					color: #fff;
+					font-size: 26rpx;
+					margin-right: 10rpx;
+				}
+
+				.right-icon {
+					width: 14rpx;
+					height: 10rpx;
+					margin-right: 20rpx;
+				}
+			}
+
+			.left-lab-content {
+				height: 50rpx;
+				background-color: #fff;
+				border-radius: 20rpx;
+				z-index: 222;
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				margin-left: 20rpx;
+
+				.lab-icon {
+					width: 30rpx;
+					height: 30rpx;
+					margin-left: 10rpx;
+				}
+
+				.lab-title {
+					font-size: 26rpx;
+					color: #333;
+					margin-left: 10rpx;
+				}
+
+				.small-lab {
+					border-radius: 20rpx;
+					background-color: #000;
+					margin-right: 10rpx;
+					color: #fff;
+					font-size: 24rpx;
+					padding-left: 6rpx;
+					padding-right: 6rpx;
+					margin-left: 20rpx;
+				}
+
+			}
+
+		}
+
+		.fuc-content {
+			display: flex;
+			padding-left: 14rpx;
+			padding-right: 14rpx;
+			margin-top: 20rpx;
+			flex-direction: row;
+
+			.fuc-item {
+				flex: 1;
+				display: flex;
+				flex-direction: column;
+				background-color: #fff;
+				border-radius: 10rpx;
+				margin-left: 6rpx;
+				margin-right: 6rpx;
+				padding-top: 30rpx;
+				padding-bottom: 30rpx;
+				align-items: center;
+				justify-content: center;
+
+				.item-img {
+					width: 80rpx;
+					height: 80rpx;
+				}
+
+				.item-title {
+					font-size: 30rpx;
+					font-weight: bolder;
+					color: #333;
+					margin-bottom: 10rpx;
+				}
+
+				.item-des {
+					font-size: 24rpx;
+					color: #999;
+					margin-bottom: 40rpx;
+				}
+
+			}
+		}
+
+		.banner-content {
+			background-color: #fff;
+			padding: 20rpx;
+			height: 360rpx;
+			display: flex;
+			flex-direction: column;
+			margin-top: 90rpx;
+			box-sizing: border-box;
+
+			.top-banner {
+				border-radius: 20rpx;
+				background: #999;
+				height: 360rpx;
+				width: 100%;
+			}
+		}
+
+		.goods-scoll-content {
+			width: 100%;
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+
+			.goods-scoll-item {
+				display: flex;
+				flex-direction: row;
+				white-space: nowrap;
+				width: 100%;
+				margin-left: 10rpx;
+				margin-right: 10rpx;
+			}
+
+			.goods-scoll-item-x {
+				display: inline-block;
+				text-align: center;
+				width: 230rpx;
+				margin-right: 16rpx;
+			}
+		}
+
+		.lab-content {
+			width: 100%;
+			height: 90rpx;
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			position: fixed;
+			top: 0;
+			left: 0;
+			background-color: #fff;
+			z-index: 99999;
+
+			.lab-item {
+				display: flex;
+				flex-direction: row;
+				white-space: nowrap;
+				width: 100%;
+			}
+
+			.lab-item-x {
+				display: inline-block;
+				margin-right: 10px;
+				text-align: center;
+			}
+
+			.lab-item-small {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				width: 124rpx;
+
+				.lab-default-title {
+					font-size: 28rpx;
+					margin-bottom: 10rpx;
+				}
+
+				.lab-title {
+					font-size: 32rpx;
+					margin-bottom: 10rpx;
+					color: #FE0032;
+				}
+
+				.lab-line {
+					width: 50rpx;
+					height: 6rpx;
+					background-color: #FE0032;
+					border-radius: 4rpx;
+				}
+
+				.lab-default-line {
+					width: 50rpx;
+					height: 6rpx;
+					border-radius: 4rpx;
+				}
+
+			}
+		}
+	}
+</style>

src/subPages/paegs/quick-fuc/constants.js

@@ -0,0 +1,26 @@
+import { KINGKONGKEY } from '~/apis/model/common.model'
+export const MU_TABLE_LIST =  [{
+	title:'商家入驻',
+	key:KINGKONGKEY.SJRZ,
+	icon:'/static/icon/icon_sm_sjrz.png',
+	des:'入驻流程指南'
+},
+{
+	title:'店铺推荐',
+	key:KINGKONGKEY.DPTJ,
+	icon:'/static/icon/icon_sm_dptj.png',
+	des:'优质店铺推荐'
+},
+{
+	title:'官方客服',
+	key:KINGKONGKEY.GFKF,
+	icon:'/static/icon/icon_sm_gfkf.png',
+	des:'用户专属客服'
+},
+{
+	title:'店铺管理',
+	key:KINGKONGKEY.DPGL,
+	icon:'/static/icon/icon_sm_dpgl.png',
+	des:'商品订单管理'
+},
+]