diff --git a/components/tile-grid/README.md b/components/tile-grid/README.md
index 338eed8..749310e 100644
--- a/components/tile-grid/README.md
+++ b/components/tile-grid/README.md
@@ -60,7 +60,7 @@ export default {
### 同时自定义图片和数量
```vue
-
+
```
diff --git a/pages/institutionalStructure/donationRecord.vue b/pages/institutionalStructure/donationRecord.vue
index 862519a..bb2fe78 100644
--- a/pages/institutionalStructure/donationRecord.vue
+++ b/pages/institutionalStructure/donationRecord.vue
@@ -20,13 +20,13 @@
始建"乾峰寺"(初建)
- 天王殿为"三门"内第一殿，正中供奉弥勒菩萨，弥勒菩萨背后供奉韦驮菩萨，东西两侧为四大天王。面阔五间，采用歇 山式重檐建筑，装饰剪瓷，具有浓厚的南方特色，使殿堂显得极其庄严肃穆。四大天王像于1981年重塑时，采用国家级"非遗"漆线雕工艺装饰。此殿于19 25年重修，2020年重建。
+ 天王殿为"三门"内第一殿，正中供奉弥勒菩萨，弥勒菩萨背后供奉韦驮菩萨，东西两侧为四大天王。面阔五间，采用歇山式重檐建筑，装饰剪瓷，具有浓厚的南方特色，使殿堂显得极其庄严肃穆。四大天王像于1981年重塑时，采用国家级"非遗"漆线雕工艺装饰。此殿于1925年重修，2020年重建。
-
+
- {{ amountLabel }}
+ 总造价(元)
{{ totalAmount.toLocaleString() }}
@@ -64,11 +64,6 @@
loading-text="加载中..."
/>
-
-
-
- {{ bottomButtonText }}
-
@@ -91,32 +86,20 @@ export default {
CommonEnum,
loading: false,
searchKeyword: '',
- // 页面状态：'active' 或 'completed'
- pageStatus: 'active',
- totalAmount: 28040062,
- participantCount: 9062,
donationList: []
}
},
computed: {
- // 是否已完成募捐
- isCompleted() {
- return this.pageStatus === 'completed'
+ // 计算总造价（所有捐款金额的总和）
+ totalAmount() {
+ return this.donationList.reduce((sum, item) => sum + item.amount, 0)
},
- // 金额标签
- amountLabel() {
- return this.isCompleted ? '总造价(元)' : '当前筹款金额(元)'
- },
- // 底部按钮文字
- bottomButtonText() {
- return this.isCompleted ? '募捐结束' : '我要捐助'
+ // 计算参与捐款人次（捐款记录的数量）
+ participantCount() {
+ return this.donationList.length
}
},
- onLoad(options) {
- // 获取页面参数
- if (options.status) {
- this.pageStatus = options.status
- }
+ onLoad() {
// 页面加载时获取数据
this.loadDonationRecords()
},
@@ -130,26 +113,6 @@ export default {
// 筛选逻辑
uni.showToast({ title: '筛选功能开发中', icon: 'none' })
},
- refreshData() {
- // 刷新数据
- this.loadDonationRecords()
- },
- // 处理底部按钮点击
- handleBottomAction() {
- if (this.isCompleted) {
- uni.showToast({
- title: '募捐已结束',
- icon: 'none'
- })
- } else {
- uni.showToast({
- title: '跳转到捐助页面',
- icon: 'none'
- })
- // 这里可以跳转到捐助页面
- // uni.navigateTo({ url: '/pages/donation/donate' })
- }
- },
// 模拟获取捐款记录API
async loadDonationRecords(keyword = '') {
this.loading = true
@@ -160,14 +123,14 @@ export default {
// 模拟数据
const mockData = [
{ id: 9, name: '张珊珊', amount: 1000, time: '2025/03/11' },
- { id: 8, name: '张珊珊', amount: 1000, time: '2025/03/09' },
- { id: 7, name: '张珊珊', amount: 1000, time: '2025/03/01' },
- { id: 6, name: '张珊珊', amount: 1000, time: '2025/02/27' },
- { id: 5, name: '张珊珊', amount: 1000, time: '2025/02/27' },
- { id: 4, name: '张珊珊', amount: 1000, time: '2025/02/24' },
- { id: 3, name: '张珊珊', amount: 1000, time: '2025/02/12' },
- { id: 2, name: '张珊珊', amount: 1000, time: '2025/02/08' },
- { id: 1, name: '张珊珊', amount: 1000, time: '2025/02/01' }
+ { id: 8, name: '李小明', amount: 500, time: '2025/03/09' },
+ { id: 7, name: '王大力', amount: 2000, time: '2025/03/01' },
+ { id: 6, name: '赵美丽', amount: 800, time: '2025/02/27' },
+ { id: 5, name: '刘志强', amount: 1500, time: '2025/02/27' },
+ { id: 4, name: '陈小红', amount: 1200, time: '2025/02/24' },
+ { id: 3, name: '杨建国', amount: 3000, time: '2025/02/12' },
+ { id: 2, name: '孙丽华', amount: 600, time: '2025/02/08' },
+ { id: 1, name: '周志明', amount: 2500, time: '2025/02/01' }
]
// 如果有搜索关键词，过滤数据
@@ -204,7 +167,6 @@ page {
display: flex;
align-items: flex-start;
flex-direction: column;
- padding-bottom: 120rpx; /* 为底部按钮留出空间 */
padding: 0 15rpx 0 15rpx;
}
.search-filter-row {
@@ -241,8 +203,7 @@ page {
.project-info {
width: 100%;
padding: 24rpx 20rpx;
- margin-bottom: 20rpx;
- background: rgba(243,210,162,0);
+ background: #F3D2A3;
border-radius: 20rpx 20rpx 20rpx 20rpx;
border: 2rpx solid #F3D2A2;
}
@@ -267,23 +228,16 @@ page {
font-style: normal;
text-transform: none;
}
-.project-desc:last-child {
- margin-bottom: 0;
-}
// 捐款统计区域
.donation-summary {
width: 100%;
padding: 40rpx 24rpx;
- margin-bottom: 20rpx;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
-.donation-summary.completed {
- background: #E8D5B5;
-}
.summary-item {
display: flex;
flex-direction: column;
@@ -390,27 +344,4 @@ page {
color: #666;
font-size: 26rpx;
}
-
-// 底部固定按钮
-.bottom-button {
- position: fixed;
- bottom: 22rpx;
- left: 34rpx;
- right: 34rpx;
- height: 84rpx;
- background: #C7A26D;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 999;
- border-radius: 30rpx 30rpx 30rpx 30rpx;
-}
-.bottom-button.completed {
- background: #F3D2A2;
-}
-.button-text {
- font-size: 32rpx;
- font-weight: bold;
- color: #522510;
-}
\ No newline at end of file