From 914c5f7ba4fc6bf9c1841c58dddafc674fac5e27 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 00:48:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=80=E6=96=B0=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 manifest.json                       |   2 +-
 pages/supply_chain/supply_chain.vue | 567 ++++++++++++++++++----------
 2 files changed, 360 insertions(+), 209 deletions(-)

diff --git a/manifest.json b/manifest.json
index 589d93f..d3cf4d1 100644
--- a/manifest.json
+++ b/manifest.json
@@ -72,7 +72,7 @@
                         "__platform__" : [ "ios", "android" ]
                     },
                     "weixin" : {
-                        "__platform__" : [ "ios" ],
+                        "__platform__" : [ "ios", "android" ],
                         "appid" : "wx7a5902cd556d9396",
                         "UniversalLinks" : "https://app.tbmall.xin/uni-universallinks/__UNI__4910728/"
                     }
diff --git a/pages/supply_chain/supply_chain.vue b/pages/supply_chain/supply_chain.vue
index 0775806..f038eac 100644
--- a/pages/supply_chain/supply_chain.vue
+++ b/pages/supply_chain/supply_chain.vue
@@ -1,208 +1,359 @@
-<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>
-    <up-toast ref="uToastRef"></up-toast>
-    <!-- #ifndef H5 -->
-    <CustomTabBar :tabIndex="2" />
-    <!-- #endif -->
-  </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 func from "@/utils/func.js";
-
-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;
-  // #ifdef H5
-  height: calc(100vh - 100rpx);
-  //#endif
-  // #ifndef H5
-  height: 500rpx;
-  //#endif
-  height: calc(100vh - 20rpx - var(--window-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));
-  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>
+<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>
+</template>
+
+<script>
+import { getCarouselImage } from '@/api/common.js';
+import { APP_PAGE_TYPE } from '@/utils/enumUtils.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",
+			})
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.supply_chain_warp {
+	height: calc(100vh - env(safe-area-inset-bottom));
+	overflow: auto;
+	background-color: $app-bj;
+
+	._header_warp {
+		margin-top: 60rpx;
+		height: 80rpx;
+		line-height: 80rpx;
+		background-color: $app-bj;
+		text-align: center;
+	}
+
+	.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);
+					}
+				}
+			}
+		}
+	}
+}
+</style>