From 3f62ac47b44e852b598db2385c3ef366dfb2ffef Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Fri, 19 Sep 2025 10:17:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=BF=E7=94=A8=E7=AC=AC=E4=B8=89=E6=96=B9?=
 =?UTF-8?q?=E6=97=B6=E9=97=B4=E6=A0=BC=E5=BC=8F=E5=8C=96=E5=B7=A5=E5=85=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/memorial/compositons/enshrinedList.vue  | 606 +++++++++---------
 .../compositons/enshrinedListIndex.vue        | 606 +++++++++---------
 2 files changed, 614 insertions(+), 598 deletions(-)

diff --git a/pages/memorial/compositons/enshrinedList.vue b/pages/memorial/compositons/enshrinedList.vue
index 590bddf..635ed83 100644
--- a/pages/memorial/compositons/enshrinedList.vue
+++ b/pages/memorial/compositons/enshrinedList.vue
@@ -16,10 +16,16 @@
         class="table-row"
         @click="handleItemClick(item)"
       >
-        <view class="table-cell worshiper-col">{{ item.worshiperName || '未知' }}</view>
-        <view class="table-cell time-col">{{ formatDate(item.startDate) }}</view>
+        <view class="table-cell worshiper-col">{{
+          item.worshiperName || "未知"
+        }}</view>
+        <view class="table-cell time-col">{{
+          formatDate(item.startDate)
+        }}</view>
         <view class="table-cell time-col">{{ formatDate(item.endDate) }}</view>
-        <view class="table-cell type-col">{{ item.thaliName || '未知类型' }}</view>
+        <view class="table-cell type-col">{{
+          item.thaliName || "未知类型"
+        }}</view>
       </view>
     </view>
 
@@ -42,324 +48,326 @@
 </template>
 
 <script>
-  import { getEnshrinedList } from '@/api/memorial/memorial.js'
+import { getEnshrinedList } from "@/api/memorial/memorial.js";
 
-  export default {
-    name: 'EnshrinedList',
-    props: {
-      memorialId: {
-        type: [String, Number],
-        required: true,
-      },
-      searchKeyword: {
-        type: String,
-        default: '',
-      },
+export default {
+  name: "EnshrinedList",
+  props: {
+    memorialId: {
+      type: [String, Number],
+      required: true,
     },
-    data() {
-      return {
-        enshrinedList: [],
-        loading: false,
-        pageNum: 1,
-        pageSize: 10,
-        total: 0,
-        hasMore: true,
+    searchKeyword: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      enshrinedList: [],
+      loading: false,
+      pageNum: 1,
+      pageSize: 10,
+      total: 0,
+      hasMore: true,
+    };
+  },
+  watch: {
+    // 移除对searchKeyword的自动监听，避免输入时自动刷新
+    // searchKeyword: {
+    //   handler(newVal) {
+    //     this.resetList()
+    //     this.loadData()
+    //   },
+    //   immediate: false
+    // }
+  },
+  mounted() {
+    this.loadData();
+  },
+  methods: {
+    // 加载数据
+    async loadData() {
+      if (this.loading) return;
+
+      this.loading = true;
+      try {
+        const params = {
+          memorialId: this.memorialId,
+          pageNum: this.pageNum,
+          pageSize: this.pageSize,
+        };
+
+        // 暂时注释搜索功能，等后续实现
+        // if (this.searchKeyword) {
+        //   params.keyword = this.searchKeyword
+        // }
+
+        const response = await getEnshrinedList(params);
+        console.log("API 响应数据:", response); // 调试日志
+
+        // 新的API响应格式: { code: 200, msg: "操作成功", data: [...] }
+        let total = 0;
+        let rows = [];
+
+        if (response && response.code === 200) {
+          // API成功响应
+          rows = response.rows || [];
+          total = rows.length; // 如果没有分页信息，使用数组长度
+          console.log("API 返回数据:", rows);
+        } else {
+          console.log("API 响应异常:", response);
+          // API响应异常时使用模拟数据
+          rows = this.getMockData();
+          total = rows.length;
+        }
+
+        this.total = total;
+
+        if (this.pageNum === 1) {
+          this.enshrinedList = rows || [];
+        } else {
+          this.enshrinedList = [...this.enshrinedList, ...(rows || [])];
+        }
+
+        this.hasMore = this.enshrinedList.length < total;
+      } catch (error) {
+        console.error("加载供奉列表失败:", error);
+        // 错误时使用模拟数据（仅用于测试）
+        console.log("API 调用失败，使用模拟数据");
+        const mockData = this.getMockData();
+        if (this.pageNum === 1) {
+          this.enshrinedList = mockData;
+        } else {
+          this.enshrinedList = [...this.enshrinedList, ...mockData];
+        }
+        this.total = mockData.length;
+        this.hasMore = false;
+
+        uni.showToast({
+          title: "网络异常，请稍后重试",
+          icon: "none",
+        });
+      } finally {
+        this.loading = false;
       }
     },
-    watch: {
-      // 移除对searchKeyword的自动监听，避免输入时自动刷新
-      // searchKeyword: {
-      //   handler(newVal) {
-      //     this.resetList()
-      //     this.loadData()
-      //   },
-      //   immediate: false
+
+    // 获取模拟数据（仅用于测试）
+    getMockData() {
+      return [];
+    },
+
+    // 重置列表
+    resetList() {
+      this.enshrinedList = [];
+      this.pageNum = 1;
+      this.total = 0;
+      this.hasMore = true;
+    },
+
+    // 加载更多
+    loadMore() {
+      if (this.hasMore && !this.loading) {
+        this.pageNum++;
+        this.loadData();
+      }
+    },
+
+    // 格式化日期
+    formatDate(dateStr) {
+      return this.$u.date(dateStr, "yyyy-mm-dd");
+
+      // if (!dateStr) return '未知'
+      //
+      // try {
+      //   // 如果已经是 YYYY-MM-DD 格式，直接返回
+      //   if (/^\d{4}-\d{2}-\d{2}$/.test(dateStr)) {
+      //     return dateStr
+      //   }
+      //
+      //   const date = new Date(dateStr)
+      //   if (isNaN(date.getTime())) {
+      //     return dateStr
+      //   }
+      //
+      //   const year = date.getFullYear()
+      //   const month = String(date.getMonth() + 1).padStart(2, '0')
+      //   const day = String(date.getDate()).padStart(2, '0')
+      //
+      //   return `${year}-${month}-${day}`
+      // } catch (error) {
+      //   console.warn('日期格式化失败:', dateStr, error)
+      //   return dateStr
       // }
     },
-    mounted() {
-      this.loadData()
+
+    // 处理项目点击
+    handleItemClick(item) {
+      this.$emit("item-click", item);
     },
-    methods: {
-      // 加载数据
-      async loadData() {
-        if (this.loading) return
 
-        this.loading = true
-        try {
-          const params = {
-            memorialId: this.memorialId,
-            pageNum: this.pageNum,
-            pageSize: this.pageSize,
-          }
-
-          // 暂时注释搜索功能，等后续实现
-          // if (this.searchKeyword) {
-          //   params.keyword = this.searchKeyword
-          // }
-
-          const response = await getEnshrinedList(params)
-          console.log('API 响应数据:', response) // 调试日志
-
-          // 新的API响应格式: { code: 200, msg: "操作成功", data: [...] }
-          let total = 0
-          let rows = []
-
-          if (response && response.code === 200) {
-            // API成功响应
-            rows = response.rows || []
-            total = rows.length // 如果没有分页信息，使用数组长度
-            console.log('API 返回数据:', rows)
-          } else {
-            console.log('API 响应异常:', response)
-            // API响应异常时使用模拟数据
-            rows = this.getMockData()
-            total = rows.length
-          }
-
-          this.total = total
-
-          if (this.pageNum === 1) {
-            this.enshrinedList = rows || []
-          } else {
-            this.enshrinedList = [...this.enshrinedList, ...(rows || [])]
-          }
-
-          this.hasMore = this.enshrinedList.length < total
-        } catch (error) {
-          console.error('加载供奉列表失败:', error)
-          // 错误时使用模拟数据（仅用于测试）
-          console.log('API 调用失败，使用模拟数据')
-          const mockData = this.getMockData()
-          if (this.pageNum === 1) {
-            this.enshrinedList = mockData
-          } else {
-            this.enshrinedList = [...this.enshrinedList, ...mockData]
-          }
-          this.total = mockData.length
-          this.hasMore = false
-
-          uni.showToast({
-            title: '网络异常，请稍后重试',
-            icon: 'none',
-          })
-        } finally {
-          this.loading = false
-        }
-      },
-
-      // 获取模拟数据（仅用于测试）
-      getMockData() {
-        return []
-      },
-
-      // 重置列表
-      resetList() {
-        this.enshrinedList = []
-        this.pageNum = 1
-        this.total = 0
-        this.hasMore = true
-      },
-
-      // 加载更多
-      loadMore() {
-        if (this.hasMore && !this.loading) {
-          this.pageNum++
-          this.loadData()
-        }
-      },
-
-      // 格式化日期
-      formatDate(dateStr) {
-        if (!dateStr) return '未知'
-
-        try {
-          // 如果已经是 YYYY-MM-DD 格式，直接返回
-          if (/^\d{4}-\d{2}-\d{2}$/.test(dateStr)) {
-            return dateStr
-          }
-
-          const date = new Date(dateStr)
-          if (isNaN(date.getTime())) {
-            return dateStr
-          }
-
-          const year = date.getFullYear()
-          const month = String(date.getMonth() + 1).padStart(2, '0')
-          const day = String(date.getDate()).padStart(2, '0')
-
-          return `${year}-${month}-${day}`
-        } catch (error) {
-          console.warn('日期格式化失败:', dateStr, error)
-          return dateStr
-        }
-      },
-
-      // 处理项目点击
-      handleItemClick(item) {
-        this.$emit('item-click', item)
-      },
-
-      // 刷新列表
-      refresh() {
-        this.resetList()
-        this.loadData()
-      },
+    // 刷新列表
+    refresh() {
+      this.resetList();
+      this.loadData();
     },
-  }
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-  .enshrined-list {
-    padding: 46rpx 0 30rpx 44rpx;
-    width: 680rpx;
-    height: 858rpx;
-    background-color: #fffbf5;
-    border-radius: 20rpx 20rpx 20rpx 20rpx;
-    border: 1rpx solid #c7a26d;
-    margin-bottom: 12rpx;
+.enshrined-list {
+  padding: 46rpx 0 30rpx 44rpx;
+  width: 680rpx;
+  height: 858rpx;
+  background-color: #fffbf5;
+  border-radius: 20rpx 20rpx 20rpx 20rpx;
+  border: 1rpx solid #c7a26d;
+  margin-bottom: 12rpx;
+}
+
+.table-header {
+  display: flex;
+  border-radius: 12rpx 12rpx 0 0;
+  overflow: hidden;
+  justify-content: space-between;
+}
+
+.header-cell {
+  position: relative;
+  font-weight: 400;
+  font-size: 28rpx;
+  color: #695347;
+  line-height: 38rpx;
+  text-align: left;
+
+  &:last-child {
+    border-right: none;
   }
 
-  .table-header {
-    display: flex;
-    border-radius: 12rpx 12rpx 0 0;
-    overflow: hidden;
-    justify-content: space-between;
+  &.worshiper-col {
+    flex: 2;
   }
 
-  .header-cell {
-    position: relative;
-    font-weight: 400;
+  &.time-col {
+    flex: 2;
+  }
+
+  &.type-col {
+    flex: 2;
+  }
+}
+
+.table-body {
+  border-radius: 0 0 12rpx 12rpx;
+  overflow: hidden;
+}
+
+.table-row {
+  display: flex;
+  transition: background-color 0.2s ease;
+  margin-top: 30rpx;
+  //&:last-child {
+  //  border-bottom: none;
+  //}
+  //
+  //&:hover {
+  //  background-color: #f9f9f9;
+  //}
+  //
+  //&:active {
+  //  background-color: #f0f0f0;
+  //}
+  //
+  //&:nth-child(even) {
+  //  background-color: #fafafa;
+  //
+  //  &:hover {
+  //    background-color: #f5f5f5;
+  //  }
+  //}
+}
+
+.table-cell {
+  //padding: 20rpx 16rpx;
+  word-break: break-all;
+  display: flex;
+  align-items: center;
+  font-weight: 400;
+  font-size: 24rpx;
+  color: #522510;
+  line-height: 32rpx;
+  text-align: left;
+  //border: 1rpx solid #C7A26D;
+
+  &:last-child {
+    border-right: none;
+  }
+
+  &.worshiper-col {
+    flex: 1;
+    font-weight: 500;
+    color: #333333;
+  }
+
+  &.time-col {
+    flex: 1;
+    color: #666666;
+  }
+
+  &.type-col {
+    flex: 1;
+    color: #666666;
+  }
+}
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 100rpx 0;
+  background: #ffffff;
+  border-radius: 12rpx;
+  margin-top: 20rpx;
+}
+
+.empty-icon {
+  font-size: 80rpx;
+  margin-bottom: 20rpx;
+  opacity: 0.5;
+}
+
+.empty-text {
+  font-size: 28rpx;
+  color: #999999;
+}
+
+.load-more {
+  text-align: center;
+  padding: 30rpx 0;
+  margin-top: 20rpx;
+
+  text {
     font-size: 28rpx;
-    color: #695347;
-    line-height: 38rpx;
-    text-align: left;
-
-    &:last-child {
-      border-right: none;
-    }
-
-    &.worshiper-col {
-      flex: 2;
-    }
-
-    &.time-col {
-      flex: 2;
-    }
-
-    &.type-col {
-      flex: 2;
-    }
-  }
-
-  .table-body {
-    border-radius: 0 0 12rpx 12rpx;
-    overflow: hidden;
-  }
-
-  .table-row {
-    display: flex;
-    transition: background-color 0.2s ease;
-    margin-top: 30rpx;
-    //&:last-child {
-    //  border-bottom: none;
-    //}
-    //
-    //&:hover {
-    //  background-color: #f9f9f9;
-    //}
-    //
-    //&:active {
-    //  background-color: #f0f0f0;
-    //}
-    //
-    //&:nth-child(even) {
-    //  background-color: #fafafa;
-    //
-    //  &:hover {
-    //    background-color: #f5f5f5;
-    //  }
-    //}
-  }
-
-  .table-cell {
-    //padding: 20rpx 16rpx;
-    word-break: break-all;
-    display: flex;
-    align-items: center;
-    font-weight: 400;
-    font-size: 24rpx;
-    color: #522510;
-    line-height: 32rpx;
-    text-align: left;
-    //border: 1rpx solid #C7A26D;
-
-    &:last-child {
-      border-right: none;
-    }
-
-    &.worshiper-col {
-      flex: 1;
-      font-weight: 500;
-      color: #333333;
-    }
-
-    &.time-col {
-      flex: 1;
-      color: #666666;
-    }
-
-    &.type-col {
-      flex: 1;
-      color: #666666;
-    }
-  }
-
-  .empty-state {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 100rpx 0;
+    color: #666666;
+    padding: 16rpx 32rpx;
     background: #ffffff;
-    border-radius: 12rpx;
-    margin-top: 20rpx;
+    border-radius: 24rpx;
   }
+}
 
-  .empty-icon {
-    font-size: 80rpx;
-    margin-bottom: 20rpx;
-    opacity: 0.5;
-  }
+.loading-state {
+  text-align: center;
+  padding: 30rpx 0;
+  background: #ffffff;
+  border-radius: 12rpx;
+  margin-top: 20rpx;
 
-  .empty-text {
+  text {
     font-size: 28rpx;
     color: #999999;
   }
-
-  .load-more {
-    text-align: center;
-    padding: 30rpx 0;
-    margin-top: 20rpx;
-
-    text {
-      font-size: 28rpx;
-      color: #666666;
-      padding: 16rpx 32rpx;
-      background: #ffffff;
-      border-radius: 24rpx;
-    }
-  }
-
-  .loading-state {
-    text-align: center;
-    padding: 30rpx 0;
-    background: #ffffff;
-    border-radius: 12rpx;
-    margin-top: 20rpx;
-
-    text {
-      font-size: 28rpx;
-      color: #999999;
-    }
-  }
+}
 </style>
diff --git a/pages/memorial/compositons/enshrinedListIndex.vue b/pages/memorial/compositons/enshrinedListIndex.vue
index 652054b..b3a1d9c 100644
--- a/pages/memorial/compositons/enshrinedListIndex.vue
+++ b/pages/memorial/compositons/enshrinedListIndex.vue
@@ -16,10 +16,16 @@
         class="table-row"
         @click="handleItemClick(item)"
       >
-        <view class="table-cell worshiper-col">{{ item.worshiperName || '未知' }}</view>
-        <view class="table-cell time-col">{{ formatDate(item.startDate) }}</view>
+        <view class="table-cell worshiper-col">{{
+          item.worshiperName || "未知"
+        }}</view>
+        <view class="table-cell time-col">{{
+          formatDate(item.startDate)
+        }}</view>
         <view class="table-cell time-col">{{ formatDate(item.endDate) }}</view>
-        <view class="table-cell type-col">{{ item.thaliName || '未知类型' }}</view>
+        <view class="table-cell type-col">{{
+          item.thaliName || "未知类型"
+        }}</view>
       </view>
     </view>
 
@@ -42,324 +48,326 @@
 </template>
 
 <script>
-  import { getEnshrinedList } from '@/api/memorial/index.js'
+import { getEnshrinedList } from "@/api/memorial/index.js";
 
-  export default {
-    name: 'EnshrinedList',
-    props: {
-      memorialId: {
-        type: [String, Number],
-        required: true,
-      },
-      searchKeyword: {
-        type: String,
-        default: '',
-      },
+export default {
+  name: "EnshrinedList",
+  props: {
+    memorialId: {
+      type: [String, Number],
+      required: true,
     },
-    data() {
-      return {
-        enshrinedList: [],
-        loading: false,
-        pageNum: 1,
-        pageSize: 10,
-        total: 0,
-        hasMore: true,
+    searchKeyword: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      enshrinedList: [],
+      loading: false,
+      pageNum: 1,
+      pageSize: 10,
+      total: 0,
+      hasMore: true,
+    };
+  },
+  watch: {
+    // 移除对searchKeyword的自动监听，避免输入时自动刷新
+    // searchKeyword: {
+    //   handler(newVal) {
+    //     this.resetList()
+    //     this.loadData()
+    //   },
+    //   immediate: false
+    // }
+  },
+  mounted() {
+    this.loadData();
+  },
+  methods: {
+    // 加载数据
+    async loadData() {
+      if (this.loading) return;
+
+      this.loading = true;
+      try {
+        const params = {
+          memorialId: this.memorialId,
+          pageNum: this.pageNum,
+          pageSize: this.pageSize,
+        };
+
+        // 暂时注释搜索功能，等后续实现
+        // if (this.searchKeyword) {
+        //   params.keyword = this.searchKeyword
+        // }
+
+        const response = await getEnshrinedList(params);
+        console.log("API 响应数据:", response); // 调试日志
+
+        // 新的API响应格式: { code: 200, msg: "操作成功", data: [...] }
+        let total = 0;
+        let rows = [];
+
+        if (response && response.code === 200) {
+          // API成功响应
+          rows = response.data || [];
+          total = rows.length; // 如果没有分页信息，使用数组长度
+          console.log("API 返回数据:", rows);
+        } else {
+          console.log("API 响应异常:", response);
+          // API响应异常时使用模拟数据
+          rows = this.getMockData();
+          total = rows.length;
+        }
+
+        this.total = total;
+
+        if (this.pageNum === 1) {
+          this.enshrinedList = rows || [];
+        } else {
+          this.enshrinedList = [...this.enshrinedList, ...(rows || [])];
+        }
+
+        this.hasMore = this.enshrinedList.length < total;
+      } catch (error) {
+        console.error("加载供奉列表失败:", error);
+        // 错误时使用模拟数据（仅用于测试）
+        console.log("API 调用失败，使用模拟数据");
+        const mockData = this.getMockData();
+        if (this.pageNum === 1) {
+          this.enshrinedList = mockData;
+        } else {
+          this.enshrinedList = [...this.enshrinedList, ...mockData];
+        }
+        this.total = mockData.length;
+        this.hasMore = false;
+
+        uni.showToast({
+          title: "网络异常，请稍后重试",
+          icon: "none",
+        });
+      } finally {
+        this.loading = false;
       }
     },
-    watch: {
-      // 移除对searchKeyword的自动监听，避免输入时自动刷新
-      // searchKeyword: {
-      //   handler(newVal) {
-      //     this.resetList()
-      //     this.loadData()
-      //   },
-      //   immediate: false
+
+    // 获取模拟数据（仅用于测试）
+    getMockData() {
+      return [];
+    },
+
+    // 重置列表
+    resetList() {
+      this.enshrinedList = [];
+      this.pageNum = 1;
+      this.total = 0;
+      this.hasMore = true;
+    },
+
+    // 加载更多
+    loadMore() {
+      if (this.hasMore && !this.loading) {
+        this.pageNum++;
+        this.loadData();
+      }
+    },
+
+    // 格式化日期
+    formatDate(dateStr) {
+      return this.$u.date(dateStr, "yyyy-mm-dd");
+
+      // if (!dateStr) return '未知'
+
+      // try {
+      //   // 如果已经是 YYYY-MM-DD 格式，直接返回
+      //   if (/^\d{4}-\d{2}-\d{2}$/.test(dateStr)) {
+      //     return dateStr
+      //   }
+      //
+      //   const date = new Date(dateStr)
+      //   if (isNaN(date.getTime())) {
+      //     return dateStr
+      //   }
+      //
+      //   const year = date.getFullYear()
+      //   const month = String(date.getMonth() + 1).padStart(2, '0')
+      //   const day = String(date.getDate()).padStart(2, '0')
+      //
+      //   return `${year}-${month}-${day}`
+      // } catch (error) {
+      //   console.warn('日期格式化失败:', dateStr, error)
+      //   return dateStr
       // }
     },
-    mounted() {
-      this.loadData()
+
+    // 处理项目点击
+    handleItemClick(item) {
+      this.$emit("item-click", item);
     },
-    methods: {
-      // 加载数据
-      async loadData() {
-        if (this.loading) return
 
-        this.loading = true
-        try {
-          const params = {
-            memorialId: this.memorialId,
-            pageNum: this.pageNum,
-            pageSize: this.pageSize,
-          }
-
-          // 暂时注释搜索功能，等后续实现
-          // if (this.searchKeyword) {
-          //   params.keyword = this.searchKeyword
-          // }
-
-          const response = await getEnshrinedList(params)
-          console.log('API 响应数据:', response) // 调试日志
-
-          // 新的API响应格式: { code: 200, msg: "操作成功", data: [...] }
-          let total = 0
-          let rows = []
-
-          if (response && response.code === 200) {
-            // API成功响应
-            rows = response.data || []
-            total = rows.length // 如果没有分页信息，使用数组长度
-            console.log('API 返回数据:', rows)
-          } else {
-            console.log('API 响应异常:', response)
-            // API响应异常时使用模拟数据
-            rows = this.getMockData()
-            total = rows.length
-          }
-
-          this.total = total
-
-          if (this.pageNum === 1) {
-            this.enshrinedList = rows || []
-          } else {
-            this.enshrinedList = [...this.enshrinedList, ...(rows || [])]
-          }
-
-          this.hasMore = this.enshrinedList.length < total
-        } catch (error) {
-          console.error('加载供奉列表失败:', error)
-          // 错误时使用模拟数据（仅用于测试）
-          console.log('API 调用失败，使用模拟数据')
-          const mockData = this.getMockData()
-          if (this.pageNum === 1) {
-            this.enshrinedList = mockData
-          } else {
-            this.enshrinedList = [...this.enshrinedList, ...mockData]
-          }
-          this.total = mockData.length
-          this.hasMore = false
-
-          uni.showToast({
-            title: '网络异常，请稍后重试',
-            icon: 'none',
-          })
-        } finally {
-          this.loading = false
-        }
-      },
-
-      // 获取模拟数据（仅用于测试）
-      getMockData() {
-        return []
-      },
-
-      // 重置列表
-      resetList() {
-        this.enshrinedList = []
-        this.pageNum = 1
-        this.total = 0
-        this.hasMore = true
-      },
-
-      // 加载更多
-      loadMore() {
-        if (this.hasMore && !this.loading) {
-          this.pageNum++
-          this.loadData()
-        }
-      },
-
-      // 格式化日期
-      formatDate(dateStr) {
-        if (!dateStr) return '未知'
-
-        try {
-          // 如果已经是 YYYY-MM-DD 格式，直接返回
-          if (/^\d{4}-\d{2}-\d{2}$/.test(dateStr)) {
-            return dateStr
-          }
-
-          const date = new Date(dateStr)
-          if (isNaN(date.getTime())) {
-            return dateStr
-          }
-
-          const year = date.getFullYear()
-          const month = String(date.getMonth() + 1).padStart(2, '0')
-          const day = String(date.getDate()).padStart(2, '0')
-
-          return `${year}-${month}-${day}`
-        } catch (error) {
-          console.warn('日期格式化失败:', dateStr, error)
-          return dateStr
-        }
-      },
-
-      // 处理项目点击
-      handleItemClick(item) {
-        this.$emit('item-click', item)
-      },
-
-      // 刷新列表
-      refresh() {
-        this.resetList()
-        this.loadData()
-      },
+    // 刷新列表
+    refresh() {
+      this.resetList();
+      this.loadData();
     },
-  }
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-  .enshrined-list {
-    padding: 46rpx 0 30rpx 44rpx;
-    width: 680rpx;
-    height: 858rpx;
-    background-color: #fffbf5;
-    border-radius: 20rpx 20rpx 20rpx 20rpx;
-    border: 1rpx solid #c7a26d;
-    margin-bottom: 12rpx;
+.enshrined-list {
+  padding: 46rpx 0 30rpx 44rpx;
+  width: 680rpx;
+  height: 858rpx;
+  background-color: #fffbf5;
+  border-radius: 20rpx 20rpx 20rpx 20rpx;
+  border: 1rpx solid #c7a26d;
+  margin-bottom: 12rpx;
+}
+
+.table-header {
+  display: flex;
+  border-radius: 12rpx 12rpx 0 0;
+  overflow: hidden;
+  justify-content: space-between;
+}
+
+.header-cell {
+  position: relative;
+  font-weight: 400;
+  font-size: 28rpx;
+  color: #695347;
+  line-height: 38rpx;
+  text-align: left;
+
+  &:last-child {
+    border-right: none;
   }
 
-  .table-header {
-    display: flex;
-    border-radius: 12rpx 12rpx 0 0;
-    overflow: hidden;
-    justify-content: space-between;
+  &.worshiper-col {
+    flex: 2;
   }
 
-  .header-cell {
-    position: relative;
-    font-weight: 400;
+  &.time-col {
+    flex: 2;
+  }
+
+  &.type-col {
+    flex: 2;
+  }
+}
+
+.table-body {
+  border-radius: 0 0 12rpx 12rpx;
+  overflow: hidden;
+}
+
+.table-row {
+  display: flex;
+  transition: background-color 0.2s ease;
+  margin-top: 30rpx;
+  //&:last-child {
+  //  border-bottom: none;
+  //}
+  //
+  //&:hover {
+  //  background-color: #f9f9f9;
+  //}
+  //
+  //&:active {
+  //  background-color: #f0f0f0;
+  //}
+  //
+  //&:nth-child(even) {
+  //  background-color: #fafafa;
+  //
+  //  &:hover {
+  //    background-color: #f5f5f5;
+  //  }
+  //}
+}
+
+.table-cell {
+  //padding: 20rpx 16rpx;
+  word-break: break-all;
+  display: flex;
+  align-items: center;
+  font-weight: 400;
+  font-size: 24rpx;
+  color: #522510;
+  line-height: 32rpx;
+  text-align: left;
+  //border: 1rpx solid #C7A26D;
+
+  &:last-child {
+    border-right: none;
+  }
+
+  &.worshiper-col {
+    flex: 1;
+    font-weight: 500;
+    color: #333333;
+  }
+
+  &.time-col {
+    flex: 1;
+    color: #666666;
+  }
+
+  &.type-col {
+    flex: 1;
+    color: #666666;
+  }
+}
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 100rpx 0;
+  background: #ffffff;
+  border-radius: 12rpx;
+  margin-top: 20rpx;
+}
+
+.empty-icon {
+  font-size: 80rpx;
+  margin-bottom: 20rpx;
+  opacity: 0.5;
+}
+
+.empty-text {
+  font-size: 28rpx;
+  color: #999999;
+}
+
+.load-more {
+  text-align: center;
+  padding: 30rpx 0;
+  margin-top: 20rpx;
+
+  text {
     font-size: 28rpx;
-    color: #695347;
-    line-height: 38rpx;
-    text-align: left;
-
-    &:last-child {
-      border-right: none;
-    }
-
-    &.worshiper-col {
-      flex: 2;
-    }
-
-    &.time-col {
-      flex: 2;
-    }
-
-    &.type-col {
-      flex: 2;
-    }
-  }
-
-  .table-body {
-    border-radius: 0 0 12rpx 12rpx;
-    overflow: hidden;
-  }
-
-  .table-row {
-    display: flex;
-    transition: background-color 0.2s ease;
-    margin-top: 30rpx;
-    //&:last-child {
-    //  border-bottom: none;
-    //}
-    //
-    //&:hover {
-    //  background-color: #f9f9f9;
-    //}
-    //
-    //&:active {
-    //  background-color: #f0f0f0;
-    //}
-    //
-    //&:nth-child(even) {
-    //  background-color: #fafafa;
-    //
-    //  &:hover {
-    //    background-color: #f5f5f5;
-    //  }
-    //}
-  }
-
-  .table-cell {
-    //padding: 20rpx 16rpx;
-    word-break: break-all;
-    display: flex;
-    align-items: center;
-    font-weight: 400;
-    font-size: 24rpx;
-    color: #522510;
-    line-height: 32rpx;
-    text-align: left;
-    //border: 1rpx solid #C7A26D;
-
-    &:last-child {
-      border-right: none;
-    }
-
-    &.worshiper-col {
-      flex: 1;
-      font-weight: 500;
-      color: #333333;
-    }
-
-    &.time-col {
-      flex: 1;
-      color: #666666;
-    }
-
-    &.type-col {
-      flex: 1;
-      color: #666666;
-    }
-  }
-
-  .empty-state {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 100rpx 0;
+    color: #666666;
+    padding: 16rpx 32rpx;
     background: #ffffff;
-    border-radius: 12rpx;
-    margin-top: 20rpx;
+    border-radius: 24rpx;
   }
+}
 
-  .empty-icon {
-    font-size: 80rpx;
-    margin-bottom: 20rpx;
-    opacity: 0.5;
-  }
+.loading-state {
+  text-align: center;
+  padding: 30rpx 0;
+  background: #ffffff;
+  border-radius: 12rpx;
+  margin-top: 20rpx;
 
-  .empty-text {
+  text {
     font-size: 28rpx;
     color: #999999;
   }
-
-  .load-more {
-    text-align: center;
-    padding: 30rpx 0;
-    margin-top: 20rpx;
-
-    text {
-      font-size: 28rpx;
-      color: #666666;
-      padding: 16rpx 32rpx;
-      background: #ffffff;
-      border-radius: 24rpx;
-    }
-  }
-
-  .loading-state {
-    text-align: center;
-    padding: 30rpx 0;
-    background: #ffffff;
-    border-radius: 12rpx;
-    margin-top: 20rpx;
-
-    text {
-      font-size: 28rpx;
-      color: #999999;
-    }
-  }
+}
 </style>