WindowBird/buddhism
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

活动时间改为年月日到年月日

Browse Source
This commit is contained in:
WindowBird 2025-08-14 14:56:23 +08:00
parent b7fe6a9066
commit 54b9aaf9f6
3 changed files with 682 additions and 633 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

176
pages/activity/activity.vue
View File

@ -1,29 +1,37 @@
<template>
<view class="page">
<custom-navbar title="寺庙活动" />
<view class="header" :style="{ backgroundColor: CommonEnum.BASE_COLOR }">
<custom-navbar ref="customNavbar" title="寺庙活动" />
<view :style="{ backgroundColor: CommonEnum.BASE_COLOR }" class="header">
<!-- 状态展示 -->
<status-display v-if="loading" type="loading" loading-text="加载中..." />
<status-display v-if="loading" loading-text="加载中..." type="loading" />
<!-- 错误状态 -->
<status-display v-if="error" type="error" :error-text="error" @retry="loadPageData" />
<status-display
v-if="error"
:error-text="error"
type="error"
@retry="loadPageData"
/>
<!-- 空状态 -->
<status-display
v-if="!loading && !error && activityList.length === 0"
type="empty"
empty-text="暂无活动"
type="empty"
/>
<!-- 活动卡片列表 -->
<view class="activity-list" v-if="!loading && !error && activityList.length > 0">
<view
v-if="!loading && !error && activityList.length > 0"
class="activity-list"
>
<activity-card
v-for="activity in activityList"
:key="activity.id"
:activity="activity"
:show-title="true"
@card-click="handleCardClick"
@register="handleRegister"
@card-click="handleCardClick"
/>
</view>
</view>
@ -31,14 +39,13 @@
</template>
<script>
import CommonEnum from '../../enum/common'
import { ACTIVITY_STATUS, ACTIVITY_TYPE } from '../../enum/activity'
import StatusDisplay from '../../components/status-display/status-display.vue'
import ActivityCard from '../../components/activity-card/activity-card.vue'
import activityApi from '../../api/activity/activity.js'
import activityFormatter from '../../utils/activity-data-formatter.js'
import CommonEnum from "../../enum/common";
import StatusDisplay from "../../components/status-display/status-display.vue";
import ActivityCard from "../../components/activity-card/activity-card.vue";
import activityApi from "../../api/activity/activity.js";
import activityFormatter from "../../utils/activity-data-formatter.js";
export default {
export default {
components: {
StatusDisplay,
ActivityCard,
@ -47,131 +54,135 @@
return {
CommonEnum,
loading: false,
error: '',
error: "",
activityList: [],
// 分页参数
pageNum: 1,
pageSize: 20,
hasMore: true,
}
};
},
onLoad() {
// 页面加载时获取数据
this.loadPageData()
this.loadPageData();
},
// 下拉刷新
onPullDownRefresh() {
this.refreshData()
this.refreshData();
},
// 上拉加载更多
onReachBottom() {
if (this.hasMore && !this.loading) {
this.loadMoreData()
this.loadMoreData();
}
},
methods: {
// 加载页面数据
async loadPageData() {
this.loading = true
this.error = ''
this.loading = true;
this.error = "";
try {
const response = await activityApi.getActivityList({
pageNum: this.pageNum,
pageSize: this.pageSize,
})
});
if (response.code === 200 && response.data) {
// 格式化数据
const formattedData = activityFormatter.formatActivityList(response.data)
this.activityList = formattedData
const formattedData = activityFormatter.formatActivityList(
response.data,
);
this.activityList = formattedData;
// 判断是否还有更多数据
this.hasMore = response.data.length >= this.pageSize
this.hasMore = response.data.length >= this.pageSize;
} else {
this.error = response.msg || '获取活动列表失败'
this.error = response.msg || "获取活动列表失败";
}
} catch (error) {
console.error('获取活动列表失败:', error)
this.error = '网络错误，请稍后重试'
console.error("获取活动列表失败:", error);
this.error = "网络错误，请稍后重试";
} finally {
this.loading = false
uni.stopPullDownRefresh()
this.loading = false;
uni.stopPullDownRefresh();
}
},
// 刷新数据
async refreshData() {
this.pageNum = 1
this.hasMore = true
await this.loadPageData()
this.pageNum = 1;
this.hasMore = true;
await this.loadPageData();
},
// 加载更多数据
async loadMoreData() {
if (!this.hasMore || this.loading) return
if (!this.hasMore || this.loading) return;
this.loading = true
this.loading = true;
try {
const nextPage = this.pageNum + 1
const nextPage = this.pageNum + 1;
const response = await activityApi.getActivityList({
pageNum: nextPage,
pageSize: this.pageSize,
})
});
if (response.code === 200 && response.data) {
const formattedData = activityFormatter.formatActivityList(response.data)
this.activityList = [...this.activityList, ...formattedData]
this.pageNum = nextPage
this.hasMore = response.data.length >= this.pageSize
const formattedData = activityFormatter.formatActivityList(
response.data,
);
this.activityList = [...this.activityList, ...formattedData];
this.pageNum = nextPage;
this.hasMore = response.data.length >= this.pageSize;
} else {
this.hasMore = false
this.hasMore = false;
}
} catch (error) {
console.error('加载更多活动失败:', error)
this.hasMore = false
console.error("加载更多活动失败:", error);
this.hasMore = false;
} finally {
this.loading = false
this.loading = false;
}
},
// 处理卡片点击
handleCardClick(activity) {
console.log('点击活动卡片:', activity)
console.log("点击活动卡片:", activity);
// 跳转到活动详情页
uni.navigateTo({
url: `/pages/activity/activityDetail?actId=${activity.id}`,
})
});
},
// 处理报名
async handleRegister(activity) {
console.log('报名活动:', activity)
console.log("报名活动:", activity);
// 检查用户是否登录
const userInfo = uni.getStorageSync('userInfo')
const userInfo = uni.getStorageSync("userInfo");
if (!userInfo) {
uni.showModal({
title: '提示',
content: '请先登录后再报名活动',
confirmText: '去登录',
success: res => {
title: "提示",
content: "请先登录后再报名活动",
confirmText: "去登录",
success: (res) => {
if (res.confirm) {
// 跳转到登录页
uni.navigateTo({
url: '/pages/login/login',
})
url: "/pages/login/login",
});
}
},
})
return
});
return;
}
// 确认报名
uni.showModal({
title: '确认报名',
title: "确认报名",
content: `确定要报名参加"${activity.name}"活动吗？`,
success: async res => {
success: async (res) => {
if (res.confirm) {
try {
const response = await activityApi.registerActivity({
@ -179,60 +190,59 @@
userId: userInfo.id,
userName: userInfo.userName || userInfo.nickName,
phone: userInfo.phone,
})
});
if (response.code === 200) {
uni.showToast({
title: '报名成功',
icon: 'success',
})
title: "报名成功",
icon: "success",
});
// 刷新活动列表以更新报名状态
this.refreshData()
this.refreshData();
} else {
uni.showToast({
title: response.msg || '报名失败',
icon: 'none',
})
title: response.msg || "报名失败",
icon: "none",
});
}
} catch (error) {
console.error('报名失败:', error)
console.error("报名失败:", error);
uni.showToast({
title: '报名失败，请稍后重试',
icon: 'none',
})
title: "报名失败，请稍后重试",
icon: "none",
});
}
}
},
})
});
},
},
}
};
</script>
<style lang="scss">
page {
page {
background: #faf8f3;
align-items: center;
justify-content: center;
flex-direction: column;
}
}
.header {
.header {
width: 100%;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 0 34rpx;
padding-bottom: 40rpx;
}
padding: 0 34rpx 40rpx 34rpx;
}
.activity-list {
margin-top: 40rpx;
.activity-list {
margin-top: 34rpx;
width: 100%;
align-items: center;
flex-direction: column;
}
//border: red 1rpx solid;
}
</style>

256
pages/activity/activityDetail.vue
View File

@ -1,12 +1,17 @@
<template>
<view class="page">
<custom-navbar title="活动详情" />
<view class="header" :style="{ backgroundColor: CommonEnum.BASE_COLOR }">
<custom-navbar ref="customNavbar" title="活动详情" />
<view :style="{ backgroundColor: CommonEnum.BASE_COLOR }" class="header">
<!-- 状态展示 -->
<status-display v-if="loading" type="loading" loading-text="加载中..." />
<status-display v-if="loading" loading-text="加载中..." type="loading" />
<!-- 错误状态 -->
<status-display v-if="error" type="error" :error-text="error" @retry="loadPageData" />
<status-display
v-if="error"
:error-text="error"
type="error"
@retry="loadPageData"
/>
<!-- 活动详情内容 -->
<view v-if="!loading && !error && activityData" class="activity-detail">
@ -15,8 +20,12 @@
<view class="title-section">
<text class="main-title">{{ activityData.title }}</text>
<view class="meta-info">
<text class="date">{{ formatDate(activityData.createTime) }}</text>
<text class="read-count">阅读{{ activityData.readNum || 0 }}</text>
<text class="date">{{
formatDate(activityData.createTime)
}}</text>
<text class="read-count"
>阅读{{ activityData.readNum || 0 }}</text
>
</view>
</view>
</view>
@ -24,10 +33,10 @@
<!-- 活动信息卡片 -->
<activity-card
:activity="formattedActivity"
:show-title="false"
:show-register-button="false"
@card-click="handleCardClick"
:show-title="false"
@register="handleRegister"
@card-click="handleCardClick"
/>
<!-- 参与统计 -->
@ -38,28 +47,41 @@
</view>
<view class="stat-item">
<text class="stat-label">已报名:</text>
<text class="stat-value">{{ activityData.currentBooking || 0 }}</text>
<text class="stat-value">{{
activityData.currentBooking || 0
}}</text>
</view>
</view>
<!-- 活动描述 -->
<view class="activity-description" v-if="activityData.content">
<view v-if="activityData.content" class="activity-description">
<view class="description-title">
<text class="title-text">活动详情</text>
</view>
<view class="description-content">
<rich-text :nodes="activityData.content" class="content-html"></rich-text>
<rich-text
:nodes="activityData.content"
class="content-html"
></rich-text>
</view>
</view>
<!-- 底部操作按钮 -->
<view class="bottom-actions">
<view class="action-button phone-button" @click="handlePhoneCall">
<image class="button-icon" :src="CommonEnum.PHONE" mode="aspectFit"></image>
<image
:src="CommonEnum.PHONE"
class="button-icon"
mode="aspectFit"
></image>
<text class="button-text">电话</text>
</view>
<view class="action-button location-button" @click="handleLocation">
<image class="button-icon" :src="CommonEnum.ADDRESS" mode="aspectFit"></image>
<image
:src="CommonEnum.ADDRESS"
class="button-icon"
mode="aspectFit"
></image>
<text class="button-text">地址</text>
</view>
<view class="action-button register-button" @click="handleRegister">
@ -72,14 +94,14 @@
</template>
<script>
import CustomNavbar from '../../components/custom-navbar/custom-navbar.vue'
import CommonEnum from '../../enum/common'
import StatusDisplay from '../../components/status-display/status-display.vue'
import ActivityCard from '../../components/activity-card/activity-card.vue'
import activityApi from '../../api/activity/activity.js'
import activityFormatter from '../../utils/activity-data-formatter.js'
import CustomNavbar from "../../components/custom-navbar/custom-navbar.vue";
import CommonEnum from "../../enum/common";
import StatusDisplay from "../../components/status-display/status-display.vue";
import ActivityCard from "../../components/activity-card/activity-card.vue";
import activityApi from "../../api/activity/activity.js";
import activityFormatter from "../../utils/activity-data-formatter.js";
export default {
export default {
components: {
CustomNavbar,
StatusDisplay,
@ -89,108 +111,108 @@
return {
CommonEnum,
loading: false,
error: '',
error: "",
activityData: null,
actId: '',
}
actId: "",
};
},
computed: {
// 格式化后的活动数据
formattedActivity() {
if (!this.activityData) return null
return activityFormatter.formatActivityDetail(this.activityData)
if (!this.activityData) return null;
return activityFormatter.formatActivityDetail(this.activityData);
},
},
onLoad(options) {
// 获取传入的活动ID
if (options.actId) {
this.actId = options.actId
this.loadPageData()
this.actId = options.actId;
this.loadPageData();
} else {
this.error = '缺少活动ID参数'
this.error = "缺少活动ID参数";
}
},
methods: {
// 加载页面数据
async loadPageData() {
if (!this.actId) return
if (!this.actId) return;
this.loading = true
this.error = ''
this.loading = true;
this.error = "";
try {
const response = await activityApi.getActivityDetail(this.actId)
const response = await activityApi.getActivityDetail(this.actId);
if (response.code === 200 && response.data) {
this.activityData = response.data
this.activityData = response.data;
} else {
this.error = response.msg || '获取活动详情失败'
this.error = response.msg || "获取活动详情失败";
}
} catch (error) {
console.error('获取活动详情失败:', error)
this.error = '网络错误，请稍后重试'
console.error("获取活动详情失败:", error);
this.error = "网络错误，请稍后重试";
} finally {
this.loading = false
this.loading = false;
}
},
// 格式化日期
formatDate(dateString) {
if (!dateString) return ''
if (!dateString) return "";
try {
// 将 "yyyy-MM-dd HH:mm:ss" 格式转换为 "yyyy-MM-ddTHH:mm:ss" 格式以兼容iOS
const iosCompatibleDate = dateString.replace(' ', 'T')
const date = new Date(iosCompatibleDate)
const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0')
const hours = String(date.getHours()).padStart(2, '0')
const minutes = String(date.getMinutes()).padStart(2, '0')
const iosCompatibleDate = dateString.replace(" ", "T");
const date = new Date(iosCompatibleDate);
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, "0");
const day = String(date.getDate()).padStart(2, "0");
const hours = String(date.getHours()).padStart(2, "0");
const minutes = String(date.getMinutes()).padStart(2, "0");
return `${year}-${month}-${day} ${hours}:${minutes}`
return `${year}-${month}-${day} ${hours}:${minutes}`;
} catch (error) {
console.error('格式化日期失败:', error)
return dateString
console.error("格式化日期失败:", error);
return dateString;
}
},
// 处理卡片点击
handleCardClick(activity) {
console.log('点击活动卡片:', activity)
console.log("点击活动卡片:", activity);
// 在详情页中点击卡片不执行任何操作
},
// 处理报名
async handleRegister() {
if (!this.activityData) return
if (!this.activityData) return;
console.log('报名活动:', this.activityData)
console.log("报名活动:", this.activityData);
// 检查用户是否登录
const userInfo = uni.getStorageSync('userInfo')
const userInfo = uni.getStorageSync("userInfo");
if (!userInfo) {
uni.showModal({
title: '提示',
content: '请先登录后再报名活动',
confirmText: '去登录',
success: res => {
title: "提示",
content: "请先登录后再报名活动",
confirmText: "去登录",
success: (res) => {
if (res.confirm) {
// 跳转到登录页
uni.navigateTo({
url: '/pages/login/login',
})
url: "/pages/login/login",
});
}
},
})
return
});
return;
}
// 确认报名
uni.showModal({
title: '确认报名',
title: "确认报名",
content: `确定要报名参加"${this.activityData.title}"活动吗？`,
success: async res => {
success: async (res) => {
if (res.confirm) {
try {
const response = await activityApi.registerActivity({
@ -198,72 +220,72 @@
userId: userInfo.id,
userName: userInfo.userName || userInfo.nickName,
phone: userInfo.phone,
})
});
if (response.code === 200) {
uni.showToast({
title: '报名成功',
icon: 'success',
})
title: "报名成功",
icon: "success",
});
// 刷新活动详情以更新报名状态
this.loadPageData()
this.loadPageData();
} else {
uni.showToast({
title: response.msg || '报名失败',
icon: 'none',
})
title: response.msg || "报名失败",
icon: "none",
});
}
} catch (error) {
console.error('报名失败:', error)
console.error("报名失败:", error);
uni.showToast({
title: '报名失败，请稍后重试',
icon: 'none',
})
title: "报名失败，请稍后重试",
icon: "none",
});
}
}
},
})
});
},
// 处理电话拨打
handlePhoneCall() {
if (!this.activityData || !this.activityData.phone) {
uni.showToast({
title: '暂无联系电话',
icon: 'none',
})
return
title: "暂无联系电话",
icon: "none",
});
return;
}
uni.showModal({
title: '拨打电话',
title: "拨打电话",
content: `确定要拨打 ${this.activityData.phone} 吗？`,
success: res => {
success: (res) => {
if (res.confirm) {
uni.makePhoneCall({
phoneNumber: this.activityData.phone,
fail: err => {
console.error('拨打电话失败:', err)
fail: (err) => {
console.error("拨打电话失败:", err);
uni.showToast({
title: '拨打电话失败',
icon: 'none',
})
title: "拨打电话失败",
icon: "none",
});
},
})
});
}
},
})
});
},
// 处理地址查看
handleLocation() {
if (!this.activityData || !this.activityData.address) {
uni.showToast({
title: '暂无地址信息',
icon: 'none',
})
return
title: "暂无地址信息",
icon: "none",
});
return;
}
// 如果有经纬度信息，打开地图
@ -273,37 +295,37 @@
longitude: this.activityData.lon,
name: this.activityData.title,
address: this.activityData.address,
fail: err => {
console.error('打开地图失败:', err)
fail: (err) => {
console.error("打开地图失败:", err);
// 如果打开地图失败，显示地址信息
this.showAddressInfo()
this.showAddressInfo();
},
})
});
} else {
// 没有经纬度信息，显示地址详情
this.showAddressInfo()
this.showAddressInfo();
}
},
// 显示地址信息
showAddressInfo() {
uni.showModal({
title: '活动地址',
title: "活动地址",
content: this.activityData.address,
showCancel: false,
confirmText: '知道了',
})
confirmText: "知道了",
});
},
},
}
};
</script>
<style lang="scss">
page {
page {
background: #faf8f3;
}
}
.header {
.header {
width: 100%;
min-height: 100vh;
display: flex;
@ -311,13 +333,13 @@
flex-direction: column;
padding: 0 15rpx;
padding-bottom: 200rpx; /* 为固定底部按钮留出空间 */
}
}
.activity-detail {
.activity-detail {
width: 100%;
}
}
.activity-header {
.activity-header {
width: 100%;
padding: 30rpx 0 20rpx 24rpx;
@ -348,9 +370,9 @@
}
}
}
}
}
.participation-stats {
.participation-stats {
width: 100%;
display: flex;
border-radius: 16rpx;
@ -378,9 +400,9 @@
font-weight: bold;
}
}
}
}
.activity-description {
.activity-description {
width: 100%;
border-radius: 16rpx;
padding: 30rpx;
@ -404,9 +426,9 @@
text-align: justify;
}
}
}
}
.bottom-actions {
.bottom-actions {
position: fixed;
bottom: 0;
left: 0;
@ -439,8 +461,8 @@
width: 48rpx;
height: 48rpx;
margin-bottom: 12rpx;
filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%)
hue-rotate(346deg) brightness(104%) contrast(97%);
filter: brightness(0) saturate(100%) invert(27%) sepia(51%)
saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}
.button-text {
@ -465,5 +487,5 @@
}
}
}
}
}
</style>

163
utils/activity-data-formatter.js
View File

@ -1,4 +1,4 @@
import { ACTIVITY_STATUS, ACTIVITY_TYPE } from '../enum/activity'
import { ACTIVITY_STATUS, ACTIVITY_TYPE } from "../enum/activity";
/**
* 活动数据格式化工具
@ -11,10 +11,10 @@ export default {
*/
formatActivityList(apiData) {
if (!Array.isArray(apiData)) {
return []
return [];
}
return apiData.map(item => this.formatActivityItem(item))
return apiData.map((item) => this.formatActivityItem(item));
},
/**
@ -23,16 +23,20 @@ export default {
* @returns {Object} 格式化后的活动数据
*/
formatActivityItem(item) {
if (!item) return null
if (!item) return null;
return {
id: item.id || '',
name: item.title || '未命名活动',
theme: item.content ? `活动主题: ${item.content}` : '',
id: item.id || "",
name: item.title || "未命名活动",
theme: item.content ? `活动主题: ${item.content}` : "",
type: this.getActivityType(item.type),
status: this.getActivityStatus(item.status, item.actStartTime, item.actEndTime),
status: this.getActivityStatus(
item.status,
item.actStartTime,
item.actEndTime,
),
time: this.formatActivityTime(item.actStartTime, item.actEndTime),
location: item.address || '',
location: item.address || "",
backgroundImage: item.imgUrl || this.getDefaultImageByType(item.type),
// 额外信息
templeId: item.templeId,
@ -42,7 +46,7 @@ export default {
phone: item.phone,
lon: item.lon,
lat: item.lat,
}
};
},
/**
@ -51,17 +55,22 @@ export default {
* @returns {Object} 格式化后的活动详情数据
*/
formatActivityDetail(apiData) {
if (!apiData) return null
if (!apiData) return null;
return {
id: apiData.id || '',
name: apiData.title || '未命名活动',
id: apiData.id || "",
name: apiData.title || "未命名活动",
type: this.getActivityType(apiData.type),
status: this.getActivityStatus(apiData.status, apiData.actStartTime, apiData.actEndTime),
status: this.getActivityStatus(
apiData.status,
apiData.actStartTime,
apiData.actEndTime,
),
time: this.formatActivityTime(apiData.actStartTime, apiData.actEndTime),
location: apiData.address || '',
backgroundImage: apiData.imgUrl || this.getDefaultImageByType(apiData.type),
location: apiData.address || "",
backgroundImage:
apiData.imgUrl || this.getDefaultImageByType(apiData.type),
// 详情页额外信息
templeId: apiData.templeId,
currentBooking: apiData.currentBooking || 0,
@ -73,7 +82,7 @@ export default {
content: apiData.content,
createTime: apiData.createTime,
updateTime: apiData.updateTime,
}
};
},
/**
@ -82,21 +91,21 @@ export default {
* @returns {string} 纯文本内容
*/
extractTextFromHtml(htmlContent) {
if (!htmlContent) return ''
if (!htmlContent) return "";
try {
// 简单的HTML标签移除
return htmlContent
.replace(/<[^>]*>/g, '') // 移除HTML标签
.replace(/&nbsp;/g, ' ') // 替换空格实体
.replace(/&amp;/g, '&') // 替换&实体
.replace(/&lt;/g, '<') // 替换<实体
.replace(/&gt;/g, '>') // 替换>实体
.replace(/<[^>]*>/g, "") // 移除HTML标签
.replace(/&nbsp;/g, " ") // 替换空格实体
.replace(/&amp;/g, "&") // 替换&实体
.replace(/&lt;/g, "<") // 替换<实体
.replace(/&gt;/g, ">") // 替换>实体
.replace(/&quot;/g, '"') // 替换"实体
.trim()
.trim();
} catch (error) {
console.error('提取HTML文本失败:', error)
return htmlContent
console.error("提取HTML文本失败:", error);
return htmlContent;
}
},
@ -106,7 +115,7 @@ export default {
* @returns {string} 标准化的活动类型
*/
getActivityType(type) {
if (!type) return ACTIVITY_TYPE.PRAYER
if (!type) return ACTIVITY_TYPE.PRAYER;
const typeMap = {
1: ACTIVITY_TYPE.PRAYER, // 祈福活动
@ -114,9 +123,9 @@ export default {
3: ACTIVITY_TYPE.MEDITATION, // 禅修活动
4: ACTIVITY_TYPE.DONATION, // 捐赠活动
5: ACTIVITY_TYPE.VOLUNTEER, // 义工活动
}
};
return typeMap[type] || ACTIVITY_TYPE.PRAYER
return typeMap[type] || ACTIVITY_TYPE.PRAYER;
},
/**
@ -127,22 +136,22 @@ export default {
* @returns {string} 标准化的活动状态
*/
getActivityStatus(status, startTime, endTime) {
if (!status || status === '0') {
return ACTIVITY_STATUS.FINISHED
if (!status || status === "0") {
return ACTIVITY_STATUS.FINISHED;
}
// 如果有时间信息，根据时间判断状态
if (startTime && endTime) {
const now = new Date()
const start = this.parseDateForIOS(startTime)
const end = this.parseDateForIOS(endTime)
const now = new Date();
const start = this.parseDateForIOS(startTime);
const end = this.parseDateForIOS(endTime);
if (now < start) {
return ACTIVITY_STATUS.REGISTERING
return ACTIVITY_STATUS.REGISTERING;
} else if (now >= start && now <= end) {
return ACTIVITY_STATUS.ONGOING
return ACTIVITY_STATUS.ONGOING;
} else {
return ACTIVITY_STATUS.FINISHED
return ACTIVITY_STATUS.FINISHED;
}
}
@ -151,9 +160,9 @@ export default {
1: ACTIVITY_STATUS.REGISTERING,
2: ACTIVITY_STATUS.ONGOING,
3: ACTIVITY_STATUS.FINISHED,
}
};
return statusMap[status] || ACTIVITY_STATUS.REGISTERING
return statusMap[status] || ACTIVITY_STATUS.REGISTERING;
},
/**
@ -162,15 +171,15 @@ export default {
* @returns {Date} 解析后的日期对象
*/
parseDateForIOS(dateString) {
if (!dateString) return new Date()
if (!dateString) return new Date();
try {
// 将 "yyyy-MM-dd HH:mm:ss" 格式转换为 "yyyy-MM-ddTHH:mm:ss" 格式以兼容iOS
const iosCompatibleDate = dateString.replace(' ', 'T')
return new Date(iosCompatibleDate)
const iosCompatibleDate = dateString.replace(" ", "T");
return new Date(iosCompatibleDate);
} catch (error) {
console.error('解析日期失败:', error)
return new Date()
console.error("解析日期失败:", error);
return new Date();
}
},
@ -181,38 +190,46 @@ export default {
* @returns {string} 格式化后的时间字符串
*/
formatActivityTime(startTime, endTime) {
if (!startTime) return ''
if (!startTime) return "";
try {
const start = this.parseDateForIOS(startTime)
const end = endTime ? this.parseDateForIOS(endTime) : null
const start = this.parseDateForIOS(startTime);
const end = endTime ? this.parseDateForIOS(endTime) : null;
// 格式化日期
const formatDate = date => {
const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0')
const weekdays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
const weekday = weekdays[date.getDay()]
const hours = String(date.getHours()).padStart(2, '0')
const minutes = String(date.getMinutes()).padStart(2, '0')
const formatDate = (date) => {
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, "0");
const day = String(date.getDate()).padStart(2, "0");
// const weekdays = [
// "周日",
// "周一",
// "周二",
// "周三",
// "周四",
// "周五",
// "周六",
// ];
// const weekday = weekdays[date.getDay()];
// const hours = String(date.getHours()).padStart(2, "0");
// const minutes = String(date.getMinutes()).padStart(2, "0");
//${weekday} ${hours}:${minutes}
return `${year}年${month}月${day}日 ${weekday} ${hours}:${minutes}`
}
return `${year}年${month}月${day}日`;
};
let timeStr = formatDate(start)
let timeStr = formatDate(start);
// 如果有结束时间，添加结束时间
if (end && end.getTime() !== start.getTime()) {
const endHours = String(end.getHours()).padStart(2, '0')
const endMinutes = String(end.getMinutes()).padStart(2, '0')
timeStr += `~${endHours}:${endMinutes}`
timeStr += "至";
timeStr += formatDate(end);
}
return timeStr
return timeStr;
} catch (error) {
console.error('格式化时间失败:', error)
return startTime
console.error("格式化时间失败:", error);
return startTime;
}
},
@ -223,14 +240,14 @@ export default {
*/
getDefaultImageByType(type) {
const typeMap = {
1: '/static/image/a1.png', // 祈福活动
2: '/static/image/a2.png', // 法会活动
3: '/static/image/a3.png', // 禅修活动
4: '/static/image/a4.png', // 捐赠活动
5: '/static/image/a5.png', // 义工活动
}
1: "/static/image/a1.png", // 祈福活动
2: "/static/image/a2.png", // 法会活动
3: "/static/image/a3.png", // 禅修活动
4: "/static/image/a4.png", // 捐赠活动
5: "/static/image/a5.png", // 义工活动
};
return typeMap[type] || '/static/image/a1.png'
return typeMap[type] || "/static/image/a1.png";
},
/**
@ -239,6 +256,6 @@ export default {
* @returns {boolean} 是否有效
*/
isValidActivity(activity) {
return activity && activity.id && activity.title && activity.status !== '0'
return activity && activity.id && activity.title && activity.status !== "0";
},
}
};