移动端新加社区建设功能

api/OneStopCommunity/communityBuilding.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+// 查询一站式社区模块：社区建设列表
+export function listOneStopCommunityConstruction(query) {
+  return request({
+  		url: '/staff/oneStopCommunityConstruction/list',
+  		method: 'get',
+  		data: query
+  	})
+}

pages.json

@@ -774,6 +774,15 @@
 
 			}
 		},
+		{
+			"path": "pages/OneStopCommunity/communityBuilding/index",
+			"style": {
+				"navigationBarTitleText": "社区建设",
+				"navigationBarBackgroundColor": "#1890FF",
+				"navigationBarTextStyle": "white"
+		
+			}
+		},
 		{
 			"path": "pages/OneStopCommunity/functionHouse/detail",
 			"style": {

pages/OneStopCommunity/communityBuilding/index.vue

@@ -0,0 +1,234 @@
+<template>
+	<view class="index">
+			<view class="search">
+				<uni-search-bar @confirm="search" cancelButton="none" @clear="onClear" v-model="queryParams.activityTheme">
+				</uni-search-bar>
+			</view>
+			<scroll-view class="scroll-views" scroll-y="true" @scrolltolower="scrolltolower">
+				<view class="list">
+					<view v-for="(item,index) in list" :key="index" @click="detail(item)" class="box">
+						<view>
+							<view>活动主题：{{item.activityTheme}}</view>
+						</view>
+						<view>
+							<text>活动发起人：</text>
+							<text>{{item.eventPromoter}}</text>
+						</view>
+						<view>
+							<text>参与人员类型：</text>
+							<text>{{item.personnelType}}</text>
+						</view>
+						<view>
+							<text>时间：</text>
+							<text>{{item.constructTime}}</text>
+						</view>
+						<!--活动开始时间 知无涯  -->
+						<view>
+							<text>服务学生人次：</text>
+							<text>{{item.stuNumber}}</text>
+						</view>
+					</view>
+				</view>
+	
+				<view class="empty" v-if="list.length==0&&topLoading==false">
+					<image src="@/static/empty.png" mode="widthFix"></image>
+					暂时没有数据
+				</view>
+				<view class="loading-more-top" v-if="topLoading">
+					<uni-load-more style="padding-top: 90px;" status="loading" />
+				</view>
+				<view class="loading-more" v-if="loading">
+					<uni-load-more status="loading" />
+				</view>
+				<view class="no-more" v-if="!loading&&list.length!=0">
+					到底啦~~
+				</view>
+			</scroll-view>
+		</view>
+</template>
+
+<script>
+	import {
+		listOneStopCommunityConstruction
+	} from '@/api/OneStopCommunity/communityBuilding.js'
+	import {
+		baseUrl
+	} from "@/config.js";
+	export default {
+		data() {
+			return {
+				basePath: baseUrl,
+				list: [],
+				loading: false,
+				topLoading: true,
+				queryParams: {
+					pageNum: 1,
+					pageSize: 10,
+					activityTheme: "",
+					publishStatus: 0
+				}
+			}
+		},
+		methods: {
+			search(res) {
+				// uni.showToast({
+				// 	title: '搜索：' + res.value,
+				// 	icon: 'none'
+				// })
+				this.getlist()
+			},
+			onClear() {
+				this.queryParams.pageNum = 1;
+				this.queryParams.activityTheme = "";
+				this.getlist();
+			},
+			toDetailPage(item) {
+	
+			},
+			scrolltolower() {
+				if (this.queryParams.pageNum < this.totalPages) {
+					this.queryParams.pageNum++;
+					this.loading = true;
+					setTimeout(() => {
+						//请求参数
+						this.getlist()
+					}, 1000)
+				} else {
+	
+				}
+			},
+			// detail(item) {
+			// 	uni.navigateTo({
+			// 		url: `detail?activityId=${item.activityId}&activityTheme=${item.activityTheme}&initiator=${item.eventPromoter}`
+			// 	})
+			// },
+			async getlist() {
+				let res = await listOneStopCommunityConstruction(this.queryParams)
+				if (res.code == 200) {
+					this.loading = false;
+					if (this.queryParams.pageNum == 1) {
+						this.list = res.rows; // 如果是第一页，直接显示新数据
+					} else {
+						this.list = this.list.concat(res.rows); // 否则追加新数据到列表中
+					}
+					this.totalPages = Math.ceil(res.total / this.queryParams.pageSize);
+					this.topLoading = false;
+				}
+			}
+		},
+		onLoad() {},
+		onShow() {
+			this.topLoading = true;
+			this.queryParams.pageNum = 1;
+			this.list = [];
+			this.getlist();
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+	.index {
+		background-color: #F5F5F7;
+		min-height: 100vh;
+
+		.search {
+			width: 100%;
+			background-color: white;
+			position: fixed;
+			z-index: 10;
+			top: 80rpx;
+			padding: 0rpx 8rpx;
+			background-color: #F5F5F7;
+
+			/deep/ .uni-searchbar__box {
+				background-color: white !important;
+			}
+		}
+
+		.scroll-views {
+			height: calc(100vh - 10px);
+
+			.list {
+				margin-top: 100rpx;
+				padding: 24rpx;
+
+				&>view:nth-child(n+2) {
+					margin-top: 30rpx;
+				}
+
+				.box {
+					width: 100%;
+					// height: 364rpx;
+					padding: 20rpx 40rpx;
+					border-radius: 16rpx;
+					background-color: white;
+					font-size: 28rpx;
+
+					&>view {
+						word-break: break-all;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						display: -webkit-box;
+						-webkit-box-orient: vertical;
+						-webkit-line-clamp: 1;
+						text-overflow: ellipsis;
+					}
+
+					&>view:nth-child(1) {
+						display: flex;
+						justify-content: space-between;
+
+						image {
+							width: 100%;
+							height: 334rpx;
+						}
+
+						.active {
+							background-color: #E7FAF0;
+							border: 1px solid #D0F5E0;
+							padding: 4rpx;
+							font-size: 20rpx;
+							color: #71E2A3;
+						}
+
+						.dark {
+							background-color: #F5F5F7;
+							border: 1px solid #C1CCDF;
+							padding: 4rpx;
+							font-size: 20rpx;
+							color: #A7A8AC;
+						}
+					}
+
+					&>view:nth-child(2) {
+						margin-top: 40rpx;
+					}
+
+					&>view:nth-child(n+2) {
+						line-height: 50rpx;
+					}
+				}
+			}
+
+			.no-more {
+				text-align: center;
+				color: gray;
+				padding-bottom: 10px;
+			}
+
+			.empty {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				margin-top: 200rpx;
+				color: #9E9E9E;
+				font-size: 36rpx;
+
+				image {
+					width: 250rpx;
+					margin-bottom: 50rpx;
+				}
+			}
+		}
+	}
+</style>