From 46c1c41331022ea8bd19b27d55e17ef3ba11ae90 Mon Sep 17 00:00:00 2001
From: weiwei <ctw@example.com>
Date: Tue, 9 Sep 2025 12:16:05 +0800
Subject: [PATCH 1/5] =?UTF-8?q?feat:=E5=85=B1=E5=AF=8C=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E5=92=8C=E5=95=86=E5=93=81=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                             |  19 +++
 src/pages/canteen/detail.vue               |   2 +-
 src/pages/prosperity-shop/goods-detail.vue |   3 +
 src/pages/prosperity-shop/shop-detail.vue  | 162 +++++++++++++++++++++
 src/pages/tabbar/prosperityShop.vue        |  23 +--
 src/sheep/api/prosperityShop.ts            |  22 +++
 6 files changed, 214 insertions(+), 17 deletions(-)
 create mode 100644 src/pages/prosperity-shop/goods-detail.vue
 create mode 100644 src/pages/prosperity-shop/shop-detail.vue

diff --git a/src/pages.json b/src/pages.json
index 1b93263..b3c9a49 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -135,6 +135,25 @@
 				}
 			]
 		},
+		{
+			"root": "pages/prosperity-shop",
+			"pages": [
+				{
+					"path": "goods-detail",
+					"style": {
+						"navigationBarTitleText": "商品详情",
+						"disableScroll": true
+					}
+				},
+				{
+					"path": "shop-detail",
+					"style": {
+						"navigationBarTitleText": "超市详情",
+						"disableScroll": true
+					}
+				}
+			]
+		},
 		{
 			"root": "pages/apply",
 			"pages": [
diff --git a/src/pages/canteen/detail.vue b/src/pages/canteen/detail.vue
index 03be740..25f3397 100644
--- a/src/pages/canteen/detail.vue
+++ b/src/pages/canteen/detail.vue
@@ -251,7 +251,7 @@ const doFood = () => {
 				<view class="m-x-30rpx">
 					<!-- start 简介 start -->
 					<view class="h-15rpx" />
-					<view flex-row card p-20rpx>
+					<view class="flex-row card p-20rpx">
 						<image class="w-180rpx h-180rpx rounded-12rpx" :src="filePath(state.canteenDetail.logoPic)" mode="aspectFill" />
 						<view class="flex-1 flex-col m-l-20rpx">
 							<view class="flex-row items-center justify-between">
diff --git a/src/pages/prosperity-shop/goods-detail.vue b/src/pages/prosperity-shop/goods-detail.vue
new file mode 100644
index 0000000..60988c1
--- /dev/null
+++ b/src/pages/prosperity-shop/goods-detail.vue
@@ -0,0 +1,3 @@
+<template>11</template>
+
+<script setup lang="ts"></script>
diff --git a/src/pages/prosperity-shop/shop-detail.vue b/src/pages/prosperity-shop/shop-detail.vue
new file mode 100644
index 0000000..3d6d3ef
--- /dev/null
+++ b/src/pages/prosperity-shop/shop-detail.vue
@@ -0,0 +1,162 @@
+<template>
+	<crud-layout mainIsScroll bg="/static/page/blue-bg.png">
+		<image :src="filePath(state.detail.images)" class="w-full h-400rpx" mode="aspectFill" />
+		<view class="card p-20rpx mt-10rpx mx-20rpx">
+			<view class="w-full sub-text-32 truncate">{{ state.detail.name }}</view>
+			<view class="sub-text-24 mt-1">
+				<text class="c-#0094ff! mr-20rpx px-2 bg-#0094ff22 rounded-2">{{ state.detail.status == "0" ? "开业中" : "未开业" }}</text>
+				<text class="rounded-2 c-#0094ff px-2 bg-#0094ff22 rounded-2">{{ state.detail.businessHours }}</text>
+			</view>
+			<view class="second-text-24 truncate mt-1">
+				<text class="mr-20rpx">营业人：{{ state.detail.contactName }}</text>
+				<text class="mr-20rpx">联系：{{ state.detail.contactPhone }}</text>
+				<text class="mr-20rpx">许可：{{ state.detail.licenseNo }}</text>
+			</view>
+			<view class="second-text-26 mt-1">
+				<image class="w-24rpx h-24rpx mr-1" src="@/static/page/address.svg" />
+				<text>{{ state.detail.address }}</text>
+			</view>
+			<marquee class="second-text-24 mt-1">{{ state.detail.remark }}</marquee>
+		</view>
+
+		<view class="flex-row">
+			<scroll-view scroll-y class="menu w-200rpx h-full pb-20rpx bg-#f6f6f6 pl--20rpx mt-2">
+				<view
+					class="menu_item flex-row-center"
+					v-for="(v, i) in state.category"
+					:key="v.id"
+					:class="[{ menu_item_active: i == state.curCategoryIndex }]"
+					@tap="doCategory(i)"
+				>
+					<view class="menu_item_title show-line">{{ v.name }}</view>
+				</view>
+			</scroll-view>
+			<scroll-view v-if="state.goodsList.length > 0" scroll-y class="flex-1 pb-20rpx">
+				<!-- <view v-for="(pV, pI) in state.foodList" :key="pI">
+					<view class="m-x-15rpx">
+						<product-row
+							v-model="pV.productCount"
+							:productId="pV.id"
+							:pic="filePath(pV.picUrl)"
+							:name="pV.name"
+							:price="pV.price"
+							:marketPrice="pV.marketPrice"
+							:salesCount="pV.salesCount"
+							:stock="pV.stock"
+							@add="chentProductCartCount(pV)"
+							@remove="chentProductCartCount(pV)"
+						/>
+					</view>
+				</view> -->
+			</scroll-view>
+			<view v-else class="mx-auto mt-10 second-text-28">暂无信息</view>
+		</view>
+	</crud-layout>
+</template>
+
+<script setup lang="ts">
+import { reactive } from "vue"
+import { prosperityShopApi } from "@/sheep/api"
+import { onLoad } from "@dcloudio/uni-app"
+import { filePath } from "@/sheep/utils/file"
+
+const state = reactive<any>({
+	id: "",
+	detail: {},
+	category: [],
+	curCategoryIndex: 0,
+	goodsList: [],
+})
+
+onLoad(async (option: any) => {
+	state.id = option.id
+	await getShopDetail(option.id)
+	await getGoodsCategory(option.id)
+})
+
+const getShopDetail = async (id: string) => {
+	const { code, data, msg } = await prosperityShopApi.getShopDetail(id)
+	if (code != 0) return uni.showToast({ title: msg || "超市详情获取失败", icon: "none" })
+	state.detail = data
+}
+
+const getGoodsCategory = async (id: string) => {
+	const { code, data, msg } = await prosperityShopApi.getGoodsCategory({ merchantId: id })
+	if (code != 0) return uni.showToast({ title: msg || "商品分类获取失败", icon: "none" })
+	// state.category = data ?? []
+	state.category = Array.from({ length: 10 }, (_, i) => ({ id: 0, name: "水果" }))
+}
+</script>
+
+<style lang="scss" scoped>
+:deep() {
+	.layout_main > scroll-view {
+		padding: 0 !important;
+	}
+}
+
+.menu {
+	&_item {
+		width: 100%;
+		height: 88rpx;
+		position: relative;
+		transition: all linear 0.2s;
+
+		&_title {
+			width: 100%;
+			line-height: 32rpx;
+			font-size: 30rpx;
+			font-weight: 400;
+			color: #333;
+			margin-left: 28rpx;
+			position: relative;
+			z-index: 0;
+
+			&::before {
+				content: "";
+				width: 64rpx;
+				height: 12rpx;
+				background: linear-gradient(90deg, #0094ff, #e9f5fe) !important;
+				position: absolute;
+				left: -64rpx;
+				bottom: 0;
+				z-index: -1;
+				transition: all linear 0.2s;
+			}
+		}
+
+		&.menu_item_active {
+			background-color: #fff;
+			border-radius: 20rpx 0 0 20rpx;
+
+			&::before {
+				content: "";
+				position: absolute;
+				right: 0;
+				bottom: -20rpx;
+				width: 20rpx;
+				height: 20rpx;
+				background: radial-gradient(circle at 0 100%, transparent 20rpx, #fff 0);
+			}
+
+			&::after {
+				content: "";
+				position: absolute;
+				top: -20rpx;
+				right: 0;
+				width: 20rpx;
+				height: 20rpx;
+				background: radial-gradient(circle at 0% 0%, transparent 20rpx, #fff 0);
+			}
+
+			.menu_item_title {
+				font-weight: 600;
+
+				&::before {
+					left: 0;
+				}
+			}
+		}
+	}
+}
+</style>
diff --git a/src/pages/tabbar/prosperityShop.vue b/src/pages/tabbar/prosperityShop.vue
index da0ac85..dc1fabc 100644
--- a/src/pages/tabbar/prosperityShop.vue
+++ b/src/pages/tabbar/prosperityShop.vue
@@ -106,7 +106,7 @@
 
 <script setup lang="ts">
 import { hooks, router } from "@/sheep"
-import { onlineShopApi, prosperityShopApi } from "@/sheep/api"
+import { prosperityShopApi } from "@/sheep/api"
 import { onLoad } from "@dcloudio/uni-app"
 import { isEmpty } from "radash"
 import { reactive, ref } from "vue"
@@ -133,27 +133,18 @@ onLoad(async () => {
 	const app = getApp()
 	app._initTabbar()
 
-	await getClassify()
+	await getShopCategory()
 })
 
-// 获取分类
-const getClassify = async () => {
-	const { data } = await onlineShopApi.getSpuCategory()
-	state.classifyList = treeToList(data) ?? []
+// 获取超市分类
+const getShopCategory = async () => {
+	const { data } = await prosperityShopApi.getShopCategory()
+	state.classifyList = data ?? []
 	state.classifyList.unshift({ id: "", name: "全部分类" })
 	if (!isEmpty(state.classifyList)) {
 		state.params.categoryId = state.classifyList[0].id
 	}
 }
-const treeToList = <T extends { children?: T[] }>(tree: T[], result: T[] = []): T[] => {
-	for (const node of tree) {
-		result.push(node)
-		if (node?.children?.length) {
-			treeToList(node.children, result)
-		}
-	}
-	return result
-}
 
 // 切换分类
 const doClassify = async (categoryId: string) => {
@@ -188,7 +179,7 @@ const doPhone = async (item: string) => {
 const toDetail = async (v: any) => {
 	const isLogin = await hooks.useCheckLogin()
 	if (isLogin) {
-		// router.jump("/pages/shop/detail", { id: v.id })
+		router.jump("/pages/prosperity-shop/shop-detail", { id: v.id })
 	}
 }
 </script>
diff --git a/src/sheep/api/prosperityShop.ts b/src/sheep/api/prosperityShop.ts
index 8097e42..d9720f4 100644
--- a/src/sheep/api/prosperityShop.ts
+++ b/src/sheep/api/prosperityShop.ts
@@ -9,4 +9,26 @@ export default {
 			params: { productLimit: 5 },
 		})
 	},
+	// 获取超市商户分类列表
+	getShopCategory: (): Promise<any> => {
+		return request({
+			url: "/supermarket/app/mall/merchant/category/list",
+			method: "GET",
+		})
+	},
+	// 获取超市商户所属分类列表
+	getShopDetail: (id: string): Promise<any> => {
+		return request({
+			url: `/supermarket/app/mall/merchant/${id}`,
+			method: "GET",
+		})
+	},
+	// 获取超市商品分类列表
+	getGoodsCategory: (params: { merchantId: string }): Promise<any> => {
+		return request({
+			url: `/supermarket/app/mall/category/tree`,
+			method: "GET",
+			params,
+		})
+	},
 }

From 4ef150f57bb780f7e9d70eab18b8a94bd2a2a94d Mon Sep 17 00:00:00 2001
From: weiwei <ctw@example.com>
Date: Tue, 9 Sep 2025 19:13:16 +0800
Subject: [PATCH 2/5] =?UTF-8?q?feat:=E5=85=B1=E5=AF=8C=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E5=95=86=E5=93=81=E5=88=97=E8=A1=A8=E5=92=8C=E5=95=86=E5=93=81?=
 =?UTF-8?q?=E8=AF=A6=E7=BB=86=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/prosperity-shop/goods-detail.vue    |  82 ++++++++++++-
 src/pages/prosperity-shop/shop-detail.vue     | 110 +++++++++++++-----
 src/pages/tabbar/onlineShop.vue               |  13 +--
 src/pages/tabbar/prosperityShop.vue           |   6 +-
 src/sheep/api/prosperityShop.ts               |  15 +++
 .../crud/crud-layout/crud-layout.vue          |  12 +-
 src/sheep/utils/tree-to-list.ts               |  11 ++
 7 files changed, 200 insertions(+), 49 deletions(-)
 create mode 100644 src/sheep/utils/tree-to-list.ts

diff --git a/src/pages/prosperity-shop/goods-detail.vue b/src/pages/prosperity-shop/goods-detail.vue
index 60988c1..cf4024b 100644
--- a/src/pages/prosperity-shop/goods-detail.vue
+++ b/src/pages/prosperity-shop/goods-detail.vue
@@ -1,3 +1,81 @@
-<template>11</template>
+<template>
+	<crud-layout mainIsScroll bg="/static/page/blue-bg.png">
+		<image :src="filePath(state.detail.coverImage)" class="w-full h-500rpx" mode="aspectFill" />
+		<view v-if="state.detail.id" class="card p-20rpx mt-10rpx mx-20rpx bg-gradient-to-b from-#0094ff33 to-#fff">
+			<view class="w-full flex justify-between items-center">
+				<view class="flex items-center">
+					<text class="second-text-36 line-through">¥</text>
+					<text class="font-bold second-text-40 line-through mr-2">{{ state.detail.originalPrice.toFixed(2) }}</text>
+					<text class="text-36rpx color-red! mr-1">¥</text>
+					<text class="text-46rpx font-bold color-red!">{{ state.detail.spuPrice.toFixed(2) }}</text>
+					<text class="view-clip px-2 text-22rpx c-white bg-#167aff ml-2 rounded-r-1 rounded-lt-1">到手价</text>
+				</view>
+				<view class="main-text-32 c-red! font-italic">
+					<text>约省</text>
+					<text class="text-44rpx">{{ Number(state.detail.originalPrice) - Number(state.detail.spuPrice) }}</text>
+					<text>元</text>
+				</view>
+			</view>
+			<view class="w-full sub-text-36 flex items-center mt-1">
+				<text class="c-#0094ff! sub-text-24 px-2 bg-#0094ff22 rounded-1 mr-2 whitespace-nowrap">
+					{{ state.detail.status == "0" ? "在售" : "未售" }}
+				</text>
+				<text class="truncate">{{ state.detail.title }}</text>
+			</view>
+			<view class="second-text-26 mt-1">售卖时间 {{ state.detail.saleStartTime }} ~ {{ state.detail.saleEndTime }}</view>
+			<view class="second-text-26 truncate mt-1">
+				<text class="mr-20rpx">售卖单位 {{ state.detail.unit }}</text>
+				<text class="mr-20rpx">剩余库存 {{ state.detail.totalStock }}</text>
+			</view>
+		</view>
+		<view class="mt-20rpx flex-col justify-between card p-20rpx mx-20rpx">
+			<view class="prefix_title">商品描述</view>
+			<view class="mt-20rpx overflow-auto text-26rpx!" v-html="state.detail.description"></view>
+		</view>
+	</crud-layout>
+</template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { onLoad } from "@dcloudio/uni-app"
+import { reactive } from "vue"
+import { prosperityShopApi } from "@/sheep/api"
+import { filePath } from "@/sheep/utils/file"
+
+const state = reactive<any>({
+	id: "",
+	detail: {},
+})
+onLoad(async (option: any) => {
+	if (!option.id) return uni.showToast({ title: "参数错误", icon: "error" })
+	uni.showLoading({ title: "加载中..." })
+	state.id = option.id
+	await getGoodsDetail(option.id)
+	uni.hideLoading()
+})
+
+const getGoodsDetail = async (id: string) => {
+	const { code, data, msg } = await prosperityShopApi.getGoodsDetail(id)
+	if (code != 0) return uni.showToast({ title: msg || "商品详情获取失败", icon: "none" })
+	state.detail = data
+}
+</script>
+
+<style scoped lang="scss">
+:deep() {
+	.layout_main > scroll-view {
+		padding: 0 !important;
+	}
+}
+.view-clip {
+	position: relative;
+	&::before {
+		content: "";
+		position: absolute;
+		left: -18rpx;
+		bottom: 0rpx;
+		width: 20rpx;
+		height: 20rpx;
+		background: radial-gradient(circle at 0 0, transparent 72%, #1879ff 0);
+	}
+}
+</style>
diff --git a/src/pages/prosperity-shop/shop-detail.vue b/src/pages/prosperity-shop/shop-detail.vue
index 3d6d3ef..67d3466 100644
--- a/src/pages/prosperity-shop/shop-detail.vue
+++ b/src/pages/prosperity-shop/shop-detail.vue
@@ -1,16 +1,18 @@
 <template>
-	<crud-layout mainIsScroll bg="/static/page/blue-bg.png">
-		<image :src="filePath(state.detail.images)" class="w-full h-400rpx" mode="aspectFill" />
-		<view class="card p-20rpx mt-10rpx mx-20rpx">
+	<crud-layout mainIsScroll bg="/static/page/blue-bg.png" @scroll="scroll">
+		<view class="w-full h-400rpx relative">
+			<image :src="filePath(state.detail.images)" class="w-full h-full" mode="aspectFill" />
+			<view class="absolute w-full h-full top-0 left-0" :style="filterStyle"></view>
+		</view>
+		<view v-if="state.detail.id" class="card p-20rpx mt-10rpx mx-20rpx">
 			<view class="w-full sub-text-32 truncate">{{ state.detail.name }}</view>
 			<view class="sub-text-24 mt-1">
 				<text class="c-#0094ff! mr-20rpx px-2 bg-#0094ff22 rounded-2">{{ state.detail.status == "0" ? "开业中" : "未开业" }}</text>
 				<text class="rounded-2 c-#0094ff px-2 bg-#0094ff22 rounded-2">{{ state.detail.businessHours }}</text>
 			</view>
 			<view class="second-text-24 truncate mt-1">
-				<text class="mr-20rpx">营业人：{{ state.detail.contactName }}</text>
-				<text class="mr-20rpx">联系：{{ state.detail.contactPhone }}</text>
-				<text class="mr-20rpx">许可：{{ state.detail.licenseNo }}</text>
+				<text class="mr-20rpx">营业人 {{ state.detail.contactName }}·{{ state.detail.contactPhone }}</text>
+				<text class="mr-20rpx">许可 {{ state.detail.licenseNo }}</text>
 			</view>
 			<view class="second-text-26 mt-1">
 				<image class="w-24rpx h-24rpx mr-1" src="@/static/page/address.svg" />
@@ -19,8 +21,8 @@
 			<marquee class="second-text-24 mt-1">{{ state.detail.remark }}</marquee>
 		</view>
 
-		<view class="flex-row">
-			<scroll-view scroll-y class="menu w-200rpx h-full pb-20rpx bg-#f6f6f6 pl--20rpx mt-2">
+		<view class="flex mt-2">
+			<scroll-view scroll-y class="menu w-200rpx mb-20rpx bg-#f6f6f6 pl-20rpx" style="height: calc(100vh - 400rpx)">
 				<view
 					class="menu_item flex-row-center"
 					v-for="(v, i) in state.category"
@@ -31,34 +33,43 @@
 					<view class="menu_item_title show-line">{{ v.name }}</view>
 				</view>
 			</scroll-view>
-			<scroll-view v-if="state.goodsList.length > 0" scroll-y class="flex-1 pb-20rpx">
-				<!-- <view v-for="(pV, pI) in state.foodList" :key="pI">
-					<view class="m-x-15rpx">
-						<product-row
-							v-model="pV.productCount"
-							:productId="pV.id"
-							:pic="filePath(pV.picUrl)"
-							:name="pV.name"
-							:price="pV.price"
-							:marketPrice="pV.marketPrice"
-							:salesCount="pV.salesCount"
-							:stock="pV.stock"
-							@add="chentProductCartCount(pV)"
-							@remove="chentProductCartCount(pV)"
-						/>
+			<scroll-view v-if="state.goodsList.length > 0" scroll-y class="flex-1 overflow-hidden pb-20rpx flex">
+				<view v-for="v in state.goodsList" :key="v.id" class="card flex mx-15rpx mb-2 p-2" @click="doGoods(v.id)">
+					<image :src="filePath(v.coverImage)" class="size-180rpx rounded-12rpx" mode="aspectFill" />
+					<view class="flex-1 ml-2 overflow-hidden">
+						<view class="truncate sub-text-30">{{ v.title }}</view>
+						<view>
+							<text class="c-#0094ff! sub-text-24 px-2 bg-#0094ff22 rounded-2">{{ v.status == "0" ? "在售" : "未售" }}</text>
+						</view>
+						<view>
+							<text class="second-text-26 mr-2">单位 {{ v.unit }}</text>
+							<text class="second-text-26">库存 {{ v.totalStock }}</text>
+						</view>
+						<view>
+							<text class="color-red mr-1">
+								<text class="text-26rpx">¥</text>
+								<text class="text-30rpx font-bold">{{ v.spuPrice.toFixed(2).split(".")[0] }}.</text>
+								<text class="text-26rpx font-bold">{{ v.spuPrice.toFixed(2).split(".")[1] }}</text>
+							</text>
+							<text class="second-text-24 line-through">
+								<text class="text-24rpx">¥</text>
+								<text class="font-bold">{{ v.originalPrice.toFixed(2) }}</text>
+							</text>
+						</view>
 					</view>
-				</view> -->
+				</view>
 			</scroll-view>
-			<view v-else class="mx-auto mt-10 second-text-28">暂无信息</view>
+			<view v-else class="mx-auto mt-10 second-text-28">暂无商品</view>
 		</view>
 	</crud-layout>
 </template>
 
 <script setup lang="ts">
-import { reactive } from "vue"
+import { computed, reactive, ref } from "vue"
 import { prosperityShopApi } from "@/sheep/api"
 import { onLoad } from "@dcloudio/uni-app"
 import { filePath } from "@/sheep/utils/file"
+import treeToList from "@/sheep/utils/tree-to-list"
 
 const state = reactive<any>({
 	id: "",
@@ -67,11 +78,16 @@ const state = reactive<any>({
 	curCategoryIndex: 0,
 	goodsList: [],
 })
+const layoutScroll = ref(0)
 
 onLoad(async (option: any) => {
+	if (!option.id) return uni.showToast({ title: "参数错误", icon: "error" })
+	uni.showLoading({ title: "加载中..." })
 	state.id = option.id
 	await getShopDetail(option.id)
 	await getGoodsCategory(option.id)
+	await getGoodsList()
+	uni.hideLoading()
 })
 
 const getShopDetail = async (id: string) => {
@@ -83,8 +99,46 @@ const getShopDetail = async (id: string) => {
 const getGoodsCategory = async (id: string) => {
 	const { code, data, msg } = await prosperityShopApi.getGoodsCategory({ merchantId: id })
 	if (code != 0) return uni.showToast({ title: msg || "商品分类获取失败", icon: "none" })
-	// state.category = data ?? []
-	state.category = Array.from({ length: 10 }, (_, i) => ({ id: 0, name: "水果" }))
+	state.category = treeToList(data) ?? []
+}
+
+const getGoodsList = async () => {
+	const params = {
+		current: 1,
+		size: 99999,
+		merchantId: state.id,
+		categoryId: state.category[state.curCategoryIndex].id,
+	}
+	const { code, data, msg } = await prosperityShopApi.getGoodsList(params)
+	if (code != 0) return uni.showToast({ title: msg || "商品列表获取失败", icon: "none" })
+	state.goodsList = data?.records ?? []
+}
+
+const doCategory = async (index: number) => {
+	if (state.curCategoryIndex == index) return
+	state.curCategoryIndex = index
+	uni.showLoading({ title: "加载中..." })
+	await getGoodsList()
+	uni.hideLoading()
+}
+
+const scroll = (e: any) => {
+	layoutScroll.value = e.detail.scrollTop
+}
+
+const filterStyle = computed(() => {
+	const scrollY = layoutScroll.value
+	const blur = Math.min(1, scrollY / 400) * 20
+	return {
+		backdropFilter: `blur(${blur}rpx)`,
+	}
+})
+
+const doGoods = (id: string) => {
+	if (!id) return uni.showToast({ title: "商品id不存在", icon: "none" })
+	uni.navigateTo({
+		url: `/pages/prosperity-shop/goods-detail?id=${id}`,
+	})
 }
 </script>
 
diff --git a/src/pages/tabbar/onlineShop.vue b/src/pages/tabbar/onlineShop.vue
index 274508d..f1231aa 100644
--- a/src/pages/tabbar/onlineShop.vue
+++ b/src/pages/tabbar/onlineShop.vue
@@ -53,7 +53,7 @@
 				<scroll-view scroll-x>
 					<view class="w-full flex my-2">
 						<view
-							class="mr-2 sub-text-28 py-1 px-2 rounded-1 bg-#fff border border-solid border-transparent"
+							class="mr-2 sub-text-28 py-1 px-2 rounded-1 bg-#fff border border-solid border-transparent whitespace-nowrap"
 							:class="{ 'bg-#0779FD22! c-#0779FD! border-#0779FD33!': state.params.categoryId === v.id }"
 							v-for="(v, i) in state.classifyList"
 							:key="i"
@@ -152,6 +152,7 @@ import { merchantApi, onlineShopApi } from "@@/api"
 import { hooks, router } from "@@/index"
 import { useCartStore } from "@/sheep/stores/cart"
 import { storePrice } from "@/sheep/utils/formatMoney"
+import treeToList from "@/sheep/utils/tree-to-list"
 
 const cartStore = useCartStore()
 
@@ -207,16 +208,6 @@ const getAllMerchant = async () => {
 	}
 }
 
-const treeToList = <T extends { children?: T[] }>(tree: T[], result: T[] = []): T[] => {
-	for (const node of tree) {
-		result.push(node)
-		if (node?.children?.length) {
-			treeToList(node.children, result)
-		}
-	}
-	return result
-}
-
 // 获取分类
 const getClassify = async () => {
 	if (state.curMerchant.id) {
diff --git a/src/pages/tabbar/prosperityShop.vue b/src/pages/tabbar/prosperityShop.vue
index dc1fabc..c5a2ccb 100644
--- a/src/pages/tabbar/prosperityShop.vue
+++ b/src/pages/tabbar/prosperityShop.vue
@@ -43,7 +43,7 @@
 				<scroll-view scroll-x>
 					<view class="w-full flex my-2">
 						<view
-							class="mr-2 sub-text-28 py-1 px-2 rounded-1 bg-#fff border border-solid border-transparent"
+							class="w-300rpx mr-2 sub-text-28 py-1 px-2 rounded-1 bg-#fff border border-solid border-transparent whitespace-nowrap"
 							:class="{ 'bg-#0779FD22! c-#0779FD! border-#0779FD33!': state.params.categoryId === v.id }"
 							v-for="(v, i) in state.classifyList"
 							:key="i"
@@ -68,8 +68,8 @@
 							</text>
 							<text>{{ v.email }}</text>
 						</view>
-						<view class="sub-text-26 truncate">
-							<text class="bg-#0779FD11 py-1 rounded-2 c-#0094ff">营业：{{ v.businessHours }}</text>
+						<view>
+							<text class="c-#0094ff! sub-text-26 px-2 bg-#0094ff22 rounded-2">营业：{{ v.businessHours }}</text>
 						</view>
 						<view class="second-text-26">
 							<image class="w-24rpx h-24rpx mr-1" src="@/static/page/address.svg" />
diff --git a/src/sheep/api/prosperityShop.ts b/src/sheep/api/prosperityShop.ts
index d9720f4..644a5dd 100644
--- a/src/sheep/api/prosperityShop.ts
+++ b/src/sheep/api/prosperityShop.ts
@@ -31,4 +31,19 @@ export default {
 			params,
 		})
 	},
+	// 获取商品列表
+	getGoodsList: (params: any): Promise<any> => {
+		return request({
+			url: `/supermarket/app/mall/merchant/product/list`,
+			method: "GET",
+			params,
+		})
+	},
+	// 获取商品详情
+	getGoodsDetail: (id: string): Promise<any> => {
+		return request({
+			url: `/supermarket/app/mall/product/${id}`,
+			method: "GET",
+		})
+	},
 }
diff --git a/src/sheep/components/crud/crud-layout/crud-layout.vue b/src/sheep/components/crud/crud-layout/crud-layout.vue
index c90d790..1a38e1a 100644
--- a/src/sheep/components/crud/crud-layout/crud-layout.vue
+++ b/src/sheep/components/crud/crud-layout/crud-layout.vue
@@ -21,6 +21,7 @@ const props = withDefaults(defineProps<Props>(), {
 	mainIsScroll: false,
 	bg: "",
 })
+const emit = defineEmits(["scroll"])
 
 const state = reactive({
 	navBgTitleColor_: props.navBgTitleColor,
@@ -46,10 +47,11 @@ onMounted(() => {
 })
 
 function scroll(e) {
-	if (!router.hasTabbar()) return
-	if (!props.scrollHideTabbar) return
-	const offset = 50
-	const top = e.target.scrollTop
+	// if (!router.hasTabbar()) return
+	// if (!props.scrollHideTabbar) return
+	// const offset = 50
+	// const top = e.target.scrollTop
+	emit("scroll", e)
 }
 
 function defaultPage() {
@@ -67,7 +69,7 @@ function initBackStyle() {
 			break
 		case "just-flot-back":
 			state.visble.topSafe = true
-			state.visble.topNav = false
+			state.visble.topNav = true
 			break
 		default:
 			break
diff --git a/src/sheep/utils/tree-to-list.ts b/src/sheep/utils/tree-to-list.ts
new file mode 100644
index 0000000..ba991d7
--- /dev/null
+++ b/src/sheep/utils/tree-to-list.ts
@@ -0,0 +1,11 @@
+const treeToList = <T extends { children?: T[] }>(tree: T[], result: T[] = []): T[] => {
+	for (const node of tree) {
+		result.push(node)
+		if (node?.children?.length) {
+			treeToList(node.children, result)
+		}
+	}
+	return result
+}
+
+export default treeToList

From 4cc0ac316e90048deb32b5d318f35ae2a8c9ced4 Mon Sep 17 00:00:00 2001
From: weiwei <ctw@example.com>
Date: Wed, 10 Sep 2025 12:10:45 +0800
Subject: [PATCH 3/5] =?UTF-8?q?feat:=E5=85=B1=E5=AF=8C=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E5=95=86=E5=93=81sku=E5=92=8C=E5=95=86=E5=93=81=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/prosperity-shop/goods-detail.vue |  27 +++++---
 src/pages/prosperity-shop/shop-detail.vue  |  69 +++++++++++++++++----
 src/pages/tabbar/prosperityShop.vue        |   4 +-
 src/static/page/shop-goods-search.png      | Bin 0 -> 9059 bytes
 4 files changed, 79 insertions(+), 21 deletions(-)
 create mode 100644 src/static/page/shop-goods-search.png

diff --git a/src/pages/prosperity-shop/goods-detail.vue b/src/pages/prosperity-shop/goods-detail.vue
index cf4024b..c9ef73c 100644
--- a/src/pages/prosperity-shop/goods-detail.vue
+++ b/src/pages/prosperity-shop/goods-detail.vue
@@ -1,18 +1,18 @@
 <template>
 	<crud-layout mainIsScroll bg="/static/page/blue-bg.png">
-		<image :src="filePath(state.detail.coverImage)" class="w-full h-500rpx" mode="aspectFill" />
+		<image :src="filePath(state.detail.coverImage)" class="w-full h-500rpx bg-#eeeeee" mode="aspectFill" />
 		<view v-if="state.detail.id" class="card p-20rpx mt-10rpx mx-20rpx bg-gradient-to-b from-#0094ff33 to-#fff">
 			<view class="w-full flex justify-between items-center">
 				<view class="flex items-center">
-					<text class="second-text-36 line-through">¥</text>
+					<text class="second-text-34 line-through">¥</text>
 					<text class="font-bold second-text-40 line-through mr-2">{{ state.detail.originalPrice.toFixed(2) }}</text>
-					<text class="text-36rpx color-red! mr-1">¥</text>
+					<text class="text-34rpx color-red!">¥</text>
 					<text class="text-46rpx font-bold color-red!">{{ state.detail.spuPrice.toFixed(2) }}</text>
-					<text class="view-clip px-2 text-22rpx c-white bg-#167aff ml-2 rounded-r-1 rounded-lt-1">到手价</text>
+					<text class="view-clip px-2 text-22rpx c-white bg-red ml-2 rounded-r-1 rounded-lt-1">到手价</text>
 				</view>
 				<view class="main-text-32 c-red! font-italic">
 					<text>约省</text>
-					<text class="text-44rpx">{{ Number(state.detail.originalPrice) - Number(state.detail.spuPrice) }}</text>
+					<text class="text-44rpx mx-1">{{ Number(state.detail.originalPrice) - Number(state.detail.spuPrice) }}</text>
 					<text>元</text>
 				</view>
 			</view>
@@ -28,10 +28,22 @@
 				<text class="mr-20rpx">剩余库存 {{ state.detail.totalStock }}</text>
 			</view>
 		</view>
-		<view class="mt-20rpx flex-col justify-between card p-20rpx mx-20rpx">
+		<view class="mt-20rpx card p-20rpx mx-20rpx">
+			<view class="prefix_title">包装单位</view>
+			<view class="bg-#1879ff09 rounded-1 my-2 p-3" v-for="(item, index) in state.detail.skuList" :key="index">
+				<view class="sub-text-30">{{ item.skuName }}</view>
+				<view class="second-text-28 mt-1 flex justify-between items-center">
+					<text>售价 {{ displayPrice(item.price) }}</text>
+					<text>重量 {{ item.weightG }}克</text>
+					<text>库存 {{ item.stock }}</text>
+				</view>
+			</view>
+		</view>
+		<view class="mt-20rpx card p-20rpx mx-20rpx">
 			<view class="prefix_title">商品描述</view>
 			<view class="mt-20rpx overflow-auto text-26rpx!" v-html="state.detail.description"></view>
 		</view>
+		<view class="h-30rpx" />
 	</crud-layout>
 </template>
 
@@ -40,6 +52,7 @@ import { onLoad } from "@dcloudio/uni-app"
 import { reactive } from "vue"
 import { prosperityShopApi } from "@/sheep/api"
 import { filePath } from "@/sheep/utils/file"
+import { displayPrice } from "@/sheep/utils/formatMoney"
 
 const state = reactive<any>({
 	id: "",
@@ -75,7 +88,7 @@ const getGoodsDetail = async (id: string) => {
 		bottom: 0rpx;
 		width: 20rpx;
 		height: 20rpx;
-		background: radial-gradient(circle at 0 0, transparent 72%, #1879ff 0);
+		background: radial-gradient(circle at 0 0, transparent 80%, red 0);
 	}
 }
 </style>
diff --git a/src/pages/prosperity-shop/shop-detail.vue b/src/pages/prosperity-shop/shop-detail.vue
index 67d3466..0b47593 100644
--- a/src/pages/prosperity-shop/shop-detail.vue
+++ b/src/pages/prosperity-shop/shop-detail.vue
@@ -1,9 +1,16 @@
 <template>
 	<crud-layout mainIsScroll bg="/static/page/blue-bg.png" @scroll="scroll">
 		<view class="w-full h-400rpx relative">
-			<image :src="filePath(state.detail.images)" class="w-full h-full" mode="aspectFill" />
+			<image :src="filePath(state.detail.images)" class="w-full h-full bg-#eeeeee" mode="aspectFill" />
 			<view class="absolute w-full h-full top-0 left-0" :style="filterStyle"></view>
 		</view>
+		<view
+			class="fixed right-20 h-72rpx bg-#ECF4F9cc px-20rpx top-20 flex items-center flex-nowrap overflow-hidden rounded-20rpx"
+			:style="searchStyle"
+		>
+			<image class="w-36rpx h-36rpx" src="@/static/page/shop-goods-search.png" />
+			<text v-if="scrollDetail.scrollTop > 30" class="bg-#eeeeee44 whitespace-nowrap overflow-hidden second-text-26 ml-2">搜索商品</text>
+		</view>
 		<view v-if="state.detail.id" class="card p-20rpx mt-10rpx mx-20rpx">
 			<view class="w-full sub-text-32 truncate">{{ state.detail.name }}</view>
 			<view class="sub-text-24 mt-1">
@@ -22,7 +29,7 @@
 		</view>
 
 		<view class="flex mt-2">
-			<scroll-view scroll-y class="menu w-200rpx mb-20rpx bg-#f6f6f6 pl-20rpx" style="height: calc(100vh - 400rpx)">
+			<scroll-view scroll-y class="menu w-200rpx mb-20rpx bg-#f6f6f6 pl-20rpx" style="height: calc(100vh - 420rpx)">
 				<view
 					class="menu_item flex-row-center"
 					v-for="(v, i) in state.category"
@@ -35,7 +42,7 @@
 			</scroll-view>
 			<scroll-view v-if="state.goodsList.length > 0" scroll-y class="flex-1 overflow-hidden pb-20rpx flex">
 				<view v-for="v in state.goodsList" :key="v.id" class="card flex mx-15rpx mb-2 p-2" @click="doGoods(v.id)">
-					<image :src="filePath(v.coverImage)" class="size-180rpx rounded-12rpx" mode="aspectFill" />
+					<image :src="filePath(v.coverImage)" class="size-160rpx rounded-12rpx bg-#eeeeee" mode="aspectFill" />
 					<view class="flex-1 ml-2 overflow-hidden">
 						<view class="truncate sub-text-30">{{ v.title }}</view>
 						<view>
@@ -46,15 +53,16 @@
 							<text class="second-text-26">库存 {{ v.totalStock }}</text>
 						</view>
 						<view>
-							<text class="color-red mr-1">
+							<text class="second-text-28 line-through mr-1">
 								<text class="text-26rpx">¥</text>
-								<text class="text-30rpx font-bold">{{ v.spuPrice.toFixed(2).split(".")[0] }}.</text>
-								<text class="text-26rpx font-bold">{{ v.spuPrice.toFixed(2).split(".")[1] }}</text>
-							</text>
-							<text class="second-text-24 line-through">
-								<text class="text-24rpx">¥</text>
 								<text class="font-bold">{{ v.originalPrice.toFixed(2) }}</text>
 							</text>
+							<text class="color-red">
+								<text class="text-26rpx">¥</text>
+								<text class="text-32rpx font-bold">{{ v.spuPrice.toFixed(2).split(".")[0] }}.</text>
+								<text class="text-30rpx font-bold">{{ v.spuPrice.toFixed(2).split(".")[1] }}</text>
+							</text>
+							<text class="view-clip px-1 text-18rpx c-white bg-red ml-1 rounded-r-1 rounded-lt-1">到手价</text>
 						</view>
 					</view>
 				</view>
@@ -71,6 +79,15 @@ import { onLoad } from "@dcloudio/uni-app"
 import { filePath } from "@/sheep/utils/file"
 import treeToList from "@/sheep/utils/tree-to-list"
 
+interface scrollDetail {
+	deltaX: number
+	deltaY: number
+	scrollHeight: number
+	scrollLeft: number
+	scrollTop: number
+	scrollWidth: number
+}
+
 const state = reactive<any>({
 	id: "",
 	detail: {},
@@ -78,7 +95,7 @@ const state = reactive<any>({
 	curCategoryIndex: 0,
 	goodsList: [],
 })
-const layoutScroll = ref(0)
+const scrollDetail = ref<scrollDetail>({} as scrollDetail)
 
 onLoad(async (option: any) => {
 	if (!option.id) return uni.showToast({ title: "参数错误", icon: "error" })
@@ -123,17 +140,33 @@ const doCategory = async (index: number) => {
 }
 
 const scroll = (e: any) => {
-	layoutScroll.value = e.detail.scrollTop
+	scrollDetail.value = e.detail
+	console.log(e)
 }
 
 const filterStyle = computed(() => {
-	const scrollY = layoutScroll.value
+	const scrollY = scrollDetail.value.scrollTop
 	const blur = Math.min(1, scrollY / 400) * 20
 	return {
 		backdropFilter: `blur(${blur}rpx)`,
 	}
 })
 
+const searchStyle = computed(() => {
+	const minWidth = 10
+	const scrollY = scrollDetail.value.scrollTop
+	const scrollHeight = scrollDetail.value.scrollHeight
+	const scrollWidth = scrollDetail.value.scrollWidth
+	const calcWidth = (scrollY / scrollHeight) * scrollWidth
+	if (isNaN(calcWidth)) return { width: `${minWidth}%` }
+	if (calcWidth < 2) return { width: `${calcWidth + minWidth}%` }
+	return {
+		width: `${calcWidth + minWidth}%`,
+		border: `2rpx solid #1879ff`,
+		// opacity: Math.max(1,),
+	}
+})
+
 const doGoods = (id: string) => {
 	if (!id) return uni.showToast({ title: "商品id不存在", icon: "none" })
 	uni.navigateTo({
@@ -213,4 +246,16 @@ const doGoods = (id: string) => {
 		}
 	}
 }
+.view-clip {
+	position: relative;
+	&::before {
+		content: "";
+		position: absolute;
+		left: -18rpx;
+		bottom: 0rpx;
+		width: 20rpx;
+		height: 20rpx;
+		background: radial-gradient(circle at 0 0, transparent 80%, red 0);
+	}
+}
 </style>
diff --git a/src/pages/tabbar/prosperityShop.vue b/src/pages/tabbar/prosperityShop.vue
index c5a2ccb..28cdd96 100644
--- a/src/pages/tabbar/prosperityShop.vue
+++ b/src/pages/tabbar/prosperityShop.vue
@@ -57,7 +57,7 @@
 
 			<view class="card p-20rpx mb-20rpx" v-for="(v, i) in pageHook.list" :key="i" @tap="toDetail(v)">
 				<view class="flex">
-					<image class="w-150rpx h-150rpx rounded-12rpx" :src="filePath(v.images)" mode="aspectFill" />
+					<image class="w-150rpx h-150rpx bg-#eeeeee rounded-12rpx" :src="filePath(v.images)" mode="aspectFill" />
 					<view class="ml-20rpx flex-1 overflow-hidden">
 						<view class="sub-text-30 truncate">{{ v.name }}</view>
 						<view class="second-text-26 truncate">
@@ -80,7 +80,7 @@
 				<scroll-view scroll-x>
 					<view class="flex mt-2">
 						<view class="w-160rpx flex-col items-center mr-20rpx" v-for="(pV, pI) in v.featuredProducts" :key="pI">
-							<image class="w-160rpx h-160rpx rounded-12rpx" :src="filePath(pV.coverImage)" mode="aspectFill" />
+							<image class="w-160rpx h-160rpx rounded-12rpx bg-#eeeeee" :src="filePath(pV.coverImage)" mode="aspectFill" />
 							<view class="w-full mt-4rpx sub-text-24 truncate">{{ pV.title }}</view>
 							<view class="w-full flex justify-between pr-1">
 								<text class="main-text-26 color-red!">
diff --git a/src/static/page/shop-goods-search.png b/src/static/page/shop-goods-search.png
new file mode 100644
index 0000000000000000000000000000000000000000..900b7859df82365978fa4b1ddaa42bc068ecc36b
GIT binary patch
literal 9059
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
GqyGnVrpMm^

literal 0
HcmV?d00001


From f716bd685f5f78ba5aff4ac2788d602389e58553 Mon Sep 17 00:00:00 2001
From: weiwei <ctw@example.com>
Date: Wed, 10 Sep 2025 19:06:03 +0800
Subject: [PATCH 4/5] =?UTF-8?q?feat:=E5=85=B1=E5=AF=8C=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E5=95=86=E5=93=81=E6=90=9C=E7=B4=A2=E5=92=8C=E5=9F=BA=E6=9C=AC?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                |   4 +-
 src/pages.json                             |  14 +++
 src/pages/prosperity-shop/goods-manage.vue |  30 ++++++
 src/pages/prosperity-shop/goods-search.vue | 106 +++++++++++++++++++++
 src/pages/prosperity-shop/shop-detail.vue  |  20 +++-
 src/pages/tabbar/index.vue                 |  10 ++
 src/pages/tabbar/my.vue                    |  28 ++++--
 src/pages/tabbar/prosperityShop.vue        |  34 ++-----
 src/pages/user/userRole.vue                |   2 +-
 src/sheep/api/prosperityShop.ts            |  14 +--
 10 files changed, 213 insertions(+), 49 deletions(-)
 create mode 100644 src/pages/prosperity-shop/goods-manage.vue
 create mode 100644 src/pages/prosperity-shop/goods-search.vue

diff --git a/src/App.vue b/src/App.vue
index f7e497a..746ebf9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -66,7 +66,7 @@ const tabbar: TabbarItem[] = [
 		text: "共富商城",
 		iconPath: "/static/tabbar/prosperity-shop.png",
 		selectedIconPath: "/static/tabbar/prosperity-shop-select.png",
-		launchParam: ["onlineShop"],
+		launchParam: ["prosperityShop"],
 		auth: ["user"],
 	},
 	{
@@ -114,7 +114,7 @@ const tabbar: TabbarItem[] = [
 		text: "我的",
 		iconPath: "/static/tabbar/my.png",
 		selectedIconPath: "/static/tabbar/my-select.png",
-		launchParam: ["canteen", "selfMerchant", "onlineShop", "coopMerchant", "integrated"],
+		launchParam: ["canteen", "selfMerchant", "onlineShop", "coopMerchant", "integrated", "prosperityShop"],
 		auth: ["user", "merchant", "doorAdmin"],
 	},
 ]
diff --git a/src/pages.json b/src/pages.json
index b3c9a49..c73d75b 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -151,6 +151,20 @@
 						"navigationBarTitleText": "超市详情",
 						"disableScroll": true
 					}
+				},
+				{
+					"path": "goods-search",
+					"style": {
+						"navigationBarTitleText": "商品搜索",
+						"disableScroll": true
+					}
+				},
+				{
+					"path": "goods-manage",
+					"style": {
+						"navigationBarTitleText": "商品管理",
+						"disableScroll": true
+					}
 				}
 			]
 		},
diff --git a/src/pages/prosperity-shop/goods-manage.vue b/src/pages/prosperity-shop/goods-manage.vue
new file mode 100644
index 0000000..2b49354
--- /dev/null
+++ b/src/pages/prosperity-shop/goods-manage.vue
@@ -0,0 +1,30 @@
+<template>
+	<crud-layout bg="/static/page/blue-bg.png">
+		<template #top> </template>
+	</crud-layout>
+</template>
+
+<script setup lang="ts">
+import { reactive } from "vue"
+import { prosperityShopApi } from "@/sheep/api"
+import { onLoad } from "@dcloudio/uni-app"
+
+const state = reactive({
+	goodsList: [],
+})
+
+onLoad(async () => {
+	await getGoodsList()
+})
+
+const getGoodsList = async () => {
+	const params = {
+		current: 1,
+		size: 99999,
+		// categoryId: state.category[state.curCategoryIndex].id,
+	}
+	const { code, data, msg } = await prosperityShopApi.getGoodsList(params)
+	if (code != 0) return uni.showToast({ title: msg || "商品列表获取失败", icon: "none" })
+	state.goodsList = data?.records ?? []
+}
+</script>
diff --git a/src/pages/prosperity-shop/goods-search.vue b/src/pages/prosperity-shop/goods-search.vue
new file mode 100644
index 0000000..f1b8ba9
--- /dev/null
+++ b/src/pages/prosperity-shop/goods-search.vue
@@ -0,0 +1,106 @@
+<template>
+	<crud-layout mainIsScroll bg="/static/page/blue-bg.png">
+		<z-paging
+			ref="pageRef"
+			height="100%"
+			:fixed="false"
+			v-model="pageHook.list"
+			:default-page-size="10"
+			safe-area-inset-bottom
+			:loading-more-enabled="true"
+			:show-scrollbar="false"
+			@query="query"
+			:auto-clean-list-when-reload="false"
+			:auto-scroll-to-top-when-reload="false"
+			@scroll="pageHook.scroll"
+		>
+			<template #top>
+				<view class="w-full my-2">
+					<tm-input
+						class="flex-1"
+						v-model="state.params.keyword"
+						type="text"
+						height="72"
+						minHeight="72"
+						fontSize="28"
+						:showClear="true"
+						:focus="false"
+						placeholder="请输入商品名称"
+						style="border: 4rpx solid #0779fd; border-radius: 14rpx"
+						:focus-highlight="false"
+						color="#ECF4F9"
+					>
+						<template v-slot:rightIcon>
+							<tm-button class="mr-1 px-3 py-26rpx text-30rpx!" size="xs" @click="search">搜 索</tm-button>
+						</template>
+					</tm-input>
+				</view>
+			</template>
+
+			<view v-for="v in pageHook.list" :key="v.id" class="card flex mx-20rpx mb-2 p-2" @click="doGoodsDetail(v.id)">
+				<image :src="filePath(v.coverImage)" class="size-160rpx rounded-12rpx bg-#eeeeee" mode="aspectFill" />
+				<view class="flex-1 ml-2 overflow-hidden">
+					<view class="truncate sub-text-30">{{ v.title }}</view>
+					<view>
+						<text class="c-#0094ff! sub-text-24 px-2 bg-#0094ff22 rounded-2">{{ v.status == "0" ? "在售" : "未售" }}</text>
+					</view>
+					<view>
+						<text class="second-text-26 mr-2">单位 {{ v.unit }}</text>
+						<text class="second-text-26">库存 {{ v.totalStock }}</text>
+					</view>
+					<view>
+						<text class="second-text-28 line-through mr-1">
+							<text class="text-26rpx">¥</text>
+							<text class="font-bold">{{ v.originalPrice.toFixed(2) }}</text>
+						</text>
+						<text class="color-red">
+							<text class="text-26rpx">¥</text>
+							<text class="text-32rpx font-bold">{{ v.spuPrice.toFixed(2).split(".")[0] }}.</text>
+							<text class="text-30rpx font-bold">{{ v.spuPrice.toFixed(2).split(".")[1] }}</text>
+						</text>
+						<text class="view-clip px-1 text-18rpx c-white bg-red ml-1 rounded-r-1 rounded-lt-1">到手价</text>
+					</view>
+				</view>
+			</view>
+		</z-paging>
+	</crud-layout>
+</template>
+
+<script setup lang="ts">
+import { hooks } from "@/sheep"
+import { prosperityShopApi } from "@/sheep/api"
+import { reactive, ref } from "vue"
+import { filePath } from "@/sheep/utils/file"
+import { onLoad } from "@dcloudio/uni-app"
+
+const state = reactive<any>({
+	params: {
+		keyword: "",
+		merchantId: "",
+	},
+})
+const pageRef = ref<any>(null)
+const pageHook = hooks.usePage(pageRef, prosperityShopApi.getGoodsList, null, "data.records")
+
+const query = (page: number, pagesize: number) => {
+	pageHook.startPage(page, pagesize, false, state.params)
+}
+
+onLoad((options: any) => {
+	const { merchantId } = options
+	if (!merchantId) return uni.showToast({ title: "参数错误", icon: "none" })
+	state.params.merchantId = merchantId
+})
+
+// 点击搜索
+const search = () => {
+	pageRef.value && pageRef.value.reload(true)
+}
+
+const doGoodsDetail = (id: string) => {
+	if (!id) return uni.showToast({ title: "商品id不存在", icon: "none" })
+	uni.navigateTo({
+		url: `/pages/prosperity-shop/goods-detail?id=${id}`,
+	})
+}
+</script>
diff --git a/src/pages/prosperity-shop/shop-detail.vue b/src/pages/prosperity-shop/shop-detail.vue
index 0b47593..6cf636c 100644
--- a/src/pages/prosperity-shop/shop-detail.vue
+++ b/src/pages/prosperity-shop/shop-detail.vue
@@ -7,6 +7,7 @@
 		<view
 			class="fixed right-20 h-72rpx bg-#ECF4F9cc px-20rpx top-20 flex items-center flex-nowrap overflow-hidden rounded-20rpx"
 			:style="searchStyle"
+			@click="goSearch"
 		>
 			<image class="w-36rpx h-36rpx" src="@/static/page/shop-goods-search.png" />
 			<text v-if="scrollDetail.scrollTop > 30" class="bg-#eeeeee44 whitespace-nowrap overflow-hidden second-text-26 ml-2">搜索商品</text>
@@ -40,8 +41,13 @@
 					<view class="menu_item_title show-line">{{ v.name }}</view>
 				</view>
 			</scroll-view>
-			<scroll-view v-if="state.goodsList.length > 0" scroll-y class="flex-1 overflow-hidden pb-20rpx flex">
-				<view v-for="v in state.goodsList" :key="v.id" class="card flex mx-15rpx mb-2 p-2" @click="doGoods(v.id)">
+			<scroll-view
+				v-if="state.goodsList.length > 0"
+				scroll-y
+				class="flex-1 overflow-hidden pb-20rpx flex"
+				style="height: calc(100vh - 420rpx)"
+			>
+				<view v-for="v in state.goodsList" :key="v.id" class="card flex mx-15rpx mb-2 p-2" @click="doGoodsDetail(v.id)">
 					<image :src="filePath(v.coverImage)" class="size-160rpx rounded-12rpx bg-#eeeeee" mode="aspectFill" />
 					<view class="flex-1 ml-2 overflow-hidden">
 						<view class="truncate sub-text-30">{{ v.title }}</view>
@@ -141,7 +147,6 @@ const doCategory = async (index: number) => {
 
 const scroll = (e: any) => {
 	scrollDetail.value = e.detail
-	console.log(e)
 }
 
 const filterStyle = computed(() => {
@@ -163,16 +168,21 @@ const searchStyle = computed(() => {
 	return {
 		width: `${calcWidth + minWidth}%`,
 		border: `2rpx solid #1879ff`,
-		// opacity: Math.max(1,),
+		opacity: (calcWidth / 100) * 2,
 	}
 })
 
-const doGoods = (id: string) => {
+const doGoodsDetail = (id: string) => {
 	if (!id) return uni.showToast({ title: "商品id不存在", icon: "none" })
 	uni.navigateTo({
 		url: `/pages/prosperity-shop/goods-detail?id=${id}`,
 	})
 }
+
+const goSearch = () => {
+	if (!state.detail.id) return uni.showToast({ title: "超市id不存在", icon: "none" })
+	uni.navigateTo({ url: `/pages/prosperity-shop/goods-search?merchantId=${state.detail.id}` })
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/pages/tabbar/index.vue b/src/pages/tabbar/index.vue
index 9326f03..23e5528 100644
--- a/src/pages/tabbar/index.vue
+++ b/src/pages/tabbar/index.vue
@@ -28,6 +28,12 @@ const moduleList = [
 		iconPath: "/static/tabbar/online-shop-select.png",
 		launchParam: "onlineShop",
 	},
+	{
+		pagePath: "/pages/tabbar/prosperityShop",
+		text: "共富商城",
+		iconPath: "/static/tabbar/prosperity-shop-select.png",
+		launchParam: "prosperityShop",
+	},
 	{
 		pagePath: "/pages/tabbar/cabinet",
 		text: "智能柜",
@@ -106,6 +112,10 @@ const jumpByParam = async () => {
 					uni.setStorageSync("launchParam", launchParam)
 					return uni.reLaunch({ url: "/pages/tabbar/onlineShop" })
 				}
+				if (launchParam === "prosperityShop") {
+					uni.setStorageSync("launchParam", launchParam)
+					return uni.reLaunch({ url: "/pages/tabbar/prosperityShop" })
+				}
 				if (launchParam === "coopMerchant") {
 					uni.setStorageSync("launchParam", launchParam)
 					return uni.reLaunch({ url: "/pages/tabbar/coopMerchant" })
diff --git a/src/pages/tabbar/my.vue b/src/pages/tabbar/my.vue
index 6391ac9..a4138f5 100644
--- a/src/pages/tabbar/my.vue
+++ b/src/pages/tabbar/my.vue
@@ -3,10 +3,13 @@
 		<tm-sticky>
 			<tm-sticky-header>
 				<view class="flex-row items-center bg-#ECF4F9 py-3">
-					<image v-if="state.userInfo?.sysUser?.avatar" class="w-100rpx h-100rpx rounded-full"
-						:src="filePath(state.userInfo.sysUser.avatar)" mode="aspectFill" />
-					<image v-else class="w-100rpx h-100rpx rounded-full" src="/static/icon/default-avatar.png"
-						mode="aspectFill" />
+					<image
+						v-if="state.userInfo?.sysUser?.avatar"
+						class="w-100rpx h-100rpx rounded-full"
+						:src="filePath(state.userInfo.sysUser.avatar)"
+						mode="aspectFill"
+					/>
+					<image v-else class="w-100rpx h-100rpx rounded-full" src="/static/icon/default-avatar.png" mode="aspectFill" />
 					<view class="m-l-30rpx" v-if="state.userInfo?.sysUser?.userId">
 						<view class="flex-row items-center">
 							<text class="sub-text-30">{{ state.userInfo?.sysUser?.name }}</text>
@@ -22,8 +25,7 @@
 			</tm-sticky-header>
 
 			<view class="m-t-10rpx rounded-20rpx shadow-main p-30rpx p-b-40rpx bg-white!">
-				<view class="service_item flex-row items-center justify-between" v-for="(v, i) in state.menuList"
-					:key="i" @tap="onTabMenu(v)">
+				<view class="service_item flex-row items-center justify-between" v-for="(v, i) in state.menuList" :key="i" @tap="onTabMenu(v)">
 					<view class="flex-row-center">
 						<image class="w-40rpx h-40rpx" :src="v.icon" mode="aspectFill" />
 						<text class="sub-text-28 m-l-20rpx">{{ v.text }}</text>
@@ -33,15 +35,13 @@
 			</view>
 
 			<view v-if="isDevEnv()" class="flex-col-center m-t-40rpx m-x-30rpx">
-				<view class="w-full text-center sub-text-28 p-y-20rpx rounded-40rpx border-solid border border-#0094ff"
-					@tap="doLogout">
+				<view class="w-full text-center sub-text-28 p-y-20rpx rounded-40rpx border-solid border border-#0094ff" @tap="doLogout">
 					退出登录
 				</view>
 			</view>
 			<view class="h-30rpx" />
 			<view v-if="state.appInfo == APPENV.SH" class="flex-col-center m-t-40rpx m-x-30rpx">
-				<view class="w-full text-center sub-text-28 p-y-20rpx rounded-40rpx border-solid border border-#0094ff"
-					@tap="doChangeRole">
+				<view class="w-full text-center sub-text-28 p-y-20rpx rounded-40rpx border-solid border border-#0094ff" @tap="doChangeRole">
 					切换角色
 				</view>
 			</view>
@@ -426,10 +426,18 @@ onLoad(async () => {
 
 	await userApi.userRole()
 
+	await isMerchant()
+
 	// 获取存储中的用户信息
 	storage.getUserInfo()
 })
 
+const isMerchant = async () => {
+	const { data } = await userApi.isMerchant()
+	if (data)
+		state.menuList.unshift({ text: "共富商城商品管理", icon: "/static/icon/service_4.png", router: "/pages/prosperity-shop/goods-manage" })
+}
+
 onShow(() => {
 	// 获取存储中的用户信息
 	storage.getUserInfo()
diff --git a/src/pages/tabbar/prosperityShop.vue b/src/pages/tabbar/prosperityShop.vue
index 28cdd96..8a733e9 100644
--- a/src/pages/tabbar/prosperityShop.vue
+++ b/src/pages/tabbar/prosperityShop.vue
@@ -19,7 +19,7 @@
 					<tm-text font-size="40" color="#0779FD" class="font-bold">共富商城</tm-text>
 					<tm-text font-size="30" color="#0779FD">优质商户，品质商品，欢迎联系购买</tm-text>
 				</view>
-				<view class="w-full flex items-center">
+				<view class="w-full flex items-center mb-2">
 					<tm-input
 						class="flex-1"
 						v-model="state.params.keyword"
@@ -40,7 +40,7 @@
 					</tm-input>
 				</view>
 
-				<scroll-view scroll-x>
+				<!-- <scroll-view scroll-x>
 					<view class="w-full flex my-2">
 						<view
 							class="w-300rpx mr-2 sub-text-28 py-1 px-2 rounded-1 bg-#fff border border-solid border-transparent whitespace-nowrap"
@@ -52,7 +52,7 @@
 							{{ v.name }}
 						</view>
 					</view>
-				</scroll-view>
+				</scroll-view> -->
 			</template>
 
 			<view class="card p-20rpx mb-20rpx" v-for="(v, i) in pageHook.list" :key="i" @tap="toDetail(v)">
@@ -64,7 +64,7 @@
 							<text class="mr-20rpx">{{ v.contactName }}</text>
 							<text class="mr-20rpx">
 								<image class="w-24rpx h-24rpx mr-1" src="@/static/page/phone.svg" />
-								<text @tap="doPhone(v.contactPhone)">{{ v.contactPhone }}</text>
+								<text @tap.stop="doPhone(v.contactPhone)">{{ v.contactPhone }}</text>
 							</text>
 							<text>{{ v.email }}</text>
 						</view>
@@ -116,10 +116,8 @@ import { APPENV } from "@/sheep/constant"
 
 const state = reactive<any>({
 	params: {
-		categoryId: "",
 		keyword: "",
 	},
-	classifyList: [],
 	shopList: [],
 })
 const pageRef = ref<any>(null)
@@ -132,30 +130,18 @@ const query = (page: number, pagesize: number) => {
 onLoad(async () => {
 	const app = getApp()
 	app._initTabbar()
-
-	await getShopCategory()
 })
 
-// 获取超市分类
-const getShopCategory = async () => {
-	const { data } = await prosperityShopApi.getShopCategory()
-	state.classifyList = data ?? []
-	state.classifyList.unshift({ id: "", name: "全部分类" })
-	if (!isEmpty(state.classifyList)) {
-		state.params.categoryId = state.classifyList[0].id
-	}
-}
-
 // 切换分类
-const doClassify = async (categoryId: string) => {
-	if (state.params.categoryId == categoryId) return
-	state.params.categoryId = categoryId
-	pageRef.value && pageRef.value.reload(true)
-}
+// const doClassify = async (categoryId: string) => {
+// 	if (state.params.categoryId == categoryId) return
+// 	state.params.categoryId = categoryId
+// 	pageRef.value && pageRef.value.reload(true)
+// }
 
 // 点击搜索
 const search = () => {
-	state.params.categoryId = ""
+	// state.params.categoryId = ""
 	pageRef.value && pageRef.value.reload(true)
 }
 
diff --git a/src/pages/user/userRole.vue b/src/pages/user/userRole.vue
index b94be64..61fd70e 100644
--- a/src/pages/user/userRole.vue
+++ b/src/pages/user/userRole.vue
@@ -27,7 +27,7 @@
 					<view class="w-64 h-64 rounded-full flex-col-center mr-8">
 						<image src="@/static/page/merchantRole.svg" />
 					</view>
-					<view class="main-text-32 mb-1">我是商户</view>
+					<view class="main-text-32 mb-1">我是合作商户</view>
 				</view>
 			</view>
 
diff --git a/src/sheep/api/prosperityShop.ts b/src/sheep/api/prosperityShop.ts
index 644a5dd..bcba12c 100644
--- a/src/sheep/api/prosperityShop.ts
+++ b/src/sheep/api/prosperityShop.ts
@@ -10,13 +10,13 @@ export default {
 		})
 	},
 	// 获取超市商户分类列表
-	getShopCategory: (): Promise<any> => {
-		return request({
-			url: "/supermarket/app/mall/merchant/category/list",
-			method: "GET",
-		})
-	},
-	// 获取超市商户所属分类列表
+	// getShopCategory: (): Promise<any> => {
+	// 	return request({
+	// 		url: "/supermarket/app/mall/merchant/category/list",
+	// 		method: "GET",
+	// 	})
+	// },
+	// 获取超市详情
 	getShopDetail: (id: string): Promise<any> => {
 		return request({
 			url: `/supermarket/app/mall/merchant/${id}`,

From a64cda2312e7c4bb717da2a9a4f755a5337a4f1b Mon Sep 17 00:00:00 2001
From: weiwei <ctw@example.com>
Date: Thu, 11 Sep 2025 12:38:54 +0800
Subject: [PATCH 5/5] =?UTF-8?q?feat:=E5=95=86=E5=93=81=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                                |   7 +
 src/pages/prosperity-shop/goods-form.vue      | 104 +++++++++
 src/pages/prosperity-shop/goods-manage.vue    | 206 ++++++++++++++++--
 src/pages/prosperity-shop/goods-search.vue    |   2 +-
 src/pages/prosperity-shop/shop-detail.vue     |   6 +-
 src/pages/tabbar/onlineShop.vue               |   8 +-
 src/pages/tabbar/prosperityShop.vue           |   4 +-
 src/sheep/api/prosperityShop.ts               |  26 ++-
 .../components/tm-picker-view/picker-item.vue | 139 +++++++-----
 9 files changed, 411 insertions(+), 91 deletions(-)
 create mode 100644 src/pages/prosperity-shop/goods-form.vue

diff --git a/src/pages.json b/src/pages.json
index c73d75b..d6e1571 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -165,6 +165,13 @@
 						"navigationBarTitleText": "商品管理",
 						"disableScroll": true
 					}
+				},
+				{
+					"path": "goods-form",
+					"style": {
+						"navigationBarTitleText": "商品信息管理",
+						"disableScroll": true
+					}
 				}
 			]
 		},
diff --git a/src/pages/prosperity-shop/goods-form.vue b/src/pages/prosperity-shop/goods-form.vue
new file mode 100644
index 0000000..69770c1
--- /dev/null
+++ b/src/pages/prosperity-shop/goods-form.vue
@@ -0,0 +1,104 @@
+<template>
+	<crud-layout title="" mainIsScroll bg="/static/page/blue-bg.png">
+		<view class="h-30rpx" />
+		<tm-form @submit="onsubmit" v-model="form" :rules="rules" direction="vertical">
+			<view class="card p-20rpx mb-20rpx">
+				<view class="prefix_title mb-2">商品基本信息</view>
+				<tm-form-item name="title" label="商品标题" direction="horizontal">
+					<tm-input v-model="form.title" type="text" :showClear="true" placeholder="请输入商品标题"></tm-input>
+				</tm-form-item>
+				<tm-form-item name="unit" label="计量单位" direction="horizontal">
+					<tm-input v-model="form.unit" type="text" :showClear="true" placeholder="请输入计量单位"></tm-input>
+				</tm-form-item>
+				<tm-form-item name="status" label="状态" direction="horizontal">
+					<tm-radio-group v-model="form.status" align="flex-end">
+						<tm-radio :value="index.toString()" :label="item" v-for="(item, index) in ['上架', '下架']" :key="index"></tm-radio>
+					</tm-radio-group>
+				</tm-form-item>
+				<tm-form-item name="saleStartTime" label="开售时间" direction="horizontal">
+					<tm-picker-date v-model="form.saleStartTime" v-model:modelStr="_saleStartTimeStr">
+						<tm-input
+							:modelValue="_saleStartTimeStr"
+							placeholder="请选择开售时间"
+							style="pointer-events: none"
+							disabled
+							align="right"
+							color="transparent"
+						>
+							<template v-slot:rightIcon>
+								<tm-icon name="arrow-right-s-line"></tm-icon>
+							</template>
+						</tm-input>
+					</tm-picker-date>
+				</tm-form-item>
+				<tm-form-item name="saleEndTime" label="停售时间" direction="horizontal">
+					<tm-picker-date v-model="form.saleEndTime" v-model:modelStr="_saleEndTimeStr">
+						<tm-input
+							:modelValue="_saleEndTimeStr"
+							placeholder="请选择停售时间"
+							style="pointer-events: none"
+							disabled
+							align="right"
+							color="transparent"
+						>
+							<template v-slot:rightIcon>
+								<tm-icon name="arrow-right-s-line"></tm-icon>
+							</template>
+						</tm-input>
+					</tm-picker-date>
+				</tm-form-item>
+				<tm-form-item name="coverImage" label="商品图">
+					<tm-upload-photo
+						v-model="form.coverImage"
+						:maxFileSize="1024 * 1024 * 5"
+						:url="'/api/admin/sys-file/upload'"
+						:header="hooks.useDefaultHeader()"
+						:column="2"
+						img-height="300"
+						:max-count="1"
+					/>
+				</tm-form-item>
+				<view class="sub-text-20 c-red! mb-2">注：图片大小不超过5M</view>
+				<tm-form-item name="description" label="详情描述">
+					<tm-input v-model="form.description" type="textarea" :showClear="false" placeholder="请输入详情描述"></tm-input>
+				</tm-form-item>
+			</view>
+		</tm-form>
+
+		<view class="card p-x-20rpx p-y-30rpx m-b-20rpx">
+			<tm-picker
+				rang-key="title"
+				rang-text="title"
+				v-model="applyForm.reason"
+				v-model:model-str="applyForm.reasonStr"
+				:list="state.selectList"
+			>
+				<view class="flex-row items-center justify-between">
+					<view class="sub-text-28">申请原因</view>
+					<view class="flex-row items-center second-text-24">
+						<text>{{ applyForm.reasonStr || "请选择申请原因" }} </text>
+						<text class="m-l-10rpx color-#b1b1b1 iconfont icon-xiangxiajiantouxiao" />
+					</view>
+				</view>
+			</tm-picker>
+		</view>
+
+		<view class="h-30rpx" />
+
+		<template #main-bottom>
+			<view class="bg-#0094ff py-20rpx text-center rounded-40rpx m-30rpx sub-text-30 color-white!" @tap="doSubmit"> 保存 </view>
+		</template>
+	</crud-layout>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref } from "vue"
+import { hooks } from "@@/index"
+
+const form = reactive<any>({})
+const _saleStartTimeStr = ref("")
+const _saleEndTimeStr = ref("")
+
+// 保存
+const doSubmit = async () => {}
+</script>
diff --git a/src/pages/prosperity-shop/goods-manage.vue b/src/pages/prosperity-shop/goods-manage.vue
index 2b49354..9ba3c7d 100644
--- a/src/pages/prosperity-shop/goods-manage.vue
+++ b/src/pages/prosperity-shop/goods-manage.vue
@@ -1,30 +1,206 @@
 <template>
-	<crud-layout bg="/static/page/blue-bg.png">
-		<template #top> </template>
+	<crud-layout mainIsScroll bg="/static/page/blue-bg.png">
+		<z-paging
+			ref="pageRef"
+			height="100%"
+			:fixed="false"
+			v-model="pageHook.list"
+			:default-page-size="10"
+			safe-area-inset-bottom
+			:loading-more-enabled="true"
+			:show-scrollbar="false"
+			@query="query"
+			:auto-clean-list-when-reload="false"
+			:auto-scroll-to-top-when-reload="false"
+			@scroll="pageHook.scroll"
+		>
+			<template #top>
+				<view class="w-full mt-2 flex items-center gap-2">
+					<tm-button size="m" @click="addGoods">新 增</tm-button>
+					<tm-button size="m">分 类</tm-button>
+					<tm-input
+						class="flex-1"
+						v-model="state.params.keyword"
+						type="text"
+						height="72"
+						minHeight="72"
+						fontSize="28"
+						:showClear="true"
+						:focus="false"
+						placeholder="请输入商品名称"
+						style="border: 4rpx solid #0779fd; border-radius: 14rpx"
+						:focus-highlight="false"
+						color="#ECF4F9"
+						@clear="inputClear"
+					>
+						<template v-slot:rightIcon>
+							<tm-button class="mr-1 px-3 py-26rpx text-30rpx!" size="xs" @click="search">搜 索</tm-button>
+						</template>
+					</tm-input>
+				</view>
+				<scroll-view scroll-x>
+					<view class="w-full flex my-2">
+						<view
+							class="w-300rpx mr-2 sub-text-28 py-1 px-2 rounded-1 bg-#fff border border-solid border-transparent whitespace-nowrap"
+							:class="{ 'bg-#0779FD22! c-#0779FD! border-#0779FD33!': state.params.categoryId === v.id }"
+							v-for="(v, i) in state.category"
+							:key="i"
+							@tap="doClassify(v.id)"
+						>
+							{{ v.name }}
+						</view>
+					</view>
+				</scroll-view>
+			</template>
+
+			<view v-for="v in pageHook.list" :key="v.id" class="card mx-20rpx mb-2 px-4 py-2">
+				<view class="flex">
+					<image
+						:src="filePath(v.coverImage)"
+						class="size-180rpx rounded-12rpx bg-#eeeeee"
+						mode="aspectFill"
+						@click.stop="hooks.usePreviewImage(filePath(v.coverImage))"
+					/>
+					<view class="flex-1 ml-2 overflow-hidden">
+						<view class="truncate sub-text-34">{{ v.title }}</view>
+						<view class="sub-text-26 mt-4rpx">
+							<text class="c-#0094ff! px-2 bg-#0094ff22 rounded-2 mr-2">
+								{{ state.category.find((item) => item.id == v.categoryId)?.name || "未知分类" }}
+							</text>
+							<text class="c-#0094ff! px-2 bg-#0094ff22 rounded-2">{{ v.status == "0" ? "在售" : "未售" }}</text>
+						</view>
+						<view class="mt-4rpx">
+							<text class="second-text-28 mr-2">单位 {{ v.unit }}</text>
+							<text class="second-text-28">库存 {{ v.totalStock }}</text>
+						</view>
+						<view>
+							<text class="second-text-32 line-through mr-1">
+								<text class="text-30rpx">¥</text>
+								<text class="font-bold">{{ v.originalPrice.toFixed(2) }}</text>
+							</text>
+							<text class="color-red">
+								<text class="text-30rpx">¥</text>
+								<text class="text-46rpx font-bold">{{ v.spuPrice.toFixed(2).split(".")[0] }}.</text>
+								<text class="text-38rpx font-bold">{{ v.spuPrice.toFixed(2).split(".")[1] }}</text>
+							</text>
+							<text class="view-clip px-1 text-20rpx c-white bg-red ml-1 rounded-r-1 rounded-lt-1">到手价</text>
+						</view>
+					</view>
+				</view>
+				<view class="my-2 h-1rpx bg-#A0A0A044"></view>
+				<view class="flex gap-2 justify-end">
+					<tm-button class="px-2" size="s" :linear="['to right', '#FFC328', '#E2000099']" @click.stop="deleteGoods(v.id)">
+						删除商品
+					</tm-button>
+					<tm-button class="px-2" size="s" :linear="['to right', '#62abff', '#0779FD99']" @click.stop="editGoods(v.id)">
+						编辑商品
+					</tm-button>
+					<tm-button class="px-2" size="s" :linear="['to right', '#00B960', '#00552C99']" @click.stop="doGoodsDetail(v.id)">
+						查看详情
+					</tm-button>
+				</view>
+			</view>
+		</z-paging>
 	</crud-layout>
 </template>
 
 <script setup lang="ts">
-import { reactive } from "vue"
+import { reactive, ref } from "vue"
 import { prosperityShopApi } from "@/sheep/api"
+import { hooks } from "@/sheep"
+import { filePath } from "@/sheep/utils/file"
 import { onLoad } from "@dcloudio/uni-app"
 
-const state = reactive({
-	goodsList: [],
+const state = reactive<any>({
+	params: {
+		keyword: "",
+		categoryId: "",
+	},
+	category: [],
+	curCategoryIndex: 0,
 })
 
+const pageRef = ref<any>(null)
+const pageHook = hooks.usePage(pageRef, prosperityShopApi.getGoodsList, null, "data.records")
+
+const query = (page: number, pagesize: number) => {
+	pageHook.startPage(page, pagesize, false, state.params)
+}
+
 onLoad(async () => {
-	await getGoodsList()
+	await getGoodsCategory()
 })
 
-const getGoodsList = async () => {
-	const params = {
-		current: 1,
-		size: 99999,
-		// categoryId: state.category[state.curCategoryIndex].id,
-	}
-	const { code, data, msg } = await prosperityShopApi.getGoodsList(params)
-	if (code != 0) return uni.showToast({ title: msg || "商品列表获取失败", icon: "none" })
-	state.goodsList = data?.records ?? []
+const getGoodsCategory = async () => {
+	const { code, data, msg } = await prosperityShopApi.getGoodsCategory()
+	if (code != 0) return uni.showToast({ title: msg || "商品分类获取失败", icon: "none" })
+	state.category = data ?? []
+	state.category.unshift({ id: "", name: "全部分类" })
+}
+
+// 切换分类
+const doClassify = async (categoryId: string) => {
+	if (state.params.categoryId == categoryId) return
+	state.params.categoryId = categoryId
+	pageRef.value && pageRef.value.reload(false)
+}
+
+// 点击搜索
+const search = () => {
+	pageRef.value && pageRef.value.reload(false)
+}
+
+const inputClear = () => {
+	pageRef.value && pageRef.value.reload(false)
+}
+
+const doGoodsDetail = (id: string) => {
+	if (!id) return uni.showToast({ title: "商品id不存在", icon: "none" })
+	uni.navigateTo({
+		url: `/pages/prosperity-shop/goods-detail?id=${id}`,
+	})
+}
+
+// 新增商品
+const addGoods = () => {
+	uni.navigateTo({ url: `/pages/prosperity-shop/goods-form` })
+}
+
+// 编辑商品
+const editGoods = (id: string) => {
+	if (!id) return uni.showToast({ title: "商品id不存在", icon: "none" })
+	uni.navigateTo({ url: `/pages/prosperity-shop/goods-form?id=${id}` })
+}
+
+// 删除商品
+const deleteGoods = (id: string) => {
+	if (!id) return uni.showToast({ title: "商品id不存在", icon: "none" })
+	uni.showModal({
+		title: "确定删除商品吗？",
+		content: "",
+		success: async (res) => {
+			if (res.confirm) {
+				const { code } = await prosperityShopApi.deleteGoods(id)
+				if (code != 0) return uni.showToast({ title: "删除失败", icon: "error" })
+				uni.showToast({ title: "删除成功", icon: "none" })
+				pageRef.value && pageRef.value.reload(false)
+			}
+		},
+	})
 }
 </script>
+
+<style scoped lang="scss">
+.view-clip {
+	position: relative;
+	&::before {
+		content: "";
+		position: absolute;
+		left: -18rpx;
+		bottom: 0rpx;
+		width: 20rpx;
+		height: 20rpx;
+		background: radial-gradient(circle at 0 0, transparent 80%, red 0);
+	}
+}
+</style>
diff --git a/src/pages/prosperity-shop/goods-search.vue b/src/pages/prosperity-shop/goods-search.vue
index f1b8ba9..d794b07 100644
--- a/src/pages/prosperity-shop/goods-search.vue
+++ b/src/pages/prosperity-shop/goods-search.vue
@@ -94,7 +94,7 @@ onLoad((options: any) => {
 
 // 点击搜索
 const search = () => {
-	pageRef.value && pageRef.value.reload(true)
+	pageRef.value && pageRef.value.reload(false)
 }
 
 const doGoodsDetail = (id: string) => {
diff --git a/src/pages/prosperity-shop/shop-detail.vue b/src/pages/prosperity-shop/shop-detail.vue
index 6cf636c..5c531fb 100644
--- a/src/pages/prosperity-shop/shop-detail.vue
+++ b/src/pages/prosperity-shop/shop-detail.vue
@@ -108,7 +108,7 @@ onLoad(async (option: any) => {
 	uni.showLoading({ title: "加载中..." })
 	state.id = option.id
 	await getShopDetail(option.id)
-	await getGoodsCategory(option.id)
+	await getGoodsCategoryTree(option.id)
 	await getGoodsList()
 	uni.hideLoading()
 })
@@ -119,8 +119,8 @@ const getShopDetail = async (id: string) => {
 	state.detail = data
 }
 
-const getGoodsCategory = async (id: string) => {
-	const { code, data, msg } = await prosperityShopApi.getGoodsCategory({ merchantId: id })
+const getGoodsCategoryTree = async (id: string) => {
+	const { code, data, msg } = await prosperityShopApi.getGoodsCategoryTree({ merchantId: id })
 	if (code != 0) return uni.showToast({ title: msg || "商品分类获取失败", icon: "none" })
 	state.category = treeToList(data) ?? []
 }
diff --git a/src/pages/tabbar/onlineShop.vue b/src/pages/tabbar/onlineShop.vue
index f1231aa..731d4bc 100644
--- a/src/pages/tabbar/onlineShop.vue
+++ b/src/pages/tabbar/onlineShop.vue
@@ -216,7 +216,7 @@ const getClassify = async () => {
 		state.classifyList.unshift({ id: "", name: "全部分类" })
 		if (!isEmpty(state.classifyList)) {
 			state.params.categoryId = state.classifyList[0].id
-			pageRef.value && pageRef.value.reload(true)
+			pageRef.value && pageRef.value.reload(false)
 		}
 	}
 }
@@ -234,20 +234,20 @@ const confirmRadioMerchant = async () => {
 	state.params.merchantId = state.curMerchant.id
 	cartStore.saveShopMerchantId(state.curMerchant.id)
 	await cartStore.getShopCart()
-	pageRef.value && pageRef.value.reload(true)
+	pageRef.value && pageRef.value.reload(false)
 }
 
 // 点击搜索
 const searchProduct = () => {
 	state.params.categoryId = ""
-	pageRef.value && pageRef.value.reload(true)
+	pageRef.value && pageRef.value.reload(false)
 }
 
 // 切换分类
 const doClassify = async (categoryId: string) => {
 	if (state.params.categoryId == categoryId) return
 	state.params.categoryId = categoryId
-	pageRef.value && pageRef.value.reload(true)
+	pageRef.value && pageRef.value.reload(false)
 }
 
 const pageHook = hooks.usePage(pageRef, onlineShopApi.getSpuList, null, "data.records")
diff --git a/src/pages/tabbar/prosperityShop.vue b/src/pages/tabbar/prosperityShop.vue
index 8a733e9..baa2c70 100644
--- a/src/pages/tabbar/prosperityShop.vue
+++ b/src/pages/tabbar/prosperityShop.vue
@@ -136,13 +136,13 @@ onLoad(async () => {
 // const doClassify = async (categoryId: string) => {
 // 	if (state.params.categoryId == categoryId) return
 // 	state.params.categoryId = categoryId
-// 	pageRef.value && pageRef.value.reload(true)
+// 	pageRef.value && pageRef.value.reload(false)
 // }
 
 // 点击搜索
 const search = () => {
 	// state.params.categoryId = ""
-	pageRef.value && pageRef.value.reload(true)
+	pageRef.value && pageRef.value.reload(false)
 }
 
 // 联系商家
diff --git a/src/sheep/api/prosperityShop.ts b/src/sheep/api/prosperityShop.ts
index bcba12c..fc623fa 100644
--- a/src/sheep/api/prosperityShop.ts
+++ b/src/sheep/api/prosperityShop.ts
@@ -9,13 +9,14 @@ export default {
 			params: { productLimit: 5 },
 		})
 	},
-	// 获取超市商户分类列表
-	// getShopCategory: (): Promise<any> => {
-	// 	return request({
-	// 		url: "/supermarket/app/mall/merchant/category/list",
-	// 		method: "GET",
-	// 	})
-	// },
+	// 获取商品分类列表
+	getGoodsCategory: (params?: any): Promise<any> => {
+		return request({
+			url: "/supermarket/app/mall/merchant/category/list",
+			method: "GET",
+			params,
+		})
+	},
 	// 获取超市详情
 	getShopDetail: (id: string): Promise<any> => {
 		return request({
@@ -23,8 +24,8 @@ export default {
 			method: "GET",
 		})
 	},
-	// 获取超市商品分类列表
-	getGoodsCategory: (params: { merchantId: string }): Promise<any> => {
+	// 获取超市商品分类列表树
+	getGoodsCategoryTree: (params: { merchantId: string }): Promise<any> => {
 		return request({
 			url: `/supermarket/app/mall/category/tree`,
 			method: "GET",
@@ -46,4 +47,11 @@ export default {
 			method: "GET",
 		})
 	},
+	// 删除商品
+	deleteGoods: (id: string): Promise<any> => {
+		return request({
+			url: `/supermarket/app/mall/merchant/product/${id}`,
+			method: "DELETE",
+		})
+	},
 }
diff --git a/src/uni_modules/tm-ui/components/tm-picker-view/picker-item.vue b/src/uni_modules/tm-ui/components/tm-picker-view/picker-item.vue
index f223a0a..22b4268 100644
--- a/src/uni_modules/tm-ui/components/tm-picker-view/picker-item.vue
+++ b/src/uni_modules/tm-ui/components/tm-picker-view/picker-item.vue
@@ -1,54 +1,72 @@
 <script lang="ts" setup>
-import { ref, computed, onMounted, onBeforeUnmount, watch, type PropType, getCurrentInstance, type ComponentInstance, onUpdated, nextTick, VueElement, inject } from 'vue';
-import { arrayNumberValid, arrayNumberValidByStyleMP, covetUniNumber, arrayNumberValidByStyleBorderColor, linearValid, getUnit, getUid } from "../../libs/tool";
-import { getDefaultColor, getDefaultColorObj, getOutlineColorObj, getTextColorObj, getThinColorObj } from "../../libs/colors";
-import { useTmConfig } from "../../libs/config";
-import pickerItem from './picker-item.vue';
+import {
+	ref,
+	computed,
+	onMounted,
+	onBeforeUnmount,
+	watch,
+	type PropType,
+	getCurrentInstance,
+	type ComponentInstance,
+	onUpdated,
+	nextTick,
+	VueElement,
+	inject,
+} from "vue"
+import {
+	arrayNumberValid,
+	arrayNumberValidByStyleMP,
+	covetUniNumber,
+	arrayNumberValidByStyleBorderColor,
+	linearValid,
+	getUnit,
+	getUid,
+} from "../../libs/tool"
+import { getDefaultColor, getDefaultColorObj, getOutlineColorObj, getTextColorObj, getThinColorObj } from "../../libs/colors"
+import { useTmConfig } from "../../libs/config"
+import pickerItem from "./picker-item.vue"
 
 const { config } = useTmConfig()
 type TM_PICKER_X_ITEM = Record<string, any>
 
-
 const boxHeight = ref(0)
-const id = ('tmPickerItem-' + getUid())
+const id = "tmPickerItem-" + getUid()
 const nowCurrentIndex = ref([0])
 let tid = 0
 let tid2 = 1
 
-const emits = defineEmits(['changeDeep'])
+const emits = defineEmits(["changeDeep"])
 const props = defineProps({
-
 	list: {
 		type: Array as PropType<TM_PICKER_X_ITEM[][]>,
-		default: (): TM_PICKER_X_ITEM[] => [] as TM_PICKER_X_ITEM[]
+		default: (): TM_PICKER_X_ITEM[] => [] as TM_PICKER_X_ITEM[],
 	},
 
-
 	selectedIndex: {
 		type: Array as PropType<number[]>,
-		default: (): number[] => [] as number[]
+		default: (): number[] => [] as number[],
 	},
 	cellUnits: {
 		type: Array as PropType<string[]>,
-		default: (): string[] => [] as string[]
+		default: (): string[] => [] as string[],
 	},
 	fontSize: {
 		type: String,
-		default: "30"
+		default: "30",
 	},
 	/**
 	 * 自定义标识id
 	 */
 	rangKey: {
 		type: String,
-		default: "id"
+		default: "id",
 	},
 	/**
 	 * 自定义标识文本字段名
 	 */
 	rangText: {
 		type: String,
-		default: "title"
+		default: "title",
 	},
 })
 const _fontSize = computed((): string => {
@@ -62,34 +80,28 @@ const _fontSize = computed((): string => {
 	return (sizeNumber * config.fontSizeScale).toString() + getUnit(props.fontSize)
 })
 
-
-
 const refreshKey = ref(12)
 
 const _cellUnits = computed((): string[] => props.cellUnits as string[])
 
 const _list = computed((): TM_PICKER_X_ITEM[][] => props.list.slice(0))
 
-
-const _isDark = computed((): boolean => config.mode == 'dark')
+const _isDark = computed((): boolean => config.mode == "dark")
 
 const _maskStyle = computed((): string => {
 	if (_isDark.value) {
-		return 'background-image:linear-gradient(180deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)),linear-gradient(0deg, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0))'
+		return "background-image:linear-gradient(180deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)),linear-gradient(0deg, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0))"
 	}
-	return 'background-image:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(0deg, rgba(255,255,255,0),rgba(255,255,255,0))'
+	return "background-image:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(0deg, rgba(255,255,255,0),rgba(255,255,255,0))"
 })
 const _selectedMaskStyle = computed((): string => {
-	return _isDark.value ? 'rgba(255,255,255,0.05)' : 'rgba(0,0,0,0.05)'
+	return _isDark.value ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.05)"
 })
 
-
-
 const onChange = (event: any) => {
-
-	if (event.detail.value.length == 0 || _list.value.length == 0) return;
-	let indexs = event.detail.value!;
-	if (indexs.join('') == nowCurrentIndex.value.join('')) return;
+	if (event.detail.value.length == 0 || _list.value.length == 0) return
+	let indexs = event.detail.value!
+	if (indexs.join("") == nowCurrentIndex.value.join("")) return
 	nowCurrentIndex.value = indexs
 	emits("changeDeep", indexs)
 }
@@ -102,18 +114,21 @@ onBeforeUnmount(() => {
 	clearTimeout(tid2)
 })
 
-watch(() => props.selectedIndex, (newvalue: number[]) => {
-	if (newvalue.join('') == nowCurrentIndex.value.join('')) return;
-	nowCurrentIndex.value = newvalue.slice(0)
-}, { deep: true })
-watch(_list, (newvalue) => {
-	refreshKey.value += 1;
-
-}, { deep: true })
-
-
-
-
+watch(
+	() => props.selectedIndex,
+	(newvalue: number[]) => {
+		if (newvalue.join("") == nowCurrentIndex.value.join("")) return
+		nowCurrentIndex.value = newvalue.slice(0)
+	},
+	{ deep: true },
+)
+watch(
+	_list,
+	(newvalue) => {
+		refreshKey.value += 1
+	},
+	{ deep: true },
+)
 </script>
 <script lang="ts">
 export default {
@@ -123,29 +138,41 @@ export default {
 		addGlobalClass: true,
 		multipleSlots: true,
 	},
-};
+}
 </script>
 <template>
 	<view>
 		<view class="tmPickerViewUnit" v-if="_cellUnits.length > 0">
-			<view v-for="(item, index) in _cellUnits" :key="index" style="flex: 1;text-align: center;">
+			<view v-for="(item, index) in _cellUnits" :key="index" style="flex: 1; text-align: center">
 				<tm-text font-size="24" class="tmPickerViewUnitText">{{ item }}</tm-text>
 			</view>
 		</view>
-		<picker-view :key="refreshKey" :immediate-change="true" :value="nowCurrentIndex" @change="onChange"
-			:style="{ height: '250px', width: '100%' }" :mask-style="`${_maskStyle}`"
-			:indicator-style="`height:50px;border:none;border-radius:10px`">
+		<picker-view
+			:key="refreshKey"
+			:immediate-change="true"
+			:value="nowCurrentIndex"
+			@change="onChange"
+			:style="{ height: '250px', width: '100%' }"
+			:mask-style="`${_maskStyle}`"
+			:indicator-style="`height:50px;border:none;border-radius:10px`"
+		>
 			<picker-view-column v-for="(item2, index2) in _list" :key="index2">
 				<view
 					:style="{ background: nowCurrentIndex[index2] == index ? _selectedMaskStyle : 'none', margin: '0 4px' }"
-					v-for="(item, index) in item2" :key="index" class="tmPickerViewWrapCoumn">
-					<text class="tmPickerViewWrapCoumnText" :style="{
-			fontSize: _fontSize,
-			lineHeight: 1,
-			fontWeight: nowCurrentIndex[index2] == index ? 'bold' : 'inherit',
-			opacity: item.disabled ? 0.4 : (nowCurrentIndex[index2] == index ? 1 : 0.6),
-			color: _isDark ? 'rgba(255,255,255,0.8)' : '#000000'
-		}">
+					v-for="(item, index) in item2"
+					:key="index"
+					class="tmPickerViewWrapCoumn"
+				>
+					<text
+						class="tmPickerViewWrapCoumnText"
+						:style="{
+							fontSize: _fontSize,
+							lineHeight: 1,
+							fontWeight: nowCurrentIndex[index2] == index ? 'bold' : 'inherit',
+							opacity: item.disabled ? 0.4 : nowCurrentIndex[index2] == index ? 1 : 0.6,
+							color: _isDark ? 'rgba(255,255,255,0.8)' : '#000000',
+						}"
+					>
 						{{ item[rangText] || "" }}
 					</text>
 				</view>
@@ -183,7 +210,6 @@ export default {
 	text-overflow: ellipsis;
 	overflow: hidden;
 	word-break: break-all;
-
 }
 
 .tmPickerView {
@@ -221,7 +247,6 @@ export default {
 	border-radius: 10px;
 	margin: 0 3px;
 	flex: 1;
-
 }
 
 .tmPickerContent {
@@ -239,4 +264,4 @@ export default {
 	border-radius: 10px;
 	/* background-color: #f5f5f5; */
 }
-</style>
\ No newline at end of file
+</style>