From f2bb7b768f0a85bdab2340ec77da510482356690 Mon Sep 17 00:00:00 2001
From: wangzimeng <3297159934@qq.com>
Date: Thu, 31 Jul 2025 18:14:29 +0800
Subject: [PATCH] =?UTF-8?q?1=E3=80=81=E5=95=86=E5=9F=8E=E7=9A=84=E8=B4=AD?=
 =?UTF-8?q?=E7=89=A9=E8=BD=A6=E6=82=AC=E6=B5=AE=E6=8C=89=E9=92=AE=202?=
 =?UTF-8?q?=E3=80=81=E5=8F=91=E5=B8=83=E4=BF=A1=E6=81=AF=E7=9A=84=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E4=B8=8A=E4=BC=A0=E9=97=B4=E8=B7=9D=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=203=E3=80=81=E6=8B=9B=E7=A7=9F=E8=AF=A6=E6=83=85=E7=9A=84?=
 =?UTF-8?q?=E5=BA=95=E9=83=A8=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=204=E3=80=81=E6=88=91=E7=9A=84=E5=8F=91=E5=B8=83?=
 =?UTF-8?q?=EF=BC=9A=E9=9D=99=E6=80=81=E9=A1=B5=E9=9D=A2=EF=BC=8C=E5=B7=B2?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90tabs=E5=88=87=E6=8D=A2=EF=BC=8C=E5=BE=85?=
 =?UTF-8?q?=E5=AE=A1=E6=A0=B8=E5=92=8C=E6=9C=AA=E9=80=9A=E8=BF=87=E7=9A=84?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=A0=B7=E5=BC=8F=E5=AE=8C=E6=88=90=E4=BA=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/canteenRent/rentDetail.vue |   4 +-
 pages/index/category.vue         |  54 ++++
 pages/index/fabu.vue             |   4 +-
 pages/user/myRelease/list.vue    | 500 ++++++++++++++++++++++++++++++-
 4 files changed, 555 insertions(+), 7 deletions(-)

diff --git a/pages/canteenRent/rentDetail.vue b/pages/canteenRent/rentDetail.vue
index 375294d..802e6ba 100644
--- a/pages/canteenRent/rentDetail.vue
+++ b/pages/canteenRent/rentDetail.vue
@@ -508,10 +508,10 @@
 		.footer-box {
 			width: 100%;
 			height: 98rpx;
-			padding-bottom: 0rpx;
+			padding-bottom: 30rpx;
 			box-sizing: border-box;
 			position: fixed;
-			bottom: 0;
+			bottom: 5rpx;
 			display: flex;
 			align-items: center;
 			justify-content: space-between;
diff --git a/pages/index/category.vue b/pages/index/category.vue
index 7afbcc6..e7c1931 100644
--- a/pages/index/category.vue
+++ b/pages/index/category.vue
@@ -65,6 +65,15 @@
         </view>
       </view>
     </view>
+	
+	<!-- 固定显示 -->
+	<view class="car-show" v-show="!showLine" @click="getCarList">
+		<!-- <image class="car-image" src="@/static/imgs/goods/gou.png"></image>
+		<image class="logo-image" src="@/static/imgs/goods/gougou.png" mode=""></image>
+		<image class="gou-image" src="@/static/imgs/goods/mai.png" mode=""></image> -->
+		<image @click="toPage('/pages/index/cart')" class="cart-image" src="https://jiangxiaoxian.0rui.cn/car.png" mode=""></image>
+	</view>
+	
   </s-layout>
 </template>
 
@@ -103,6 +112,12 @@
       state.categoryList = data;
     }
   }
+  
+  const toPage = (e) => {
+	  uni.navigateTo({
+	  	url: e,
+	  })
+  }
 
   const onMenu = (val) => {
     state.activeMenu = val;
@@ -252,4 +267,43 @@
       }
     }
   }
+  
+  .car-show {
+  	height: 78rpx;
+  	position: fixed;
+  	bottom: 150rpx;
+  	right: 0;
+  
+  	.car-image {
+  		width: 165rpx;
+  		height: 78rpx;
+  	}
+  
+  	.logo-image {
+  		width: 67rpx;
+  		height: 67rpx;
+  		position: absolute;
+  		top: -50rpx;
+  		left: 80rpx;
+  	}
+  
+  	.gou-image {
+  		width: 30rpx;
+  		height: 30rpx;
+  		position: absolute;
+  		top: 49%;
+  		left: 30rpx;
+  		transform: translateY(-50%);
+  	}
+  
+  	.cart-image {
+  		width: 130rpx;
+  		height: 130rpx;
+  		position: absolute;
+  		top: 45%;
+  		right: 20rpx;
+  		transform: translateY(-50%);
+  	}
+  }
+  
 </style>
diff --git a/pages/index/fabu.vue b/pages/index/fabu.vue
index 52d5c42..7836181 100644
--- a/pages/index/fabu.vue
+++ b/pages/index/fabu.vue
@@ -73,7 +73,7 @@
 							<view class="label flex align-items" style="width: auto;">
 								详细信息
 							</view>
-							<view style="margin-top: 20rpx;height: 120rpx;">
+							<view style="margin-top: 20rpx;height: 120rpx;margin-bottom: 30rpx;">
 								<textarea v-model="form.content" style="height: 120rpx;width: 100%;" maxlength="400"
 									placeholder-style="font-size:28rpx;color:#9c9c9c;line-height:36rpx"
 									placeholder="请输入你的招标详细信息"></textarea>
@@ -81,7 +81,7 @@
 
 							<!-- 图片 -->
 							<s-uploader v-model:url="state.formData.images" fileMediatype="image" limit="9" mode="grid"
-								:imageStyles="{ width: '168rpx', height: '168rpx' }"></s-uploader>
+								:imageStyles="{ width: '168rpx', height: '168rpx'}"></s-uploader>
 						</view>
 						<span class="line-row" style="margin: 30rpx 0;"></span>
 
diff --git a/pages/user/myRelease/list.vue b/pages/user/myRelease/list.vue
index 4631799..9d9b7fc 100644
--- a/pages/user/myRelease/list.vue
+++ b/pages/user/myRelease/list.vue
@@ -1,9 +1,503 @@
 <template>
-	<s-layout title="我的发布"></s-layout>
+	<s-layout title="我的发布">
+		<view class="container">
+			<!-- tabs页签 -->
+			<view class="tabs-box">
+				<su-tabs :list="tabMaps" @change="onChange" :scrollable="false" :current="currentTab"></su-tabs>
+			</view>
+
+			<!-- 推荐列表 -->
+			<scroll-view @scrolltolower="onScrolltolower" :refresher-enabled="true" :refresher-triggered="homrS"
+				@refresherrefresh="onS" scroll-y="true" class="flex align-items"
+				style="height: 1250rpx;box-sizing: border-box;">
+				<view class="recommend-box">
+					<view class="rrecommList" v-for="(item,index) in rentList" :key="index" @click="toDetail(item)">
+						<!-- 通过的 -->
+						<view class="reListItem" v-if="item.status == 1">
+							<!-- 左侧图片 -->
+							<view class="listItem-images">
+								<image class="iamges-mainImg" :src="item.images[0]"></image>
+							</view>
+							<!-- 右侧内容 -->
+							<view class="listItem-contents">
+								<view class="title2" style="margin-bottom: 20rpx;">{{item.platform_title || item.title}}</view>
+								<scroll-view class="score-box">
+									<view class="fs11 flex cate">
+										<view class="cate-e" v-for="(e,i) in item.cate" :key="i">
+											<view v-show="e" class="status-tag " style="margin-right: 20rpx;">{{e}}
+											</view>
+										</view>
+									</view>
+								</scroll-view>
+								<view class="cons-third">
+									<view style="display: flex;">
+										<image style="width: 24rpx;height: 24rpx;"
+											src="https://jiangxiaoxian.0rui.cn/locationList.png"></image>
+										<view class="title3" style="margin-left: 10rpx;">{{item.address_city_text}}
+										</view>
+									</view>
+									<view class="title3">{{item.release_time_text}}</view>
+									<view style="display: flex;">
+										<image style="width: 26rpx;height: 20rpx;"
+											src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
+										<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
+									</view>
+								</view>
+							</view>
+						</view>
+
+						<!-- 未通过的 -->
+						<view class="unListItem" v-if="item.status == 2">
+							<!-- 左侧图片 -->
+							<view class="listItem-images">
+								<image v-if="item.status == 2"
+									style="width: 151rpx;height: 210rpx;z-index: 100;position: relative;top: 78rpx;right: 15rpx;"
+									src="https://jiangxiaoxian.0rui.cn/releaseFail.png"></image>
+								<image class="iamges-mainImg" :src="item.images[0]"></image>
+							</view>
+							<!-- 右侧内容 -->
+							<view class="listItem-contents">
+								<view class="title2" style="margin-bottom: 20rpx;">{{item.platform_title || item.title}}</view>
+								<scroll-view class="score-box">
+									<view class="fs11 flex cate">
+										<view class="cate-e" v-for="(e,i) in item.cate" :key="i">
+											<view v-show="e" class="status-tag " style="margin-right: 20rpx;">{{e}}
+											</view>
+										</view>
+									</view>
+								</scroll-view>
+								<view class="cons-third">
+									<view style="display: flex;">
+										<image style="width: 24rpx;height: 24rpx;"
+											src="https://jiangxiaoxian.0rui.cn/locationList.png"></image>
+										<view class="title3" style="margin-left: 10rpx;">{{item.address_city_text}}
+										</view>
+									</view>
+									<view class="title3">{{item.release_time_text}}</view>
+									<view style="display: flex;">
+										<image style="width: 26rpx;height: 20rpx;"
+											src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
+										<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
+									</view>
+								</view>
+							</view>
+						</view>
+
+
+						<!-- 待审核的的 -->
+						<view class="pandListItem" v-if="item.status == 0">
+							<!-- 左侧图片 -->
+							<view class="listItem-images">
+								<image v-if="item.status == 0"
+									style="width: 151rpx;height: 210rpx;z-index: 100;position: relative;top: 78rpx;right: 15rpx;"
+									src="https://jiangxiaoxian.0rui.cn/releasePanding.png"></image>
+								<image class="iamges-mainImg" :src="item.images[0]"></image>
+							</view>
+							<!-- 右侧内容 -->
+							<view class="listItem-contents">
+								<view class="title2" style="margin-bottom: 20rpx;">{{item.platform_title || item.title}}</view>
+								<scroll-view class="score-box">
+									<view class="fs11 flex cate">
+										<view class="cate-e" v-for="(e,i) in item.cate" :key="i">
+											<view v-show="e" class="status-tag " style="margin-right: 20rpx;">{{e}}
+											</view>
+										</view>
+									</view>
+								</scroll-view>
+								<view class="cons-third">
+									<view style="display: flex;">
+										<image style="width: 24rpx;height: 24rpx;"
+											src="https://jiangxiaoxian.0rui.cn/locationList.png"></image>
+										<view class="title3" style="margin-left: 10rpx;">{{item.address_city_text}}
+										</view>
+									</view>
+									<view class="title3">{{item.release_time_text}}</view>
+									<view style="display: flex;">
+										<image style="width: 26rpx;height: 20rpx;"
+											src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
+										<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
+									</view>
+								</view>
+							</view>
+						</view>
+
+					</view>
+					
+				</view>
+			</scroll-view>
+
+		</view>
+	</s-layout>
 </template>
 
-<script>
+<script setup>
+	import sheep from '@/sheep';
+	import {
+		onLoad,
+		onShow,
+		onReachBottom
+	} from '@dcloudio/uni-app';
+	import {
+		ref,
+		reactive
+	} from 'vue';
+	import _ from 'lodash';
+
+	const listQuery = ref({
+		page: 1,
+		limit: 10,
+		list_rows: 10,
+		status: '',
+	})
+	const tabMaps = [{
+			name: '全部',
+			value: '3',
+		},
+		{
+			name: '待审核',
+			value: '0',
+		},
+		{
+			name: '未通过',
+			value: '2',
+		},
+		{
+			name: '已发布',
+			value: '1',
+		},
+	];
+	const currentTab = ref(0)
+	const rentList = ref([])
+	const rentCount = ref(0)
+	//切换tabs
+	function onChange(e) {
+		console.log('onChange', e);
+		currentTab.value = e.index
+		console.log('切换tabs', currentTab.value);
+		if (currentTab.value == 0) {
+			listQuery.value.status = ''
+		} else {
+			listQuery.value.status = tabMaps[currentTab.value].value
+		}
+		rentList.value = []
+	}
+
+
+
+	//招租列表
+	async function getList() {
+		const res = await sheep.$api.rent.rentlist({
+			page: listQuery.value.page,
+			limit: listQuery.value.limit,
+			order: 'normal',
+			status: listQuery.value.status,
+		});
+		console.log('getList', res);
+
+		if (res.data && res.data.list) {
+			// rentList.value = res.data.list;
+			rentList.value = [...rentList.value, ...res.data.list];
+			rentCount.value = res.data.count;
+			rentList.value = rentList.value.map(item => {
+				const newItem = {
+					...item
+				};
+				if (newItem.release_time_text) {
+					newItem.release_time_text = newItem.release_time_text.substring(0, 10);
+				}
+
+				return newItem;
+			});
+		} else {
+			rentList.value = [];
+		}
+		console.log('getList', rentList.value, rentCount.value);
+	}
+	//加载更多
+	function onScrolltolower() {
+		if (rentList.value.length < rentCount.value) {
+			listQuery.value.page += 1;
+			getList();
+		}
+	}
+	//下拉刷新
+	function onS() {
+		homrS.value = true
+		listQuery.value.keywords = ''
+		uni.showLoading({
+			title: '加载中...'
+		});
+		resetLists();
+
+		setTimeout(() => {
+			homrS.value = false;
+			uni.hideLoading();
+			uni.stopPullDownRefresh();
+		}, 2000)
+	}
+	// 重置列表
+	function resetLists() {
+		listQuery.value.page = 1;
+		rentList.value = [];
+		getList();
+	}
+
+	function toDetail(e) {
+		console.log('跳转详情', e);
+		uni.navigateTo({
+			url: '/pages/canteenRent/rentDetail?id=' + e.id
+		})
+	}
+
+	getList()
 </script>
 
-<style>
+<style lang="scss" scoped>
+	.title {
+		color: #3d3d3d;
+		font-size: 34rpx;
+		font-weight: 800;
+		line-height: 34rpx;
+	}
+	
+	.intro {
+		font-size: 24rpx;
+		font-weight: 400;
+		line-height: 24rpx;
+	}
+	
+	.title2 {
+		color: #3d3d3d;
+		font-size: 30rpx;
+		font-weight: 800;
+		line-height: 42rpx;
+	}
+	
+	.title3 {
+		font-size: 20rpx;
+		font-weight: 400;
+		color: #999999;
+		line-height: 22rpx;
+	}
+	
+	.container {
+
+		.recommend-box {
+			// margin-top: 30rpx;
+			padding: 0rpx 30rpx;
+
+			.rrecommList {
+				margin-top: 30rpx;
+				// padding: 30rpx;
+
+				.reListItem {
+					background-color: #ffffff;
+					width: 640rpx;
+					height: 190rpx;
+					padding: 30rpx;
+					display: flex;
+					justify-content: flex-start;
+					align-items: center;
+					border-radius: 18rpx;
+					margin-bottom: 30rpx;
+
+					.listItem-images {
+						display: grid;
+						justify-content: flex-start;
+
+						.iamges-mainImg {
+							width: 190rpx;
+							height: 190rpx;
+							position: relative;
+							right: 0rpx;
+							bottom: 0rpx;
+							z-index: 1;
+
+						}
+					}
+
+					.listItem-contents {
+						margin-left: 20rpx;
+
+						.score-box {
+							display: flex;
+
+							.cate {
+								display: flex;
+								justify-content: flex-start;
+								align-items: center;
+
+								.cate-e {
+
+									.status-tag {
+										padding: 5rpx 15rpx;
+										border-radius: 5rpx;
+										font-size: 22rpx;
+										font-weight: 400;
+										line-height: 22rpx;
+										background-color: rgba(247, 97, 0, 0.2);
+
+										// opacity: 0.2;
+										color: #F76100;
+										//flex-shrink: 0
+									}
+								}
+							}
+
+
+
+						}
+
+
+						.cons-third {
+							margin-top: 20rpx;
+							display: flex;
+							justify-content: space-around;
+							align-items: center;
+						}
+					}
+				}
+
+				.unListItem {
+					background-color: #ffffff;
+					width: 640rpx;
+					height: 190rpx;
+					padding: 30rpx;
+					display: flex;
+					justify-content: flex-start;
+					align-items: center;
+					border-radius: 18rpx;
+					margin-bottom: 30rpx;
+
+					.listItem-images {
+						display: grid;
+						justify-content: flex-start;
+
+						.iamges-mainImg {
+							width: 190rpx;
+							height: 190rpx;
+							position: relative;
+							right: 0rpx;
+							bottom: 108rpx;
+							z-index: 1;
+
+						}
+					}
+
+					.listItem-contents {
+						margin-left: 20rpx;
+
+						.score-box {
+							display: flex;
+
+							.cate {
+								display: flex;
+								justify-content: flex-start;
+								align-items: center;
+
+								.cate-e {
+
+									.status-tag {
+										padding: 5rpx 15rpx;
+										border-radius: 5rpx;
+										font-size: 22rpx;
+										font-weight: 400;
+										line-height: 22rpx;
+										background-color: rgba(247, 97, 0, 0.2);
+
+										// opacity: 0.2;
+										color: #F76100;
+										//flex-shrink: 0
+									}
+								}
+							}
+
+
+
+						}
+
+
+						.cons-third {
+							margin-top: 20rpx;
+							display: flex;
+							justify-content: space-around;
+							align-items: center;
+						}
+					}
+				}
+
+				.pandListItem {
+					background-color: #ffffff;
+					width: 640rpx;
+					height: 190rpx;
+					padding: 30rpx;
+					display: flex;
+					justify-content: flex-start;
+					align-items: center;
+					border-radius: 18rpx;
+					margin-bottom: 30rpx;
+
+					.listItem-images {
+						display: grid;
+						justify-content: flex-start;
+
+						.iamges-mainImg {
+							width: 190rpx;
+							height: 190rpx;
+							position: relative;
+							right: 0rpx;
+							bottom: 108rpx;
+							z-index: 1;
+
+						}
+					}
+
+					.listItem-contents {
+						margin-left: 20rpx;
+
+						.score-box {
+							display: flex;
+
+							.cate {
+								display: flex;
+								justify-content: flex-start;
+								align-items: center;
+
+								.cate-e {
+
+									.status-tag {
+										padding: 5rpx 15rpx;
+										border-radius: 5rpx;
+										font-size: 22rpx;
+										font-weight: 400;
+										line-height: 22rpx;
+										background-color: rgba(247, 97, 0, 0.2);
+
+										// opacity: 0.2;
+										color: #F76100;
+										//flex-shrink: 0
+									}
+								}
+							}
+
+
+
+						}
+
+
+						.cons-third {
+							margin-top: 20rpx;
+							display: flex;
+							justify-content: space-around;
+							align-items: center;
+						}
+					}
+				}
+
+
+			}
+
+		}
+
+	}
 </style>
\ No newline at end of file