feat:提交代码，调整店铺跳转

src/apis/quickLink.ts

@@ -159,6 +159,24 @@ export function apiGetReProduct(data : any) {
 		url: API.GET_RE_PRODUCT + params
 	})
 }
+
+
+/**
+ * 获取店铺商品
+ */
+/**
+ *产品
+ */
+export function apiGetStoreProductList(id : any,pageNum:number,cate_id:any,keyword:any) {
+	let params = `&pageSize=10&mer_id=${id}&pageNum=${pageNum}&keyword=${keyword}`
+	if(cate_id){
+		params = `&pageSize=10&mer_id=${id}&pageNum=${pageNum}&cate_id=${cate_id}&keyword=${keyword}`
+	}
+	return defHttp.get({
+		url: API.GET_PRODUCT_LIST + params
+	})
+}
+
 /**
  * 精彩生活产品列表
  */

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

@@ -23,7 +23,7 @@
 			</view>
 		</view>
 		<view v-if="goodsList&& goodsList.length!=0" v-for="(item,index) in goodsList" :key="'goods-x-'+index">
-			<view class="vip-content" @click="goShopClick(item.mer_id)">
+			<view class="vip-content" @click="goShopClick(item)">
 				<image class="vip-bg" :src="vipBg" mode="aspectFill"></image>
 				<view class="left-lab-content">
 					<image class="lab-icon" :src="item.mer_avatar" mode="widthFix"></image>
@@ -128,9 +128,9 @@
 		getCommerceList()
 	}
 
-	function goShopClick(id) {
+	function goShopClick(item) {
 		uni.navigateTo({
-			url: `/subPages/pages/store/home/index?id=${id}`
+			url: `/subPages/pages/quick-fuc/store?id=${item.mer_id}&title=${item.mer_name}`
 		})
 	}
 

src/subPages/pages/quick-fuc/store.vue

@@ -0,0 +1,270 @@
+<template>
+
+	<div class="flex flex-col gap-3 ">
+		<div style="height: 80rpx;">
+			<div style="background-color: transparent  " class="overflow-hidden fixed top-0 w-full z-10">
+				<nut-searchbar v-model="state.keyword" @search="searchkwd" @clear="clearSearch">
+					<template v-slot:rightout>
+						<div @tap="searchkwd">
+							搜索
+						</div>
+					</template>
+				</nut-searchbar>
+			</div>
+		</div>
+
+		<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.store_category_id)">
+						<text :class="currentIndex==index?'lab-title':'lab-default-title'">{{item.cate_name}}</text>
+						<view :class="currentIndex==index?'lab-line':'lab-default-line'"></view>
+					</view>
+				</view>
+			</scroll-view>
+		</view>
+
+		<div class="w-screen swiper-height mt-90" v-if='state.banners && state.banners.length!=0'>
+			<div class="px-3 swiper-height">
+				<swiper v-if="state.banners" :indicator-dots="state.indicatorDots" indicator-active-color="#e93323"
+					:autoplay="state.autoplay" :circular="state.circular" :interval="state.interval"
+					:duration="state.duration" class="w-full h-full rounded-md overflow-hidden ">
+					<swiper-item v-for="(item, index) in state.banners" :key="index">
+						<image :src="item.pic" class="w-full h-full object-cover swiper-bg" mode="aspectFill" />
+					</swiper-item>
+				</swiper>
+			</div>
+		</div>
+		
+		<CXBBackTop :Scroll_X="Scroll_X" :isCss="1" />
+		
+		<ProductList :initType ='1' :list="pageList" v-if="pageList && pageList.length!=0" />
+		
+        <CXBEmpty v-else></CXBEmpty>
+		
+	</div>
+
+</template>
+
+<script setup lang="ts">
+	import FSearch from "~/components/FSearch/FSearch.vue";
+	import type CXBBackTop from "~/components/CXBBackTop/CXBBackTop.vue";
+	import CXBEmpty from "~/components/CXBEmpty/CXBEmpty.vue";
+	import { getProductShare } from "~/apis/common";
+	import { useUserStore } from "~/stores/userStore";
+	import Cache from "~/utils/cache";
+	import { apiGetClassity, apiBanner, apiGetProduct ,apiGetStoreProductList } from '~/apis/quickLink'
+	import ProductList from './components/life-product.vue'
+	import { IMG_CDN_URL} from '~/config/app.ts'
+	import {SHARE_TITLE,SHARE_BANNER,SHARE_ICON} from '~/constants/index'
+	const userStore = useUserStore()
+	const state = reactive({
+		currentPage: 1,
+		pageSize: 10,
+		page: 1,
+		limit: 10,
+		cid: 0,
+		totalPage: 1,
+		banners: [],
+		count: 0,
+		pageType: 0,
+		keyword: '',
+		status: 'noMore',
+		indicatorDots: true,
+		circular: true,
+		autoplay: true,
+		interval: 5000,
+		duration: 500,
+		currents: "0",
+		title: '',
+		mer_id: '',
+		cate_id:''
+	})
+	
+	const pageList = ref([])
+	const tabList = ref([{ category_name: '测试' }])
+	const currentIndex = ref(0)
+	const count = ref(1)
+	
+	onLoad((option) => {
+		getClassity()
+		getBanner()
+		if (option && option.id) {
+			state.mer_id = option.id
+			uni.setNavigationBarTitle({
+				title: option.title || '精品小店' // 设置新的导航栏标题
+			});
+			getProduct()
+		}
+	})
+	
+   
+	function getProduct() {
+		uni.showLoading()
+		apiGetStoreProductList(state.mer_id ,state.page,state.cate_id,state.keyword).then(res => {
+			count.value = res.count
+			if (state.page === 1) {
+				pageList.value = res.list
+			} else {
+				pageList.value.push(...res.list)
+			}
+			uni.hideLoading()
+		})
+	}
+
+	function getBanner() {
+		apiBanner().then(res => {
+			state.banners = res
+		})
+	}
+	
+	function getClassity() {
+		apiGetClassity().then(res => {
+			tabList.value = [{ cate_name: '全部' }, ...res]
+		})
+	}
+
+	function onTabClick(index:number,store_category_id:any) {
+		 if(currentIndex.value == index){
+			 return
+		 }
+		currentIndex.value = index
+		state.cate_id = store_category_id
+		state.page = 1
+		getProduct()
+	}
+	//搜索全部筛选
+	function searchkwd() {
+		if (!state.keyword) {
+			return uni.showToast({
+				title: '请输入搜索关键字',
+				icon: 'none'
+			})
+		}
+		state.page = 1
+		getProduct()
+	}
+
+	
+
+	function handleItemClick(item) {
+		uni.navigateTo({
+			url: `/subPages/pages/store/product/detail?id=${item.product_id}&initType=1`
+		})
+	}
+
+	function clearSearch() {
+		state.page = 1
+		getProduct()
+	}
+
+	onPullDownRefresh(() => {
+		state.page = 1
+		getClassity()
+		getBanner()
+		getProduct()
+		uni.stopPullDownRefresh()
+	})
+	
+	onReachBottom(() => {
+		if(pageList.value.length <count.value){
+			state.page += 1
+			getProduct()
+		}
+	})
+	// 距离顶部距离
+	let Scroll_X = ref(0)
+	const headerClass = ref('')
+	onPageScroll((page) => {
+		Scroll_X.value = Number(page.scrollTop.toFixed())
+		// page.scrollTop
+		if (page.scrollTop >= 76) {
+			headerClass.value = '!bg-primary !text-white'
+		} else {
+			headerClass.value = ''
+		}
+	})
+</script>
+
+<route lang="yaml">
+style:
+  navigationBarTitleText: 精品小店
+  enablePullDownRefresh: true
+</route>
+
+<style>
+	page {
+		background: #f8f8f8;
+		--nut-searchbar-background: #fff;
+		--nut-searchbar-input-background: #f8f8f8;
+		--nut-searchbar-input-box-shadow: none;
+	}
+</style>
+<style scoped lang="scss">
+	.mt-90 {
+		margin-top: 90rpx;
+	}
+
+	.swiper-height {
+		height: 320rpx;
+	}
+
+	.lab-content {
+		width: 100%;
+		height: 90rpx;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		position: fixed;
+		top: 0;
+		margin-top: 80rpx;
+		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>

uni-pages.d.ts

@@ -127,6 +127,7 @@ interface NavigateToOptions {
        "/subPages/pages/quick-fuc/life" |
        "/subPages/pages/quick-fuc/repurchase" |
        "/subPages/pages/quick-fuc/shop" |
+       "/subPages/pages/quick-fuc/store" |
        "/subPages/pages/quick-fuc/vip" |
        "/subPages/pages/record-detail/detail" |
        "/subPages/pages/refund/detail" |