From 9cc18e83fff11a453246ad93a29fa6cb104cb83c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A7=A6=E5=BD=A6=E7=A5=96?= <605893810@qq.com>
Date: Wed, 10 Sep 2025 10:33:58 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/custom-tab-bar.vue            |   2 +-
 pages/supply_chain/supply_chain copy.vue | 205 +++++++++
 pages/supply_chain/supply_chain.vue      | 526 ++++++++---------------
 3 files changed, 386 insertions(+), 347 deletions(-)
 create mode 100644 pages/supply_chain/supply_chain copy.vue

diff --git a/components/custom-tab-bar.vue b/components/custom-tab-bar.vue
index afd73c6..3c55a22 100644
--- a/components/custom-tab-bar.vue
+++ b/components/custom-tab-bar.vue
@@ -33,7 +33,7 @@ export default {
 				},
 				{
 					"pagePath": "/pages/supply_chain/supply_chain",
-					"text": "供应链",
+					"text": "平价专区",
 					"iconPath": "/static/column/supply_chain.png",
 					"selectedIconPath": "/static/column/supply_chain_sel.png"
 				},
diff --git a/pages/supply_chain/supply_chain copy.vue b/pages/supply_chain/supply_chain copy.vue
new file mode 100644
index 0000000..59f0e47
--- /dev/null
+++ b/pages/supply_chain/supply_chain copy.vue	
@@ -0,0 +1,205 @@
+<template>
+  <view class="content-two">
+    <TopSafe></TopSafe>
+    <view class="head-view">
+      <view class="head-search" @click="onJumpSearch">
+        <u-icon size="24" name="search" color="#999"></u-icon>
+        <text class="text-28 text-fu" style="margin-left: 12rpx">搜索</text>
+      </view>
+    </view>
+    <view class="tab-view">
+      <view
+        class="tab-list"
+        @click="onTab(index)"
+        v-for="(item, index) in tabList"
+        :key="index"
+      >
+        <text
+          class="text-28 text-space"
+          :style="{
+            color: curTab == index ? '#7A35F6' : '#666',
+          }"
+          >{{ item.name }}</text
+        >
+        <view class="line" v-if="curTab == index"></view>
+      </view>
+    </view>
+    <view class="setting-view">
+      <view class="name-box">
+        <PingItem
+          @ok="onJumpShop"
+          style="margin-top: 24rpx"
+          :obj="item"
+          v-for="(item, index) in dataList"
+          :key="index"
+        ></PingItem>
+      </view>
+    </view>
+    <!-- #ifndef H5 -->
+    <CustomTabBar :tabIndex="2" />
+    <!-- #endif -->
+    <up-toast ref="uToastRef"></up-toast>
+  </view>
+</template>
+
+<script>
+import { getCascadeCategory } from "@/api/common.js";
+import Header from "@/components/common/header.vue";
+import TopSafe from "@/components/common/top-safe.nvue";
+import MyBtn from "@/components/common/my-btn.vue";
+import PingItem from "@/components/shop/ping-item.vue";
+import { searchList } from "@/api/product.js";
+import CustomTabBar from '@/components/custom-tab-bar.vue';
+
+export default {
+  components: { Header, TopSafe, MyBtn, PingItem },
+  data() {
+    return {
+      dataList: [],
+      tabList: [],
+      curTab: 0,
+    };
+  },
+  onShow() {},
+  onLoad() {
+    this.init();
+  },
+  methods: {
+    async cascadeCategory() {
+      getCascadeCategory({ parentId: 0 }).then((res) => {
+        if (res && res.bizcode === 100) {
+          this.tabList = res.data;
+          this.getSearchList();
+        }
+      });
+    },
+    onTab(index) {
+      if (index != this.curTab) {
+        this.curTab = index;
+        this.getSearchList();
+      }
+    },
+    init() {
+      this.cascadeCategory();
+    },
+    async getSearchList() {
+      const params = {
+        type: 2,
+        page: 1,
+        pageSize: 99,
+        categoryId: this.tabList[this.curTab].id,
+        isPar: true,
+      };
+      const resp = await searchList(params);
+      if (resp && resp.bizcode === 100) {
+        this.dataList = resp.data || [];
+      }
+    },
+    onJumpSearch() {
+      uni.navigateTo({
+        url: "/pages/rwa_package/dongjian/search",
+      });
+    },
+    onJumpShop(id) {
+      uni.navigateTo({
+        url: "/pages/other_package/productInfo/productInfo?id=" + id,
+      });
+    },
+    onShare() {
+      uni.navigateTo({
+        url: "/pages/other_package/invite_friends/invite_friends",
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content-two {
+  display: flex;
+  min-width: 750rpx;
+  max-width: 750rpx;
+
+  height: calc(100vh - env(safe-area-inset-bottom));
+  padding: 0;
+  margin: 0;
+  flex-direction: column;
+  align-items: center;
+//   position: fixed;
+//   top: 0;
+//   left: 0;
+//   overflow: hidden;
+  background-color: $app-bj;
+}
+.head-view {
+  width: 100%;
+  min-height: 88rpx;
+  height: 88rpx;
+  display: flex;
+  align-items: center;
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  background-color: #fff;
+  .head-search {
+    width: 100%;
+    height: 76rpx;
+    padding: 0 24rpx;
+    flex-direction: row;
+    display: flex;
+    background-color: #f7f7f7;
+    align-items: center;
+    border-radius: 16rpx;
+  }
+}
+.tab-view {
+  width: 100%;
+  height: 80rpx;
+  min-height: 80rpx;
+  display: flex;
+  flex-direction: row;
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  background-color: #fff;
+  overflow-x: auto;
+  .tab-list {
+    margin-right: 24rpx;
+    display: flex;
+    flex-direction: column;
+    height: 60rpx;
+    min-height: 60rpx;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 22rpx;
+  }
+  .line {
+    width: 48rpx;
+    height: 4rpx;
+    background-color: #7a35f6;
+  }
+}
+.setting-view {
+  width: 100%;
+//   height: calc(100% - 88rpx - 80rpx - var(--status-bar-height));
+height: 400rpx;
+background-color: red;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  overflow-y: auto;
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  position: relative;
+  .name-box {
+    width: 100%;
+    border-radius: 16rpx;
+    height: 100%;
+    overflow-y: auto;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-content: flex-start;
+
+    box-sizing: border-box;
+  }
+}
+</style>
diff --git a/pages/supply_chain/supply_chain.vue b/pages/supply_chain/supply_chain.vue
index f038eac..fc9c6b4 100644
--- a/pages/supply_chain/supply_chain.vue
+++ b/pages/supply_chain/supply_chain.vue
@@ -1,359 +1,193 @@
 <template>
-	<view class="supply_chain_warp">
-		<view class="_header_warp">全球聚合供应链</view>
-
-		<!-- <view class="_content_warp"> -->
-		<up-swiper :list="swiperList" height="160" @change="e => currentNum = e.current" bgColor="#ffffff00">
-			<template #indicator>
-				<view class="indicator-num">
-					<text class="indicator-num__text">{{ currentNum + 1 }}/{{ swiperList.length }}</text>
-				</view>
-			</template>
-		</up-swiper>
-		<!-- 通知 -->
-		<view class="supply_chain_note_warp">
-			<up-image src="/static/common/note.png" width="16" height="16" bgColor="#f1f6ff00"></up-image>
-			<up-notice-bar :icon="false" bgColor="#F5F6F8FF" color="#000000E6"
-				text="壹点科技全球聚合供应链：整合京东、阿里、唯品会等一手供应链资源，支持API一键导入，为私域电商全品类货源提供一件代发服务。"></up-notice-bar>
-		</view>
-		<!-- 保障 -->
-		<view class="guarantee_warp">
-			<view class="guarantee_item_warp" v-for="(item, index) in guaranteeList" :key="index">
-				<view style="margin-top: 10rpx;">
-					<up-image :src="item.path" width="20" height="20" bgColor="#f1f6ff00"></up-image>
-				</view>
-				<view class="guarantee_item_content_warp">
-					<view class="title_">{{ item.title }}</view>
-					<view class="content_">{{ item.content }}</view>
-				</view>
-			</view>
-		</view>
-		<!-- 分类 -->
-		<view class="sort_warp">
-			<view class="sort_item_warp" v-for="(item, index) in sortList" :key="index" @click="sortFun(item)">
-				<up-image :src="item.path" width="30" height="30" bgColor="#f1f6ff00"></up-image>
-				<view class="sort_item_title_warp">{{ item.title }}</view>
-			</view>
-		</view>
-		<!-- 商品 -->
-		<view class="supply_chain_product_warp">
-			<view class="product_title">
-				<view class="product_title_msg">精选好物</view>
-				<view class="product_title_bg"></view>
-			</view>
-			<scroll-view scroll-y="true" @scrolltolower="loadMore" style="height:calc(100vh - 158px);margin-top: 10rpx;">
-				<view class="supply_chain_product_content" v-if="productList && productList.length !== 0">
-					<view class="product_content_item" v-for="item in productList" :key="item.id" @click="jumpInfo(item)">
-						<up-image :src="item.thumb" width="100%" height="140" bgColor="#f1f6ff00"></up-image>
-						<view class="product_content_item_content">
-							<view class="product_item_name">{{ item.title }}</view>
-							<view class="product_item_price">
-								<view class="price_">
-									<text>￥</text>
-									<text style="color:36rpx;">{{ item.price }}</text>
-								</view>
-								<view class="price_sell">已售{{ item.sales }}件</view>
-							</view>
-						</view>
-					</view>
-				</view>
-				<view v-else class="not_order_warp">
-					<up-image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/not_order.png" width="80" height="80"
-						bgColor="#f1f6ff00"></up-image>
-					<view class="not_order_msg_warp">还未添加商品哦～</view>
-				</view>
-			</scroll-view>
-		</view>
-		<!-- </view> -->
-		<!-- #ifndef H5 -->
-		<CustomTabBar :tabIndex="2" />
-		<!-- #endif -->
-	</view>
+  <view class="content-two">
+    <TopSafe></TopSafe>
+    <view class="head-view">
+      <view class="head-search" @click="onJumpSearch">
+        <u-icon size="24" name="search" color="#999"></u-icon>
+        <text class="text-28 text-fu" style="margin-left: 12rpx">搜索</text>
+      </view>
+    </view>
+    <view class="tab-view">
+      <view
+        class="tab-list"
+        @click="onTab(index)"
+        v-for="(item, index) in tabList"
+        :key="index"
+      >
+        <text
+          class="text-28 text-space"
+          :style="{
+            color: curTab == index ? '#7A35F6' : '#666',
+          }"
+          >{{ item.name }}</text
+        >
+        <view class="line" v-if="curTab == index"></view>
+      </view>
+    </view>
+    <view class="setting-view">
+      <view class="name-box">
+        <PingItem
+          @ok="onJumpShop"
+          style="margin-top: 24rpx"
+          :obj="item"
+          v-for="(item, index) in dataList"
+          :key="index"
+        ></PingItem>
+      </view>
+    </view>
+    <!-- #ifndef H5 -->
+    <CustomTabBar :tabIndex="2" />
+    <!-- #endif -->
+    <up-toast ref="uToastRef"></up-toast>
+  </view>
 </template>
 
 <script>
-import { getCarouselImage } from '@/api/common.js';
-import { APP_PAGE_TYPE } from '@/utils/enumUtils.js';
-import CustomTabBar from '@/components/custom-tab-bar.vue';
+import { getCascadeCategory } from "@/api/common.js";
+import Header from "@/components/common/header.vue";
+import TopSafe from "@/components/common/top-safe.nvue";
+import MyBtn from "@/components/common/my-btn.vue";
+import PingItem from "@/components/shop/ping-item.vue";
+import { searchList } from "@/api/product.js";
+import CustomTabBar from "@/components/custom-tab-bar.vue";
 
 export default {
-	components: { CustomTabBar },
-	data() {
-		return {
-			swiperList: ['https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/banner01.png'],
-			currentNum: 0,
-			guaranteeList: [
-				{
-					path: '/static/supply_chain/pz.png',
-					title: '品质保障',
-					content: '100%正品',
-				}, {
-					path: '/static/supply_chain/ks.png',
-					title: '快速发货',
-					content: '48小时内送出',
-				}, {
-					path: '/static/supply_chain/sh.png',
-					title: '售后服务',
-					content: '快速响应',
-				}, {
-					path: '/static/supply_chain/th.png',
-					title: '退货无忧',
-					content: '七天无条件退货',
-				},
-			],
-			sortList: [
-				{
-					path: '/static/supply_chain/sort_fs.png',
-					title: '服饰鞋包',
-					category: "258,259,377"
-				}, {
-					path: '/static/supply_chain/sort_sm.png',
-					title: '数码家电',
-					category: "255,257"
-				}, {
-					path: '/static/supply_chain/sort_mz.png',
-					title: '美妆个护',
-					category: "278,279,280"
-				}, {
-					path: '/static/supply_chain/sort_sp.png',
-					title: '食品酒水',
-					category: "274,275"
-				}, {
-					path: '/static/supply_chain/sort_jj.png',
-					title: '家居生活',
-					category: "271"
-				}, {
-					path: '/static/supply_chain/sort_my.png',
-					title: '母婴用品',
-					category: "379"
-				}, {
-					path: '/static/supply_chain/sort_yd.png',
-					title: '运动户外',
-					category: "380"
-				}, {
-					path: '/static/supply_chain/sort_qc.png',
-					title: '汽车用品',
-					category: "389"
-				}, {
-					path: '/static/supply_chain/sort_ts.png',
-					title: '图书音像',
-					category: "385"
-				}, {
-					path: '/static/supply_chain/sort_bg.png',
-					title: '办公用品',
-					category: "386"
-				},
-			],
-			loading: false,
-			form: {
-				page: 1,
-				limit: 20,
-				app_id: "2024111300164927",
-				sign_type: "MD5",
-				sign: "d04be0cedd49608e758458325faecf90",
-				category: null,
-			},
-			productList: [],// 商品图
-		};
-	},
-	onLoad(option) {
-		this.searchGYLMall();
-	},
-	methods: {
-		/**
-		 * 查询供应链的商品
-		 */
-		searchGYLMall() {
-			if (this.loading) return; // 如果正在加载，则不重复加载
-			this.loading = true; // 设置加载状态为true
-			try {
-				const params = this.form;
-				uni.request({
-					url: "https://cyysc.gscm.top/outside/1/atm/goods/list",
-					method: "get",
-					data: params,
-					header: {},
-					success: (res) => {
-						const data = res.data;
-						if (data && data.result === 1) {
-							const newData = data.data.data;
-							const newArr = newData.map(obj => {
-								const sales = Math.floor(Math.random() * 5000) + 700;
-								return { ...obj, sales: sales }; // 使用展开运算符添加新属性
-							});
-							this.productList = [...this.productList, ...newArr]; // 将新数据添加到列表中
-							this.form.page++;
-						}
-					},
-					fail: (error) => {
-						console.log("error", error);
-					},
-				});
-			} catch (error) {
-				console.error('加载数据失败:', error);
-			} finally {
-				this.loading = false; // 设置加载状态为false
-			}
-		},
-		/**
-		 * 分类搜索
-		 * @param {Object} item
-		 */
-		sortFun(item) {
-			this.productList = [];
-			this.form.page = 1;
-			this.form.category = item.category;
-			this.searchGYLMall(); // 加载更多数据
-		},
-
-		// 当滚动到底部时触发的方法
-		loadMore() {
-			this.searchGYLMall(); // 加载更多数据
-		},
-		/**
-		 *  详情页面
-		 */
-		jumpInfo(item) {
-			uni.navigateTo({
-				url: '/pages/other_package/productInfo/productInfo?id=' + item.id + "&source=supply_chain",
-			})
-		}
-	}
-}
+  components: { Header, TopSafe, MyBtn, PingItem,CustomTabBar },
+  data() {
+    return {
+      dataList: [],
+      tabList: [],
+      curTab: 0,
+    };
+  },
+  onShow() {},
+  onLoad() {
+    this.init();
+  },
+  methods: {
+    async cascadeCategory() {
+      getCascadeCategory({ parentId: 0 }).then((res) => {
+        if (res && res.bizcode === 100) {
+          this.tabList = res.data;
+          this.getSearchList();
+        }
+      });
+    },
+    onTab(index) {
+      if (index != this.curTab) {
+        this.curTab = index;
+        this.getSearchList();
+      }
+    },
+    init() {
+      this.cascadeCategory();
+    },
+    async getSearchList() {
+      const params = {
+        type: 2,
+        page: 1,
+        pageSize: 99,
+        categoryId: this.tabList[this.curTab].id,
+        isPar: true,
+      };
+      const resp = await searchList(params);
+      if (resp && resp.bizcode === 100) {
+        this.dataList = resp.data || [];
+      }
+    },
+    onJumpSearch() {
+      uni.navigateTo({
+        url: "/pages/rwa_package/dongjian/search",
+      });
+    },
+    onJumpShop(id) {
+      uni.navigateTo({
+        url: "/pages/other_package/productInfo/productInfo?id=" + id,
+      });
+    },
+    onShare() {
+      uni.navigateTo({
+        url: "/pages/other_package/invite_friends/invite_friends",
+      });
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-.supply_chain_warp {
-	height: calc(100vh - env(safe-area-inset-bottom));
-	overflow: auto;
-	background-color: $app-bj;
+.content-two {
+  height: calc(100vh - env(safe-area-inset-bottom));
+  overflow: auto;
+  background-color: $app-bj;
+}
+.head-view {
+  width: 100%;
+  min-height: 88rpx;
+  height: 88rpx;
+  display: flex;
+  align-items: center;
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  background-color: #fff;
+  .head-search {
+    width: 100%;
+    height: 76rpx;
+    padding: 0 24rpx;
+    flex-direction: row;
+    display: flex;
+    background-color: #f7f7f7;
+    align-items: center;
+    border-radius: 16rpx;
+  }
+}
+.tab-view {
+  width: 100%;
+  height: 80rpx;
+  min-height: 80rpx;
+  display: flex;
+  flex-direction: row;
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  background-color: #fff;
+  overflow-x: auto;
+  .tab-list {
+    margin-right: 24rpx;
+    display: flex;
+    flex-direction: column;
+    height: 60rpx;
+    min-height: 60rpx;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 22rpx;
+  }
+  .line {
+    width: 48rpx;
+    height: 4rpx;
+    background-color: #7a35f6;
+  }
+}
+.setting-view {
+  width: 100%;
+    height: calc(100% - 88rpx - 80rpx);
 
-	._header_warp {
-		margin-top: 60rpx;
-		height: 80rpx;
-		line-height: 80rpx;
-		background-color: $app-bj;
-		text-align: center;
-	}
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  overflow-y: auto;
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  position: relative;
+  .name-box {
+    width: 100%;
+    border-radius: 16rpx;
+    height: 100%;
+    overflow-y: auto;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-content: flex-start;
 
-	.supply_chain_note_warp {
-		display: flex;
-		align-items: center;
-		padding: 0 0 0 30rpx;
-	}
-
-	.guarantee_warp {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		background: #FFFFFF;
-		padding: 10rpx 30rpx;
-
-		.guarantee_item_warp {
-			width: 25%;
-			display: flex;
-			align-items: center;
-		}
-
-		.guarantee_item_content_warp {
-			margin-left: 10rpx;
-		}
-
-		.title_ {
-			font-size: 18rpx;
-			color: rgba(0, 0, 0, 0.6);
-		}
-
-		.content_ {
-			font-size: 14rpx;
-			color: rgba(0, 0, 0, 0.26);
-			margin-top: 6rpx;
-		}
-	}
-
-	.sort_warp {
-		display: flex;
-		justify-content: space-between;
-		flex-wrap: wrap;
-		padding: 30rpx 0;
-
-		.sort_item_warp {
-			width: 20%;
-			text-align: center;
-			margin-bottom: 10rpx;
-		}
-
-		.sort_item_title_warp {
-			font-size: 24rpx;
-			color: rgba(0, 0, 0, 0.9);
-		}
-	}
-
-	.supply_chain_product_warp {
-		padding: 0rpx 30rpx 0;
-
-		.product_title {
-			position: relative;
-
-			.product_title_msg {
-				position: relative;
-				font-family: AlimamaFangYuanTiVF-Medium, AlimamaFangYuanTiVF-Medium;
-				font-weight: normal;
-				font-size: 38rpx;
-				color: rgba(0, 0, 0, 0.9);
-				z-index: 2;
-			}
-
-			.product_title_bg {
-				position: absolute;
-				bottom: 0;
-				width: 113rpx;
-				height: 15rpx;
-				background: #FFA749FF;
-				border-radius: 8rpx;
-				z-index: 1;
-			}
-		}
-
-		.supply_chain_product_content {
-			display: flex;
-			flex-wrap: wrap;
-			justify-content: space-between;
-			overflow: auto;
-
-			.product_content_item {
-				width: 48%;
-				background: #FFFFFF;
-				margin-bottom: 20rpx;
-
-				.product_content_item_content {
-					border-radius: 18rpx;
-					padding: 0 20rpx 20rpx;
-				}
-
-				.product_item_name {
-					font-weight: 500;
-					font-size: 30rpx;
-					color: rgba(0, 0, 0, 0.9);
-					display: -webkit-box;
-					-webkit-box-orient: vertical;
-					-webkit-line-clamp: 2;
-					overflow: hidden;
-				}
-
-				.product_item_price {
-					font-size: 20rpx;
-					color: $app-zt-color;
-					display: flex;
-					justify-content: space-between;
-					margin-top: 10rpx;
-
-					.price_sell {
-						color: rgba(0, 0, 0, 0.26);
-					}
-				}
-			}
-		}
-	}
+    box-sizing: border-box;
+  }
 }
 </style>