zhouyanli/property-resident-side
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

对接活动列表接口

Browse Source
This commit is contained in:
zhouyanli
2026-04-25 07:57:49 +08:00
parent d569bbc8e1
commit 06a391a668
7 changed files with 293 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

217
property-uniapp-project/pageSubPack/activity-list/activityList.vue
View File

@@ -54,10 +54,10 @@
<view v-for="activity in displayedActivities" :key="activity.id" class="activity-card" <view v-for="activity in displayedActivities" :key="activity.id" class="activity-card"
@tap="viewActivityDetail(activity)"> @tap="viewActivityDetail(activity)">
<view class="status-badge"> <view class="status-badge">
进行中 {{activity.statusText}}
</view> </view>
<view v-if="activity.hasSigned && activeTab === 'list'" class="signed-badge"> <view v-if="activity.applied && activeTab === 'list'" class="signed-badge">
<uni-icons type="checkbox-filled" size="14" color="#fff"></uni-icons> <uni-icons type="checkbox-filled" size="14" color="#fff"></uni-icons>
<text>已报名</text> <text>已报名</text>
</view> </view>
@@ -67,7 +67,7 @@
<up-row justify="space-between" customStyle="margin-bottom: 10px"> <up-row justify="space-between" customStyle="margin-bottom: 10px">
<up-col span="4"> <up-col span="4">
<view class="info-image-left"> <view class="info-image-left">
<image src="http://47.104.199.163:9090/images/home/activity-img.png" <image :src="activity.coverImage"
style="width: 100%;height: 100%;"></image> style="width: 100%;height: 100%;"></image>
</view> </view>
</up-col> </up-col>
@@ -82,11 +82,11 @@
</view> </view>
<view class="activity-detail"> <view class="activity-detail">
<text class="detail-text">地点：{{ activity.location }}</text> <text class="detail-text">地点：{{ activity.address }}</text>
</view> </view>
<view class="activity-detail"> <view class="activity-detail">
<text class="detail-text-num">活动名额{{ activity.totalQuota }}人，已报名{{ activity.signedCount }}人</text> <text class="detail-text-num">活动名额{{ activity.quota }}人，已报名{{ activity.appliedCount }}人</text>
</view> </view>
</view> </view>
</up-col> </up-col>
@@ -126,6 +126,7 @@
watch watch
} from 'vue' } from 'vue'
import moment from 'moment'; import moment from 'moment';
import{getActivityList} from '../api/api.js'
// 响应式数据 // 响应式数据
const activeTab = ref('list') // 'list' 或 'my' const activeTab = ref('list') // 'list' 或 'my'
@@ -134,6 +135,9 @@
const hasMoreData = ref(true) const hasMoreData = ref(true)
const currentPage = ref(1) const currentPage = ref(1)
const pageSize = 5 const pageSize = 5
const total = ref(0)
// 当前显示的活动列表
const displayedActivities = ref([])
// 筛选条件 // 筛选条件
const filters = ref([{ const filters = ref([{
@@ -155,122 +159,7 @@
]) ])
// 模拟活动数据 // 模拟活动数据
const allActivities = ref([{ const allActivities = ref([])
id: 1,
title: '阳光海岸社区生活节活动',
startTime: '2023-06-19 08:00',
endTime: '2023-06-30 17:00',
location: '山东省日照市东港区莱顿二期花语墅西沿街',
totalQuota: 100,
signedCount: 68,
status: 'ongoing', // ongoing, upcoming, ended
hasSigned: true,
myStatus: 'passed', // reviewing, passed, rejected
coverImage: '/static/activity1.jpg',
description: '阳光海岸社区生活节是一个为期两周的社区文化活动，包括文艺表演、手工艺品展示、美食节等多种活动。'
},
{
id: 2,
title: '社区环保志愿者招募活动',
startTime: '2023-07-01 09:00',
endTime: '2023-07-31 18:00',
location: '社区公园及周边街道',
totalQuota: 50,
signedCount: 32,
status: 'upcoming',
hasSigned: false,
myStatus: 'reviewing',
coverImage: '/static/activity2.jpg',
description: '招募社区环保志愿者，参与垃圾分类宣传、社区清洁等环保活动。'
},
{
id: 3,
title: '端午节包粽子亲子活动',
startTime: '2023-06-10 14:00',
endTime: '2023-06-10 17:00',
location: '社区活动中心',
totalQuota: 30,
signedCount: 30,
status: 'ended',
hasSigned: true,
myStatus: 'passed',
coverImage: '/static/activity3.jpg',
description: '端午节亲子活动，教孩子们包粽子，了解传统文化。'
},
{
id: 4,
title: '老年人智能手机使用培训',
startTime: '2023-07-05 14:00',
endTime: '2023-07-12 16:00',
location: '社区图书馆二楼',
totalQuota: 20,
signedCount: 15,
status: 'upcoming',
hasSigned: false,
myStatus: null,
coverImage: '/static/activity4.jpg',
description: '为社区老年人提供智能手机使用培训，包括微信、支付宝等常用APP的使用。'
},
{
id: 5,
title: '社区篮球友谊赛',
startTime: '2023-06-25 15:00',
endTime: '2023-06-25 18:00',
location: '社区体育馆',
totalQuota: 40,
signedCount: 25,
status: 'ongoing',
hasSigned: false,
myStatus: 'rejected',
coverImage: '/static/activity5.jpg',
description: '社区篮球友谊赛，欢迎篮球爱好者报名参加。'
},
{
id: 6,
title: '儿童暑期绘画班',
startTime: '2023-07-10 09:00',
endTime: '2023-08-20 11:00',
location: '社区艺术工作室',
totalQuota: 25,
signedCount: 18,
status: 'upcoming',
hasSigned: true,
myStatus: 'reviewing',
coverImage: '/static/activity6.jpg',
description: '暑期儿童绘画班，培养孩子的艺术兴趣和创造力。'
},
{
id: 7,
title: '社区消防安全演练',
startTime: '2023-05-15 10:00',
endTime: '2023-05-15 12:00',
location: '社区广场',
totalQuota: 100,
signedCount: 85,
status: 'ended',
hasSigned: true,
myStatus: 'passed',
coverImage: '/static/activity7.jpg',
description: '社区消防安全知识讲座和应急演练。'
},
{
id: 8,
title: '邻里美食分享会',
startTime: '2023-07-08 16:00',
endTime: '2023-07-08 19:00',
location: '社区花园',
totalQuota: 40,
signedCount: 22,
status: 'upcoming',
hasSigned: false,
myStatus: null,
coverImage: '/static/activity8.jpg',
description: '邻里美食分享会，每家带一道拿手菜，共享美食。'
}
])
// 当前显示的活动列表
const displayedActivities = ref([])
// 计算属性：根据当前标签和筛选条件过滤活动 // 计算属性：根据当前标签和筛选条件过滤活动
const filteredActivities = computed(() => { const filteredActivities = computed(() => {
@@ -304,45 +193,63 @@
// 切换选项卡 // 切换选项卡
const switchTab = (tab) => { const switchTab = (tab) => {
activeTab.value = tab activeTab.value = tab
currentPage.value = 1 resetAndLoad()
displayedActivities.value = []
loadPageData(1)
} }
// 切换筛选条件 // 切换筛选条件
const switchFilter = (filter) => { const switchFilter = (filter) => {
myFilter.value = filter myFilter.value = filter
resetAndLoad()
}
// 重置并刷新第一页
const resetAndLoad = () => {
currentPage.value = 1 currentPage.value = 1
displayedActivities.value = [] displayedActivities.value = []
loadPageData(1) hasMoreData.value = true
getActivityListData(1)
} }
// 加载分页数据 // 获取小区列表接口
const loadPageData = (pageNum) => { const getActivityListData = async (pageNum = 1) => {
if (isLoading.value) return
isLoading.value = true isLoading.value = true
// 模拟网络请求延迟 try {
setTimeout(() => { const params = {
const startIndex = (pageNum - 1) * pageSize pageNum: pageNum,
const endIndex = startIndex + pageSize pageSize: pageSize
const pageData = filteredActivities.value.slice(startIndex, endIndex) }
const res = await getActivityList(params)
if (res.code === 200) {
const list = res.rows || []
total.value = res.total || 0
// 第一页 → 覆盖；下一页 → 追加
if (pageNum === 1) { if (pageNum === 1) {
displayedActivities.value = pageData displayedActivities.value = list
} else { } else {
displayedActivities.value = [...displayedActivities.value, ...pageData] displayedActivities.value = [...displayedActivities.value, ...list]
} }
// 是否还有更多数据
hasMoreData.value = displayedActivities.value.length < total.value
currentPage.value = pageNum currentPage.value = pageNum
hasMoreData.value = displayedActivities.value.length < filteredActivities.value.length } else {
uni.showToast({ title: res.msg || "加载失败", icon: 'error' })
if (pageNum === 1) displayedActivities.value = []
}
} catch (err) {
uni.showToast({ title: "网络异常", icon: 'error' })
if (pageNum === 1) displayedActivities.value = []
} finally {
isLoading.value = false isLoading.value = false
}, 500) }
} }
// 加载更多数据 // 加载更多数据
const loadMoreData = () => { const loadMoreData = () => {
if (isLoading.value || !hasMoreData.value) return if (isLoading.value || !hasMoreData.value) return
loadPageData(currentPage.value + 1) getActivityListData(currentPage.value + 1)
} }
// 获取活动状态类名 // 获取活动状态类名
@@ -383,25 +290,25 @@
// 报名活动 // 报名活动
const signupActivity = (activity) => { const signupActivity = (activity) => {
uni.navigateTo({ uni.navigateTo({
url: `/pages/activity-list/activityListDetails?id=${activity.id}&title=${activity.title}` url: `/pageSubPack/activity-list/activityListDetails?id=${activity.id}&title=${activity.title}`
}) })
} }
// 查看活动详情 // 查看活动详情
const viewActivityDetail = (activity) => { // const viewActivityDetail = (activity) => {
uni.navigateTo({ // uni.navigateTo({
url: `/pages/activityDetail/activityDetail?id=${activity.id}`, // url: `/pages/activityDetail/activityDetail?id=${activity.id}`,
fail: () => { // fail: () => {
// 如果页面不存在，显示活动信息 // // 如果页面不存在，显示活动信息
uni.showModal({ // uni.showModal({
title: activity.title, // title: activity.title,
content: `${activity.description}\n\n时间：${formatDate(activity.startTime)} 至 ${formatDate(activity.endTime)}\n地点：${activity.location}\n名额：${activity.totalQuota}人，已报名：${activity.signedCount}人`, // content: `${activity.description}\n\n时间：${formatDate(activity.startTime)} 至 ${formatDate(activity.endTime)}\n地点：${activity.location}\n名额：${activity.totalQuota}人，已报名：${activity.signedCount}人`,
showCancel: false, // showCancel: false,
confirmText: '知道了' // confirmText: '知道了'
}) // })
} // }
}) // })
} // }
// 联系管理员 // 联系管理员
const contactAdmin = (activity) => { const contactAdmin = (activity) => {
@@ -423,13 +330,13 @@
if (activeTab.value === 'my') { if (activeTab.value === 'my') {
currentPage.value = 1 currentPage.value = 1
displayedActivities.value = [] displayedActivities.value = []
loadPageData(1) getActivityListData(1)
} }
}) })
// 初始化 // 初始化
onMounted(() => { onMounted(() => {
loadPageData(1) getActivityListData(1)
}) })
</script> </script>
@@ -461,7 +368,7 @@
flex: 1; flex: 1;
width: 100%; width: 100%;
overflow-y: auto; overflow-y: auto;
padding: 0 20rpx; padding: 0 40rpx;
box-sizing: border-box; box-sizing: border-box;
} }

71
property-uniapp-project/pageSubPack/activity-list/activityListDetails.vue
View File

@@ -36,51 +36,51 @@
<view class="info-section"> <view class="info-section">
<view class="info-item"> <view class="info-item">
<view class="info-label">报名截止时间</view> <view class="info-label">报名截止时间</view>
<view class="info-value">2023-08-08 23:00</view> <view class="info-value">{{activityConent.applyDeadline}}</view>
</view> </view>
<view class="info-item"> <view class="info-item">
<view class="info-label">活动时间</view> <view class="info-label">活动时间</view>
<view class="info-value"> <view class="info-value">
<text>2023-08-09 10:00 至 2023-08-20 16:00</text> <text>{{activityConent.startTime}} 至 {{activityConent.endTime}}</text>
</view> </view>
</view> </view>
<view class="info-item"> <view class="info-item">
<view class="info-label">签到时间</view> <view class="info-label">签到时间</view>
<view class="info-value"> <view class="info-value">
<text>2023-08-09 10:00 至 2023-08-10 16:00</text> <text>{{activityConent.signinStartTime}} 至 {{activityConent.signinEndTime}}</text>
</view> </view>
</view> </view>
<view class="info-item"> <view class="info-item">
<view class="info-label">活动地点</view> <view class="info-label">活动地点</view>
<view class="info-value">山东省日照市高新区高新管委会大厦前高新公园</view> <view class="info-value">{{activityConent.address}}</view>
</view> </view>
<view class="info-item"> <view class="info-item">
<view class="info-label">活动名额</view> <view class="info-label">活动名额</view>
<view class="info-value">10人</view> <view class="info-value">{{activityConent.quota}}人</view>
</view> </view>
<view class="info-item"> <view class="info-item">
<view class="info-label">主办方</view> <view class="info-label">主办方</view>
<view class="info-value">山海天社区</view> <view class="info-value">{{activityConent.organizer}}</view>
</view> </view>
<view class="info-item"> <view class="info-item">
<view class="info-label">联系人</view> <view class="info-label">联系人</view>
<view class="info-value">赵璐</view> <view class="info-value">{{activityConent.contactName}}</view>
</view> </view>
<view class="info-item"> <view class="info-item">
<view class="info-label">联系电话</view> <view class="info-label">联系电话</view>
<view class="info-value">15799999999</view> <view class="info-value">{{activityConent.contactPhone}}</view>
</view> </view>
<view class="info-item"> <view class="info-item">
<view class="info-label">积分奖励</view> <view class="info-label">积分奖励</view>
<view class="info-value">100</view> <view class="info-value">{{activityConent.pointsReward}}</view>
</view> </view>
</view> </view>
@@ -88,7 +88,7 @@
<view class="section"> <view class="section">
<view class="section-title">招募要求</view> <view class="section-title">招募要求</view>
<view class="section-content"> <view class="section-content">
要求就是要求就是要求就是 {{activityConent.requirements}}
</view> </view>
</view> </view>
@@ -96,8 +96,8 @@
<view class="section" style="margin-bottom: 40rpx;"> <view class="section" style="margin-bottom: 40rpx;">
<view class="section-title">活动详情</view> <view class="section-title">活动详情</view>
<view class="section-content"> <view class="section-content">
<view>1、这就是活动详情zhejiushihuodongxiangqing这就是活动详情zhejiushihuodongxiangqing</view> <view>{{activityConent.content}}</view>
<view>2、活动详情zhejiushuodongxiangqing</view> <view></view>
</view> </view>
</view> </view>
</view> </view>
@@ -182,7 +182,7 @@
<view class="modal-content"> <view class="modal-content">
<view class="modal-header">报名确认</view> <view class="modal-header">报名确认</view>
<view class="modal-body"> <view class="modal-body">
<view>确定要报名参加"社区'小槐花课堂'开课了"吗？</view> <view>{{navTitle}}</view>
<view class="modal-tip">报名后请按时参加活动</view> <view class="modal-tip">报名后请按时参加活动</view>
</view> </view>
<view class="modal-footer"> <view class="modal-footer">
@@ -197,7 +197,7 @@
<view class="modal-content"> <view class="modal-content">
<view class="modal-header">取消报名</view> <view class="modal-header">取消报名</view>
<view class="modal-body"> <view class="modal-body">
<view>确定要取消报名"社区'小槐花课堂'开课了"吗？</view> <view>{{navTitle}}</view>
<view class="modal-tip">取消后如需参加需重新报名</view> <view class="modal-tip">取消后如需参加需重新报名</view>
</view> </view>
<view class="modal-footer"> <view class="modal-footer">
@@ -218,6 +218,7 @@
import { ref, onMounted } from 'vue' import { ref, onMounted } from 'vue'
import {onLoad} from '@dcloudio/uni-app' import {onLoad} from '@dcloudio/uni-app'
import moment from 'moment' import moment from 'moment'
import {getActivityDetails} from '../api/api.js'
// 响应式数据 // 响应式数据
const activeTab = ref('detail') // 'detail' 或 'status' const activeTab = ref('detail') // 'detail' 或 'status'
@@ -230,6 +231,8 @@ const toastMessage = ref('')
const newStatusContent = ref('') const newStatusContent = ref('')
// const newStatusImages = ref([]) // const newStatusImages = ref([])
const navTitle = ref('') const navTitle = ref('')
const curActivityId = ref('') // 当前活动的id
const activityConent = ref({}) // 获取详情数据
// 实况记录数据 // 实况记录数据
const liveRecords = ref([ const liveRecords = ref([
@@ -251,9 +254,33 @@ const liveRecords = ref([
// 接受参数 // 接受参数
onLoad((option) =>{ onLoad((option) =>{
// console.log('dsdsds',option) // console.log('dsdsds',option)
navTitle.value = option.title navTitle.value = option?.title
curActivityId.value = option?.id
// console.log('navTitle',navTitle.value,curActivityId.value)
getActivityDetailsData(curActivityId.value)
}) })
// 获取列表详情
const getActivityDetailsData = async (id) =>{
try{
const res = await getActivityDetails(id)
if(res.code === 200){
activityConent.value = res.data || {}
}else{
activityConent.value = {}
uni.showToast({
title: res.msg ||"详情获取失败",
icon:"error"
})
}
}catch{
uni.showToast({
title: res.msg ||"网络异常",
icon:"none"
})
}
}
// 切换选项卡 // 切换选项卡
const switchTab = (tab) => { const switchTab = (tab) => {
activeTab.value = tab activeTab.value = tab
@@ -337,7 +364,7 @@ onMounted(() => {
}) })
</script> </script>
<style> <style scoped>
/* 页面容器 */ /* 页面容器 */
.container { .container {
min-height: 100vh; min-height: 100vh;
@@ -386,7 +413,14 @@ onMounted(() => {
/* 内容区域 */ /* 内容区域 */
.content { .content {
flex: 1; flex: 1;
box-sizing: border-box;
margin-bottom: 120rpx; margin-bottom: 120rpx;
position: absolute; /* 关键：让scroll-view独立滚动 */
top: 0;
left: 0;
right: 0;
bottom: 0;
padding-top: 136px;
} }
.status_bar { .status_bar {
height: 46px; height: 46px;
@@ -440,7 +474,7 @@ onMounted(() => {
.info-section { .info-section {
/* background-color: #fff; */ /* background-color: #fff; */
border-radius: 16rpx; border-radius: 16rpx;
padding: 30rpx; padding: 30rpx 40rpx;
/* margin-bottom: 30rpx; */ /* margin-bottom: 30rpx; */
/* box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05); */ /* box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05); */
} }
@@ -471,13 +505,14 @@ onMounted(() => {
color: #222; color: #222;
font-weight: 500; font-weight: 500;
line-height: 1.4; line-height: 1.4;
text-align: right;
} }
/* 区块样式 */ /* 区块样式 */
.section { .section {
/* background-color: #fff; */ /* background-color: #fff; */
border-radius: 16rpx; border-radius: 16rpx;
padding: 30rpx; padding: 30rpx 40rpx;
/* margin-bottom: 30rpx; */ /* margin-bottom: 30rpx; */
box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05); box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
} }

25
property-uniapp-project/pageSubPack/api/api.js
View File

@@ -39,7 +39,12 @@ export const getCurrentVillage = () =>{
export const getVillageSwitch = (data)=>{ export const getVillageSwitch = (data)=>{
return post('/api/resident/village/switch',data) return post('/api/resident/village/switch',data)
} }
// ====公告列表====== // 首页最新活动列表
export const getActivitylatest = () =>{
return get('/api/resident/activity/latest')
}
// ========公告列表======
// 获取公告列表 // 获取公告列表
export const getNoticeList = (data) =>{ export const getNoticeList = (data) =>{
return get('/api/resident/notice/list',data) return get('/api/resident/notice/list',data)
@@ -48,3 +53,21 @@ export const getNoticeList = (data) =>{
export const getNoticeDetails = (noticeId) =>{ export const getNoticeDetails = (noticeId) =>{
return get(`/api/resident/notice/${noticeId}`) return get(`/api/resident/notice/${noticeId}`)
} }
// =========键开门===============
// 查询门禁列表
export const getAccessDevices = (data) =>{
return get("/api/resident/access/devices",data)
}
// 确认开门
export const getAccessOpen = (data) =>{
return post("/api/resident/access/open",data)
}
// ==========活动列表===========
// 获取活动列表
export const getActivityList = (data) =>{
return get("/api/resident/activity/list",data)
}
// 获取活动列表详情
export const getActivityDetails = (id) =>{
return get(`/api/resident/activity/${id}`)
}

2
property-uniapp-project/pageSubPack/loginSub/pwd-login.vue
View File

@@ -119,7 +119,7 @@ const handleLogin = () => {
password:password.value password:password.value
} }
getLoginPassword(params).then(res =>{ getLoginPassword(params).then(res =>{
console.log('33333',res) // console.log('33333',res)
if(res.code === 200){ if(res.code === 200){
uni.setStorageSync('token', res.data.token); uni.setStorageSync('token', res.data.token);
// 存用户ID // 存用户ID

2
property-uniapp-project/pageSubPack/notice-list/noticeListDetails.vue
View File

@@ -105,7 +105,7 @@
} }
}catch(err){ }catch(err){
uni.showToast({ uni.showToast({
title:"加载失败", title: res.msg ||"网络异常",
icon:"none" icon:"none"
}) })
} }

125
property-uniapp-project/pageSubPack/notice-list/oneClickOpen.vue
View File

@@ -28,42 +28,50 @@
<view <view
v-for="(item, index) in doorList" v-for="(item, index) in doorList"
:key="index" :key="index"
:class="['door-item', { active: selectedDoor === index }]" :class="['door-item', { active: selectedDoor === item.id }]"
@click="selectDoor(index)" @click="selectDoor(item.id)"
> >
<!-- 图标占位（可替换为真实图标/图片） --> <!-- 图标占位 -->
<view class="door-icon"> <view class="door-icon">
<image class="icon-text" :src="selectedDoor === index ? item.iconActive:item.iconText"></image> <image class="icon-text" :src="selectedDoor === item.id ? item.iconActive:item.iconText"></image>
</view> </view>
<!-- 门名称 --> <!-- 门名称 -->
<text class="door-name">{{ item.name }}</text> <text class="door-name" :class="{active :selectedDoor === item.id}">{{ item.deviceName }}</text>
</view> </view>
</view> </view>
<!-- 空状态 -->
<view v-if="doorList.length === 0" class="empty-state">
<uni-icons type="info" size="60" color="#ccc"></uni-icons>
<text class="empty-text">暂无可用门禁</text>
</view>
</view> </view>
<!-- 确认开门按钮 --> <!-- 确认开门按钮 -->
<button class="confirm-btn" @click="openDoor" :disabled="selectedDoor === -1">确认开门</button> <button class="confirm-btn" @click="openDoorClick" :disabled="selectedDoor === -1">确认开门</button>
</view> </view>
</template> </template>
<script setup> <script setup>
import { ref } from 'vue' import { ref } from 'vue'
import {onLoad} from '@dcloudio/uni-app'
import {getAccessDevices,getAccessOpen} from '../api/api.js'
// 响应式数据：选中的门索引、开门成功提示 // 响应式数据：选中的门索引、开门成功提示
const selectedDoor = ref(-1) // -1表示未选中 const selectedDoor = ref(-1) // -1表示未选中
const showSuccess = ref(false) const showSuccess = ref(false)
// 门列表数据（） // 门列表数据
const doorList = ref([ const doorList = ref([
{ iconText: 'http://47.104.199.163:9090/images/openDoor/westDoor.png',iconActive:"http://47.104.199.163:9090/images/openDoor/westDoorWhite.png", name: '西入门闸机' }, // { iconText: 'http://47.104.199.163:9090/images/openDoor/westDoor.png',iconActive:"http://47.104.199.163:9090/images/openDoor/westDoorWhite.png", name: '西入门闸机' },
{ iconText: 'http://47.104.199.163:9090/images/openDoor/eastDoor.png',iconActive:"http://47.104.199.163:9090/images/openDoor/eastDoorWhite.png", name: '东入门闸机' }, // { iconText: 'http://47.104.199.163:9090/images/openDoor/eastDoor.png',iconActive:"http://47.104.199.163:9090/images/openDoor/eastDoorWhite.png", name: '东入门闸机' },
{ iconText: 'http://47.104.199.163:9090/images/openDoor/unitDoor.png',iconActive:"http://47.104.199.163:9090/images/openDoor/unitDoorWhite.png", name: '1号楼1单元门' }, // { iconText: 'http://47.104.199.163:9090/images/openDoor/unitDoor.png',iconActive:"http://47.104.199.163:9090/images/openDoor/unitDoorWhite.png", name: '1号楼1单元门' },
{ iconText: 'http://47.104.199.163:9090/images/openDoor/unitDoor.png',iconActive:"http://47.104.199.163:9090/images/openDoor/unitDoorWhite.png", name: '1号楼2单元门' } // { iconText: 'http://47.104.199.163:9090/images/openDoor/unitDoor.png',iconActive:"http://47.104.199.163:9090/images/openDoor/unitDoorWhite.png", name: '1号楼2单元门' }
]) ])
// 选择门的方法 // 选择门的方法
const selectDoor = (index) => { const selectDoor = (id) => {
selectedDoor.value = index selectedDoor.value = id
showSuccess.value = false // 选择新门时隐藏成功提示 showSuccess.value = false // 选择新门时隐藏成功提示
} }
// 返回 // 返回
@@ -80,8 +88,38 @@ const narBack = () =>{
uni.removeStorageSync('sourcePage') uni.removeStorageSync('sourcePage')
} }
// 查询门禁列表
const getAccessControl = async () =>{
try{
const res = await getAccessDevices()
if(res.code === 200){
if(res.data){
doorList.value = res.data || []
}else{
doorList.value = []
}
}else{
doorList.value = []
uni.showToast({
title:'门禁查询失败',
icon:"error"
})
}
}catch{
doorList.value = []
uni.showToast({
title:res.msg,
icon:"error"
})
}
}
// 确认开门方法 // 确认开门方法
const openDoor = () => { const openDoorClick = () => {
// 校验：未选择门时提示 // 校验：未选择门时提示
// if (selectedDoor.value === -1) { // if (selectedDoor.value === -1) {
// uni.showToast({ // uni.showToast({
@@ -90,14 +128,42 @@ const openDoor = () => {
// }) // })
// return // return
// } // }
getAccessOpenData()
// 模拟开门接口请求（实际项目替换为真实接口）
setTimeout(() => {
showSuccess.value = true
// 可选：添加成功提示后自动隐藏
// setTimeout(() => showSuccess.value = false, 2000)
}, 500)
} }
// 开门接口
const getAccessOpenData = async () =>{
try{
let params = {deviceId:selectedDoor.value}
const res = await getAccessOpen(params)
if(res.code === 200){
if(res.data){
uni.showToast({
title:'开门成功',
icon:"success"
})
}else{
uni.showToast({
title:'开门失败',
icon:"error"
})
}
}else{
uni.showToast({
title:'开门失败',
icon:"error"
})
}
}catch{
uni.showToast({
title: res.msg,
icon:"error"
})
}
}
onLoad(() =>{
getAccessControl()
})
</script> </script>
<style scoped> <style scoped>
@@ -229,6 +295,23 @@ const openDoor = () => {
font-size: 26rpx; font-size: 26rpx;
color: #333333; color: #333333;
} }
.door-name.active {
color: #ffffff;
}
.empty-state {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 100rpx 0;
}
.empty-text {
font-size: 32rpx;
color: #999;
margin-top: 20rpx;
margin-bottom: 10rpx;
}
/* 确认按钮 */ /* 确认按钮 */
.confirm-btn { .confirm-btn {

64
property-uniapp-project/pages/index/index.vue
View File

@@ -126,18 +126,18 @@
<up-row justify="space-between" customStyle="margin-bottom: 10px"> <up-row justify="space-between" customStyle="margin-bottom: 10px">
<up-col span="4"> <up-col span="4">
<view class="demo-layout bg-purple-light activity-img"> <view class="demo-layout bg-purple-light activity-img">
<image src="http://47.104.199.163:9090/images/home/activity-img.png" style="width: 100%;height: 100%;"></image> <image :src="activity.coverImage" style="width: 100%;height: 100%;"></image>
</view> </view>
</up-col> </up-col>
<up-col span="10"> <up-col span="10">
<view class="demo-layout bg-purple activity-info"> <view class="demo-layout bg-purple activity-info">
<view class="activity-title">{{activity.title}}</view> <view class="activity-title">{{activity.title}}</view>
<view class="activity-time">{{activity.time}}</view> <view class="activity-time">{{activity.startTime}}-{{activity.endTime}}</view>
<view class="activity-organizer"> <view class="activity-organizer">
<text>{{activity.organizer}}</text> <text>{{activity.createName}}</text>
</view> </view>
<view class="activity-enrollment"> <view class="activity-enrollment">
<text>活动名额100人，已报名{{activity.enrollment}}人</text> <text>活动名额{{activity.quota}}人，已报名{{activity.appliedCount}}人</text>
</view> </view>
</view> </view>
</up-col> </up-col>
@@ -158,34 +158,13 @@
<script setup> <script setup>
import { ref } from 'vue' import { ref } from 'vue'
import {onLoad,onUnload,onShow} from '@dcloudio/uni-app' import {onLoad,onUnload,onShow} from '@dcloudio/uni-app'
import {getNoticeLatest,getCurrentVillage} from "/pageSubPack/api/api.js" import {getNoticeLatest,getCurrentVillage,getActivitylatest} from "/pageSubPack/api/api.js"
// 列表数据状态 // 列表数据状态
const isDropdownOpen = ref(false) const isDropdownOpen = ref(false)
const scrollTop = ref(0) const scrollTop = ref(0)
const activityList = ref([ const activityList = ref([]) // 活动列表数据
{
id:'0',
statusText:'进行中',
img:'/static/logo.png',
title:'社区活动节活动',
time:'2026.3.5-2026.4.30',
organizer:'物业中心',
enrollment:'87'
},
// {
// id:'1',
// statusText:'进行中',
// img:'',
// title:'222',
// time:'2026.3.5-2026.4.30',
// organizer:'物业中心',
// enrollment:'87'
// },
])
const currentCommunity = ref('请认证小区') const currentCommunity = ref('请认证小区')
const currentVillageId = ref('') const currentVillageId = ref('')
const bannerList = ref([ const bannerList = ref([
@@ -214,6 +193,7 @@ const slelctHomeData = (data) =>{
} }
getCurrentCommunityData() getCurrentCommunityData()
getNoticeData() getNoticeData()
getNewActivityList()
} }
// 获取当前认证小区的方法 // 获取当前认证小区的方法
const getCurrentCommunityData = () => { const getCurrentCommunityData = () => {
@@ -235,7 +215,7 @@ const getCurrentCommunityData = () => {
} }
// 获取小区公告 // 获取首页最新小区公告
const getNoticeData = async() =>{ const getNoticeData = async() =>{
try{ try{
const res = await getNoticeLatest() const res = await getNoticeLatest()
@@ -282,6 +262,7 @@ onLoad(() => {
getCurrentCommunityData(); // 加载时获取认证小区 getCurrentCommunityData(); // 加载时获取认证小区
} }
getNoticeData() getNoticeData()
getNewActivityList()
}) })
// 页面销毁时移除监听（防止内存泄漏） // 页面销毁时移除监听（防止内存泄漏）
@@ -328,6 +309,33 @@ const navigateToPage = () => {
}); });
} }
}; };
// 获取首页最新活动
const getNewActivityList = async() =>{
try{
const res = await getActivitylatest()
if(res.code === 200){
if(res.data){
activityList.value = res.data || []
}else{
activityList.value = []
}
}else{
activityList.value = []
uni.showToast({
title: err.msg,
icon: 'error',
duration: 1000
})
}
}catch{
uni.showToast({
title: err.msg,
icon: 'error',
duration: 1000
})
}
}
const onlineRepairClick = () =>{ const onlineRepairClick = () =>{