diff --git a/app/api/property.js b/app/api/property.js
index b950427..efbec90 100644
--- a/app/api/property.js
+++ b/app/api/property.js
@@ -27,6 +27,34 @@ export function wishMenuList(params) {
   );
 }
 
+// 每日菜单明细列表（支持按 menuDate 查询）
+export function listDailyMenuDetails(params) {
+  return request.get(
+    'autogencode/pmdailymenudtl/listByAll',
+    params,
+    { useAdminUrl: true }
+  );
+}
+
+// 菜单明细点赞/点踩
+export function likeDailyMenuItem(data) {
+  return request.post(
+    'autogencode/pmdailymenudtllike/like',
+    data,
+    { useAdminUrl: true },
+    data
+  );
+}
+
+// 菜品排行（点赞/点踩）
+export function getDailyMenuRanking(params) {
+  return request.get(
+    'autogencode/pmdailymenudtllike/ranking',
+    params,
+    { useAdminUrl: true }
+  );
+}
+
 // 报修记录 - 列表
 export function listMaintenanceOrder(params) {
   return request.get(
diff --git a/app/manifest.json b/app/manifest.json
index eedff33..2b6cd8f 100644
--- a/app/manifest.json
+++ b/app/manifest.json
@@ -169,7 +169,7 @@
         "async" : {
             "timeout" : 200000
         },
-        "title" : "甄味馆"
+        "title" : "八方物业"
     },
     "plus" : {
         "statusbar" : {
diff --git a/app/pages.json b/app/pages.json
index ea9edee..24ebd75 100644
--- a/app/pages.json
+++ b/app/pages.json
@@ -196,8 +196,8 @@
 					"path": "traceability/index",
 					"style": {
 						"navigationBarTitleText": "溯源信息查看",
-						"navigationBarBackgroundColor": "#409EFF",
-						"navigationBarTextStyle": "white"
+						"navigationBarBackgroundColor": "#FFFFFF",
+						"navigationBarTextStyle": "black"
 						// #ifdef H5
 							,
 						"navigationStyle": "custom"
@@ -208,8 +208,8 @@
 					"path": "evaluation/index",
 					"style": {
 						"navigationBarTitleText": "食材满意度评价",
-						"navigationBarBackgroundColor": "#409EFF",
-						"navigationBarTextStyle": "white"
+						"navigationBarBackgroundColor": "#FFFFFF",
+						"navigationBarTextStyle": "black"
 						// #ifdef H5
 							,
 						"navigationStyle": "custom"
@@ -220,8 +220,8 @@
 					"path": "supply_query/index",
 					"style": {
 						"navigationBarTitleText": "物供相关查询",
-						"navigationBarBackgroundColor": "#409EFF",
-						"navigationBarTextStyle": "white"
+						"navigationBarBackgroundColor": "#FFFFFF",
+						"navigationBarTextStyle": "black"
 						// #ifdef H5
 							,
 						"navigationStyle": "custom"
@@ -232,8 +232,8 @@
 					"path": "purchase/index",
 					"style": {
 						"navigationBarTitleText": "采购相关操作",
-						"navigationBarBackgroundColor": "#409EFF",
-						"navigationBarTextStyle": "white"
+						"navigationBarBackgroundColor": "#FFFFFF",
+						"navigationBarTextStyle": "black"
 						// #ifdef H5
 							,
 						"navigationStyle": "custom"
@@ -244,8 +244,8 @@
 					"path": "stock/index",
 					"style": {
 						"navigationBarTitleText": "库存查询",
-						"navigationBarBackgroundColor": "#409EFF",
-						"navigationBarTextStyle": "white"
+						"navigationBarBackgroundColor": "#FFFFFF",
+						"navigationBarTextStyle": "black"
 						// #ifdef H5
 							,
 						"navigationStyle": "custom"
@@ -256,8 +256,8 @@
 					"path": "stock/detail",
 					"style": {
 						"navigationBarTitleText": "库存明细",
-						"navigationBarBackgroundColor": "#409EFF",
-						"navigationBarTextStyle": "white"
+						"navigationBarBackgroundColor": "#FFFFFF",
+						"navigationBarTextStyle": "black"
 						// #ifdef H5
 							,
 						"navigationStyle": "custom"
@@ -268,8 +268,8 @@
 					"path": "approval/index",
 					"style": {
 						"navigationBarTitleText": "审批处理",
-						"navigationBarBackgroundColor": "#409EFF",
-						"navigationBarTextStyle": "white"
+						"navigationBarBackgroundColor": "#FFFFFF",
+						"navigationBarTextStyle": "black"
 						// #ifdef H5
 							,
 						"navigationStyle": "custom"
@@ -280,8 +280,8 @@
 					"path": "material_receipt/index",
 					"style": {
 						"navigationBarTitleText": "物资领用",
-						"navigationBarBackgroundColor": "#409EFF",
-						"navigationBarTextStyle": "white"
+						"navigationBarBackgroundColor": "#FFFFFF",
+						"navigationBarTextStyle": "black"
 						// #ifdef H5
 							,
 						"navigationStyle": "custom"
@@ -292,8 +292,8 @@
 					"path": "complaint/index",
 					"style": {
 						"navigationBarTitleText": "投诉与建议",
-						"navigationBarBackgroundColor": "#409EFF",
-						"navigationBarTextStyle": "white"
+						"navigationBarBackgroundColor": "#FFFFFF",
+						"navigationBarTextStyle": "black"
 						// #ifdef H5
 							,
 						"navigationStyle": "custom"
@@ -303,9 +303,9 @@
 				{
 					"path": "wish_menu/index",
 					"style": {
-						"navigationBarTitleText": "祈愿菜单",
-						"navigationBarBackgroundColor": "#409EFF",
-						"navigationBarTextStyle": "white"
+						"navigationBarTitleText": "每日菜单",
+						"navigationBarBackgroundColor": "#FFFFFF",
+						"navigationBarTextStyle": "black"
 						// #ifdef H5
 							,
 						"navigationStyle": "custom"
@@ -316,8 +316,8 @@
 					"path": "repair/index",
 					"style": {
 						"navigationBarTitleText": "报修服务",
-						"navigationBarBackgroundColor": "#409EFF",
-						"navigationBarTextStyle": "white"
+						"navigationBarBackgroundColor": "#FFFFFF",
+						"navigationBarTextStyle": "black"
 						// #ifdef H5
 							,
 						"navigationStyle": "custom"
@@ -328,8 +328,8 @@
 					"path": "notice/index",
 					"style": {
 						"navigationBarTitleText": "通知公告列表",
-						"navigationBarBackgroundColor": "#409EFF",
-						"navigationBarTextStyle": "white"
+						"navigationBarBackgroundColor": "#FFFFFF",
+						"navigationBarTextStyle": "black"
 						// #ifdef H5
 							,
 						"navigationStyle": "custom"
@@ -340,8 +340,8 @@
 					"path": "notice_detail/index",
 					"style": {
 						"navigationBarTitleText": "通知详情",
-						"navigationBarBackgroundColor": "#409EFF",
-						"navigationBarTextStyle": "white"
+						"navigationBarBackgroundColor": "#FFFFFF",
+						"navigationBarTextStyle": "black"
 						// #ifdef H5
 							,
 						"navigationStyle": "custom"
diff --git a/app/pages/index/index.vue b/app/pages/index/index.vue
index 01f4ed4..1c4ad9d 100644
--- a/app/pages/index/index.vue
+++ b/app/pages/index/index.vue
@@ -6,10 +6,11 @@
 				<view class="serch-wrapper flex">
 					<view class="logo">
 						<image :src="logoUrl" mode=""></image>
-					</view>
-					<navigator url="/pages/goods_search/index" class="input" hover-class="none"><text
+					</view>
+					<text class="title">八方物业</text>
+					<!-- <navigator url="/pages/goods_search/index" class="input" hover-class="none"><text
 							class="iconfont icon-xiazai5"></text>
-						搜索商品</navigator>
+						搜索商品</navigator> -->
 				</view>
 			</view>
 			<!-- #endif -->
@@ -1046,17 +1047,23 @@
 			top: 0;
 			z-index: 200000;
 			width: 100%;
-			background-color: $theme-color;
+			background-color: #ffffff;//$theme-color;
 			padding: 28rpx 30rpx;
 
 			.serch-wrapper {
 				margin-top: var(--status-bar-height);
 				align-items: center;
 
-				/* #ifdef MP-WEIXIN */
+				/* #ifdef MP-WEIXIN */
+				margin-top: calc(var(--status-bar-height) + 30rpx);
 				width: 75%;
 				/* #endif */
-
+
+				.title {
+					margin-top: 4rpx;
+					font-weight: 500;
+					font-size: 32rpx;
+				}
 
 				.logo {
 					width: 50rpx;
@@ -1479,7 +1486,7 @@
 		/* #endif */
 		width: 100%;
 		height: 304rpx;
-		background: linear-gradient(180deg, #409EFF 0%, #F5F5F5 100%, #409EFF 100%);
+		// background: linear-gradient(180deg, #4dbcff 0%, #F5F5F5 100%, #4dbcff 100%);
 		// border-radius: 0 0 30rpx 30rpx;
 
 
diff --git a/app/pages/supply_chain/wish_menu/index.vue b/app/pages/supply_chain/wish_menu/index.vue
index 5515c4c..12aa2fc 100644
--- a/app/pages/supply_chain/wish_menu/index.vue
+++ b/app/pages/supply_chain/wish_menu/index.vue
@@ -1,730 +1,413 @@
 <template>
-  <z-paging ref="paging" v-model="records" @query="queryList" :layout-only="activeTab === 'form'">
-    <template #top>
-      <!-- 顶部标签：我要祈愿 / 祈愿记录 -->
-      <view class="tabs">
-        <view
-          class="tab"
-          :class="activeTab === 'form' ? 'active' : ''"
-          @click="activeTab = 'form'"
-        >
-          我要祈愿
-        </view>
-        <view
-          class="tab"
-          :class="activeTab === 'list' ? 'active' : ''"
-          @click="switchToList"
-        >
-          祈愿记录
-        </view>
+  <view class="page">
+    <view class="date-card">
+      <view class="date-row">
+        <view class="date-btn" @click="changeDateBy(-1)">前一天</view>
+        <picker mode="date" :value="selectedDate" @change="onDatePicked">
+          <view class="date-text">{{ selectedDate }}</view>
+        </picker>
+        <view class="date-btn" @click="changeDateBy(1)">后一天</view>
       </view>
-    </template>
-
-    <!-- 表单区域 -->
-    <view class="tab-content" v-show="activeTab === 'form'">
-      <view class="form-card">
-        <view class="form-item">
-          <text class="label">祈愿菜品</text>
-          <textarea
-            class="textarea"
-            v-model="form.csContent"
-            placeholder="请详细描述您想吃的菜品..."
-            maxlength="300"
-            :auto-height="true"
-          />
-          <text class="count">{{ form.csContent.length }}/300</text>
-        </view>
-
-        <view class="form-item">
-          <text class="label">联系方式</text>
-          <input
-            class="input"
-            type="text"
-            v-model="form.phone"
-            placeholder="请输入手机号（方便联系）"
-            maxlength="20"
-          />
-        </view>
+      <view class="date-tip">默认当天，可切换查看不同日期菜单</view>
+    </view>
 
-        <view class="form-item">
-          <text class="label">上传图片（选填）</text>
-          <view class="upload-section">
-            <view class="upload-list">
-              <view
-                class="upload-item"
-                v-for="(image, index) in images"
-                :key="index"
-              >
-                <image :src="HTTP_ADMIN_URL + '/' + image.url" mode="aspectFill"></image>
-                <text class="delete-btn" @click="deleteImage(index)">×</text>
+    <view class="section">
+      <view class="section-title">当日菜单</view>
+
+      <view class="meal-card" v-for="meal in mealSections" :key="meal.key">
+        <view class="meal-title">{{ meal.label }}</view>
+        <view v-if="meal.list.length">
+          <view class="dish-item" v-for="item in meal.list" :key="item.id">
+            <view class="dish-main">
+              <view class="dish-name">{{ item.itemName || '未命名菜品' }}</view>
+              <view class="dish-desc" v-if="item.remark">{{ item.remark }}</view>
+              <view class="dish-price" v-if="item.itemPrice !== undefined && item.itemPrice !== null">
+                ￥{{ item.itemPrice }}
+              </view>
+            </view>
+            <view class="action-row">
+              <view class="action like" @click="submitLike(item, '1')">
+                👍 {{ item.likeCount || 0 }}
               </view>
-              <view class="upload-btn" @click="chooseImage" v-if="images.length < 9">
-                <text class="iconfont icon-tianjia"></text>
-                <text>添加图片</text>
+              <view class="action dislike" @click="submitLike(item, '2')">
+                👎 {{ item.dislikeCount || 0 }}
               </view>
             </view>
-            <text class="hint">最多上传9张图片</text>
           </view>
         </view>
-
-        <view class="form-item remark-item">
-          <text class="label">备注（选填）</text>
-          <input
-            class="input"
-            type="text"
-            v-model="form.remark"
-            placeholder="如有补充说明可在此填写"
-            maxlength="100"
-          />
-        </view>
-      </view>
-
-      <view class="submit-section">
-        <view class="submit-btn" @click="submitWish">
-          提交祈愿
-        </view>
+        <view v-else class="empty">暂无{{ meal.label }}菜品</view>
       </view>
     </view>
 
-    <!-- 列表区域 -->
-    <view class="tab-content" v-show="activeTab === 'list'">
-      <view
-        class="record-card"
-        v-for="item in records"
-        :key="item.id"
-      >
-        <view class="card-header">
-          <view class="left">
-            <text class="type">祈愿</text>
-            <text
-              class="status"
-              :class="statusClassMap[item.status] || statusClassMap['__default__']"
-            >
-              {{ statusText(item.status) }}
-            </text>
-          </view>
-          <view class="header-right">
-            <text class="time">
-              {{ item.submitTime || item.createTime || '' }}
-            </text>
-            <text class="delete-btn" @click="handleDelete(item.id)">删除</text>
-          </view>
-        </view>
-
-        <view class="card-body">
-          <view class="row">
-            <text class="label">祈愿人</text>
-            <text class="value">
-              {{ getOwnerName(item) }}
-            </text>
-          </view>
-          <view class="row">
-            <text class="label">祈愿菜品</text>
-            <text class="value">
-              {{ item.csContent || '—' }}
-            </text>
-          </view>
-          <view class="row" v-if="item.handlerReslut">
-            <text class="label">处理结果</text>
-            <text class="value">
-              {{ item.handlerReslut }}
-            </text>
-          </view>
-          <view class="row" v-if="item.handlerName">
-            <text class="label">处理人</text>
-            <text class="value">
-              {{ item.handlerName }}
-            </text>
-          </view>
-          <view class="row" v-if="item.handlerDate">
-            <text class="label">处理时间</text>
-            <text class="value">
-              {{ item.handlerDate }}
-            </text>
-          </view>
+    <view class="section">
+      <view class="rank-header">
+        <view class="section-title">菜品排行</view>
+        <view class="rank-tabs">
           <view
-            class="image-section"
-            v-if="item.beforeProcessFiles && item.beforeProcessFiles.length"
+            class="rank-tab"
+            :class="rankingType === 'like' ? 'active' : ''"
+            @click="switchRanking('like')"
           >
-            <text class="image-title">祈愿图片</text>
-            <view class="image-grid">
-              <view
-                class="image-item"
-                v-for="(file, imgIndex) in item.beforeProcessFiles"
-                :key="imgIndex"
-                @click="previewRecordImages(item.beforeProcessFiles, imgIndex)"
-              >
-                <image
-                  :src="HTTP_ADMIN_URL + '/' + (file.url || file.attDir)"
-                  mode="aspectFill"
-                ></image>
-              </view>
-            </view>
+            点赞排行
           </view>
           <view
-            class="image-section"
-            v-if="item.afterProcessFiles && item.afterProcessFiles.length"
+            class="rank-tab"
+            :class="rankingType === 'dislike' ? 'active' : ''"
+            @click="switchRanking('dislike')"
           >
-            <text class="image-title">处理图片</text>
-            <view class="image-grid">
-              <view
-                class="image-item"
-                v-for="(file, imgIndex) in item.afterProcessFiles"
-                :key="imgIndex"
-                @click="previewRecordImages(item.afterProcessFiles, imgIndex)"
-              >
-                <image
-                  :src="HTTP_ADMIN_URL + '/' + (file.url || file.attDir)"
-                  mode="aspectFill"
-                ></image>
-              </view>
-            </view>
+            点踩排行
+          </view>
+        </view>
+      </view>
+
+      <view v-if="rankingList.length">
+        <view class="rank-item" v-for="(item, index) in rankingList" :key="item.id || index">
+          <view class="rank-left">
+            <text class="rank-no" :class="index < 3 ? 'top' : ''">{{ index + 1 }}</text>
+            <text class="rank-name">{{ item.itemName || '未命名菜品' }}</text>
+          </view>
+          <view class="rank-right">
+            <text v-if="rankingType === 'like'">👍 {{ item.likeCount || 0 }}</text>
+            <text v-else>👎 {{ item.dislikeCount || 0 }}</text>
           </view>
         </view>
       </view>
+      <view v-else class="empty">暂无排行数据</view>
     </view>
-  </z-paging>
+  </view>
 </template>
 
 <script>
 import {
-  createComplaintSuggestion,
-  wishMenuList,
-  deleteComplaintSuggestion
+  listDailyMenuDetails,
+  likeDailyMenuItem,
+  getDailyMenuRanking
 } from '@/api/property.js';
-import request from '@/utils/request.js';
-import { HTTP_ADMIN_URL } from '@/config/app';
-import store from '@/store';
 
 export default {
   data() {
     return {
-      HTTP_ADMIN_URL,
-      activeTab: 'form',
-      form: {
-        csType: '99',
-        submitChannel: '1',
-        csContent: '',
-        remark: '',
-        phone: '',
-      },
-      images: [],
-      records: [],
-      statusClassMap: {
-        0: 'status-pending',
-        1: 'status-pending',
-        2: 'status-processing',
-        3: 'status-done',
-        '__default__': 'status-pending'
-      }
+      selectedDate: '',
+      menuList: [],
+      rankingType: 'like',
+      rankingList: [],
+      mealSections: [
+        { key: 'breakfast', label: '早餐', list: [] },
+        { key: 'lunch', label: '中餐', list: [] },
+        { key: 'dinner', label: '晚餐', list: [] }
+      ]
     };
   },
   onLoad() {
-    if (this.activeTab === 'list') {
-      this.refreshList();
-    }
+    this.selectedDate = this.formatDate(new Date());
+    this.loadPageData();
   },
   methods: {
-    switchToList() {
-      this.activeTab = 'list';
-      if (!this.records.length) {
-        this.$refs.paging.reload();
-      }
-    },
-    chooseImage() {
-      // #ifndef MP-WEIXIN
-      uni.chooseImage({
-        count: 9 - this.images.length,
-        sizeType: ['compressed'],
-        sourceType: ['album', 'camera'],
-        success: (res) => {
-          this.uploadImages(res.tempFilePaths);
-        },
-        fail: (err) => {
-          console.error('选择图片失败:', err);
-        }
-      });
-      // #endif
-      // #ifdef MP-WEIXIN
-      uni.chooseMedia({
-        count: 9 - this.images.length,
-        mediaType: ['image'],
-        sourceType: ['album', 'camera'],
-        sizeType: ['compressed'],
-        success: (res) => {
-          const tempFilePaths = res.tempFiles.map(file => file.tempFilePath);
-          this.uploadImages(tempFilePaths);
-        },
-        fail: (err) => {
-          console.error('选择图片失败:', err);
-        }
-      });
-      // #endif
-    },
-    async uploadImages(filePaths) {
-      for (let i = 0; i < filePaths.length; i++) {
-        try {
-          uni.showLoading({ title: '上传中...', mask: true });
-          const result = await request.uploadFile(filePaths[i], 'multipart', {}, {
-            params: {
-              model: 'app-wish',
-              pid: 10
-            }
-          });
-          this.images.push(result);
-        } catch (e) {
-          console.error('上传图片失败:', e);
-          uni.showToast({
-            title: '上传失败：' + (typeof e === 'string' ? e : '未知错误'),
-            icon: 'none'
-          });
-        } finally {
-          uni.hideLoading();
-        }
-      }
+    async loadPageData() {
+      await Promise.all([this.loadMenuByDate(), this.loadRanking()]);
     },
-    deleteImage(index) {
-      this.images.splice(index, 1);
-    },
-    async submitWish() {
-      if (!this.form.csContent.trim()) {
+    async loadMenuByDate() {
+      try {
+        uni.showLoading({ title: '加载菜单中...', mask: true });
+        const res = await listDailyMenuDetails({ menuDate: this.selectedDate });
+        const list = res?.data || [];
+        this.menuList = list;
+        this.groupMeals(list);
+      } catch (e) {
+        this.menuList = [];
+        this.groupMeals([]);
         uni.showToast({
-          title: '请填写祈愿菜品',
+          title: typeof e === 'string' ? e : '菜单加载失败',
           icon: 'none'
         });
-        return;
+      } finally {
+        uni.hideLoading();
       }
-
-      const imageFiles = this.images.map(file => {
-        let attDir = file.url;
-        return {
-          attId: file.id + '',
-          name: file.fileName,
-          attDir,
-          attSize: file.fileSize,
-          attType: file.type,
-          fileName: file.fileName,
-          filePath: attDir,
-          url: attDir,
-          originalFileName: file.fileName
-        };
+    },
+    groupMeals(list) {
+      const breakfast = [];
+      const lunch = [];
+      const dinner = [];
+      list.forEach((item) => {
+        const mealType = this.normalizeMealType(item.mealType);
+        if (mealType === 'breakfast') {
+          breakfast.push(item);
+        } else if (mealType === 'lunch') {
+          lunch.push(item);
+        } else if (mealType === 'dinner') {
+          dinner.push(item);
+        }
       });
-
-      // 获取当前时间的yyyy-mm-dd hh:mm:ss格式
-      const getCurrentTime = () => {
-        const date = new Date();
-        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 seconds = String(date.getSeconds()).padStart(2, '0');
-        return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-      };
-
-      const payload = {
-        csType: this.form.csType,
-        submitChannel: this.form.submitChannel,
-        csContent: this.form.csContent.trim(),
-        remark: this.form.remark.trim(),
-        phone: this.form.phone.trim(),
-        status: '1',
-        beforeProcessFiles: imageFiles,
-        submitTime: getCurrentTime(),
-      };
-
+      this.mealSections = [
+        { key: 'breakfast', label: '早餐', list: breakfast },
+        { key: 'lunch', label: '中餐', list: lunch },
+        { key: 'dinner', label: '晚餐', list: dinner }
+      ];
+    },
+    normalizeMealType(type) {
+      if (!type) return '';
+      const v = String(type).trim();
+      if (v === '早餐' || v === '0' || v.toLowerCase() === 'breakfast') return 'breakfast';
+      if (v === '中餐' || v === '午餐' || v === '1' || v.toLowerCase() === 'lunch') return 'lunch';
+      if (v === '晚餐' || v === '2' || v.toLowerCase() === 'dinner') return 'dinner';
+      return '';
+    },
+    async submitLike(item, likeType) {
+      if (!item || !item.id) return;
       try {
-        uni.showLoading({ title: '提交中...', mask: true });
-        await createComplaintSuggestion(payload);
-        uni.hideLoading();
+        uni.showLoading({ title: likeType === '1' ? '点赞中...' : '点踩中...', mask: true });
+        await likeDailyMenuItem({
+          menuDtlId: item.id,
+          likeType
+        });
         uni.showToast({
-          title: '提交成功',
+          title: likeType === '1' ? '点赞成功' : '点踩成功',
           icon: 'success'
         });
-
-        this.form.csContent = '';
-        this.form.remark = '';
-        this.form.phone = '';
-        this.images = [];
-
-        if (this.activeTab === 'list') {
-          this.$refs.paging.reload();
-        }
+        await Promise.all([this.loadMenuByDate(), this.loadRanking()]);
       } catch (e) {
-        uni.hideLoading();
         uni.showToast({
-          title: typeof e === 'string' ? e : '提交失败，请稍后重试',
+          title: typeof e === 'string' ? e : '操作失败',
           icon: 'none'
         });
+      } finally {
+        uni.hideLoading();
       }
     },
-    // 获取祈愿记录列表
-    queryList(pageNo, pageSize) {
-      // 调用API
-      wishMenuList({
-        page: pageNo,
-        limit: pageSize
-      }).then((res) => {
-        const data = res?.data;
-        const list = data?.list || [];
-        // 将请求结果通过complete传给z-paging处理
-        this.$refs.paging.complete(list);
-      }).catch((err) => {
-        console.error('获取祈愿记录失败:', err);
-        // 如果请求失败，调用complete(false)
-        this.$refs.paging.complete(false);
-      });
+    async loadRanking() {
+      try {
+        const res = await getDailyMenuRanking({
+          limit: 10,
+          rankingType: this.rankingType,
+          startDate: this.selectedDate,
+          endDate: this.selectedDate
+        });
+        this.rankingList = res?.data?.list || [];
+      } catch (e) {
+        this.rankingList = [];
+      }
     },
-    statusText(status) {
-      if (!status || status === '0') return '待处理';
-      if (status === '1') return '未处理';
-      if (status === '2') return '处理中';
-      if (status === '3') return '已处理';
-      return status;
+    async switchRanking(type) {
+      if (this.rankingType === type) return;
+      this.rankingType = type;
+      await this.loadRanking();
     },
-    previewRecordImages(files, index) {
-      if (!files || !files.length) return;
-      const urls = files.map(file => {
-        const path = file.url || file.attDir || file.filePath;
-        return this.HTTP_ADMIN_URL + '/' + path;
-      });
-      uni.previewImage({
-        current: index,
-        urls
-      });
+    async onDatePicked(e) {
+      this.selectedDate = e.detail.value;
+      await this.loadPageData();
     },
-    async handleDelete(id) {
-      uni.showModal({
-        title: '确认删除',
-        content: '确定要删除这条祈愿记录吗？',
-        success: async (res) => {
-          if (res.confirm) {
-            try {
-              uni.showLoading({ title: '删除中...', mask: true });
-              await deleteComplaintSuggestion([id]);
-              uni.hideLoading();
-              uni.showToast({
-                title: '删除成功',
-                icon: 'success'
-              });
-              this.$refs.paging.reload();
-            } catch (e) {
-              uni.hideLoading();
-              uni.showToast({
-                title: typeof e === 'string' ? e : '删除失败，请稍后重试',
-                icon: 'none'
-              });
-            }
-          }
-        }
-      });
+    async changeDateBy(step) {
+      const d = new Date(this.selectedDate.replace(/-/g, '/'));
+      d.setDate(d.getDate() + step);
+      this.selectedDate = this.formatDate(d);
+      await this.loadPageData();
     },
-    getOwnerName(item) {
-      if (item.ownerId === store.getters.uid) {
-        return store.getters.userInfo.nickname || '—';
-      }
-      return item.ownerName || '—';
-    }, 
+    formatDate(date) {
+      const y = date.getFullYear();
+      const m = `${date.getMonth() + 1}`.padStart(2, '0');
+      const d = `${date.getDate()}`.padStart(2, '0');
+      return `${y}-${m}-${d}`;
+    }
   }
 };
 </script>
 
 <style lang="scss">
-.tabs {
-  padding: 0 30rpx;
+.page {
+  min-height: 100vh;
+  background: #f6f7fb;
+  padding: 24rpx;
+}
+
+.date-card,
+.section,
+.meal-card {
+  background: #fff;
+  border-radius: 16rpx;
+}
+
+.date-card {
+  padding: 24rpx;
+  margin-bottom: 20rpx;
+}
+
+.date-row {
   display: flex;
-  margin-bottom: 30rpx;
-  background-color: #fff;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.date-btn {
+  width: 160rpx;
+  text-align: center;
+  height: 64rpx;
+  line-height: 64rpx;
+  background: #f2f4f8;
+  color: #333;
   border-radius: 10rpx;
-  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
-
-  .tab {
-    flex: 1;
-    height: 80rpx;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 26rpx;
-    color: #666;
-    position: relative;
-
-    &.active {
-      color: #409EFF;
-
-      &::after {
-        content: '';
-        position: absolute;
-        bottom: 0;
-        left: 50%;
-        transform: translateX(-50%);
-        width: 60rpx;
-        height: 4rpx;
-        background-color: #409EFF;
-        border-radius: 2rpx;
-      }
-    }
-  }
+  font-size: 26rpx;
 }
 
-.tab-content {
-  padding: 0 30rpx;
-  
-  .form-card {
-    background-color: #fff;
-    border-radius: 10rpx;
-    padding: 30rpx;
-    box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.08);
-
-    .form-item {
-      margin-bottom: 30rpx;
-
-      .label {
-        display: block;
-        font-size: 26rpx;
-        color: #333;
-        margin-bottom: 16rpx;
-        font-weight: 600;
-      }
+.date-text {
+  min-width: 260rpx;
+  text-align: center;
+  font-size: 30rpx;
+  color: #1f2d3d;
+  font-weight: 600;
+}
 
-      .input {
-        width: 100%;
-        height: 72rpx;
-        border-radius: 10rpx;
-        border: 1rpx solid #e5e5e5;
-        padding: 0 20rpx;
-        font-size: 24rpx;
-        box-sizing: border-box;
-      }
+.date-tip {
+  margin-top: 16rpx;
+  color: #8a94a6;
+  font-size: 24rpx;
+}
 
-      .textarea {
-        width: 100%;
-        min-height: 160rpx;
-        border-radius: 10rpx;
-        border: 1rpx solid #e5e5e5;
-        padding: 20rpx;
-        font-size: 24rpx;
-        box-sizing: border-box;
-        line-height: 1.6;
-      }
+.section {
+  padding: 24rpx;
+  margin-bottom: 20rpx;
+}
 
-      .count {
-        display: block;
-        margin-top: 10rpx;
-        text-align: right;
-        font-size: 20rpx;
-        color: #999;
-      }
+.section-title {
+  font-size: 32rpx;
+  color: #222;
+  font-weight: 600;
+  margin-bottom: 18rpx;
+}
 
-      .upload-section {
-        .upload-list {
-          display: flex;
-          flex-wrap: wrap;
-          gap: 20rpx;
-
-          .upload-item {
-            width: 180rpx;
-            height: 180rpx;
-            position: relative;
-            border-radius: 10rpx;
-            overflow: hidden;
-            border: 1rpx solid #e5e5e5;
-
-            image {
-              width: 100%;
-              height: 100%;
-            }
-
-            .delete-btn {
-              position: absolute;
-              top: 10rpx;
-              right: 10rpx;
-              width: 36rpx;
-              height: 36rpx;
-              background-color: rgba(0, 0, 0, 0.6);
-              color: #fff;
-              border-radius: 50%;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              font-size: 28rpx;
-              line-height: 1;
-            }
-          }
-
-          .upload-btn {
-            width: 180rpx;
-            height: 180rpx;
-            border: 1rpx dashed #d9d9d9;
-            border-radius: 10rpx;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            background-color: #fafafa;
-
-            .iconfont {
-              font-size: 40rpx;
-              color: #bfbfbf;
-              margin-bottom: 10rpx;
-            }
-
-            text {
-              font-size: 24rpx;
-              color: #999;
-            }
-          }
-        }
+.meal-card {
+  border: 1rpx solid #edf0f5;
+  padding: 20rpx;
+  margin-bottom: 16rpx;
+}
 
-        .hint {
-          display: block;
-          margin-top: 16rpx;
-          font-size: 20rpx;
-          color: #999;
-        }
-      }
-    }
+.meal-title {
+  font-size: 28rpx;
+  color: #3b82f6;
+  font-weight: 600;
+  margin-bottom: 14rpx;
+}
 
-    .remark-item {
-      margin-bottom: 0;
-    }
-  }
+.dish-item {
+  padding: 16rpx 0;
+  border-bottom: 1rpx solid #f2f3f7;
+}
 
-  .submit-section {
-    margin-top: 40rpx;
-    margin-bottom: 30rpx;
-
-    .submit-btn {
-      height: 88rpx;
-      background-color: #409EFF;
-      color: #fff;
-      border-radius: 44rpx;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 30rpx;
-      font-weight: 600;
-      box-shadow: 0 4rpx 12rpx rgba(64, 158, 255, 0.35);
-    }
-  }
+.dish-item:last-child {
+  border-bottom: none;
+}
 
-  .record-card {
-    background-color: #fff;
-    border-radius: 10rpx;
-    padding: 24rpx 26rpx;
-    margin-bottom: 20rpx;
-    box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.06);
-
-    .card-header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      margin-bottom: 16rpx;
-
-      .left {
-        display: flex;
-        align-items: center;
-
-        .type {
-          font-size: 26rpx;
-          font-weight: 600;
-          color: #333;
-          margin-right: 16rpx;
-        }
+.dish-name {
+  font-size: 28rpx;
+  color: #1f2937;
+  font-weight: 500;
+}
 
-        .status {
-          padding: 6rpx 18rpx;
-          border-radius: 20rpx;
-          font-size: 20rpx;
-        }
+.dish-desc {
+  margin-top: 8rpx;
+  color: #6b7280;
+  font-size: 24rpx;
+}
 
-        .status-pending {
-          background-color: #E6F7FF;
-          color: #409EFF;
-        }
+.dish-price {
+  margin-top: 8rpx;
+  color: #ef4444;
+  font-size: 24rpx;
+}
 
-        .status-done {
-          background-color: #F6FFED;
-          color: #52C41A;
-        }
+.action-row {
+  margin-top: 12rpx;
+  display: flex;
+  gap: 16rpx;
+}
 
-        .status-processing {
-          background-color: #FFF7E6;
-          color: #FA8C16;
-        }
-      }
+.action {
+  height: 52rpx;
+  line-height: 52rpx;
+  padding: 0 20rpx;
+  border-radius: 26rpx;
+  font-size: 24rpx;
+}
 
-      .header-right {
-        display: flex;
-        align-items: center;
-        flex-direction: column;
-        align-items: flex-end;
+.like {
+  background: #ecfdf3;
+  color: #16a34a;
+}
 
-        .time {
-          font-size: 22rpx;
-          color: #999;
-          margin-bottom: 8rpx;
-        }
+.dislike {
+  background: #fef2f2;
+  color: #dc2626;
+}
 
-        .delete-btn {
-          font-size: 22rpx;
-          color: #FF4D4F;
-          padding: 4rpx 12rpx;
-          border-radius: 16rpx;
-          background-color: #FFF1F0;
-        }
-      }
-    }
+.rank-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
 
-    .card-body {
-      .row {
-        display: flex;
-        margin-bottom: 10rpx;
+.rank-tabs {
+  display: flex;
+  background: #f3f4f6;
+  border-radius: 999rpx;
+  padding: 4rpx;
+}
 
-        .label {
-          width: 140rpx;
-          font-size: 24rpx;
-          color: #666;
-        }
+.rank-tab {
+  padding: 10rpx 20rpx;
+  font-size: 24rpx;
+  color: #6b7280;
+  border-radius: 999rpx;
+}
 
-        .value {
-          flex: 1;
-          font-size: 24rpx;
-          color: #333;
-        }
-      }
+.rank-tab.active {
+  background: #fff;
+  color: #2563eb;
+  font-weight: 600;
+}
 
-      .image-section {
-        margin-top: 12rpx;
+.rank-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 18rpx 0;
+  border-bottom: 1rpx solid #f2f3f7;
+}
 
-        .image-title {
-          display: block;
-          font-size: 22rpx;
-          color: #666;
-          margin-bottom: 10rpx;
-        }
+.rank-item:last-child {
+  border-bottom: none;
+}
 
-        .image-grid {
-          margin-left: 0;
-          display: flex;
-          flex-wrap: wrap;
-          gap: 12rpx;
-
-          .image-item {
-            width: calc((100% - 24rpx) / 3);
-            aspect-ratio: 1 / 1;
-            border-radius: 8rpx;
-            overflow: hidden;
-            background-color: #f5f5f5;
-
-            image {
-              width: 100%;
-              height: 100%;
-              display: block;
-            }
-          }
-        }
-      }
-    }
-  }
+.rank-left {
+  display: flex;
+  align-items: center;
+}
+
+.rank-no {
+  width: 40rpx;
+  text-align: center;
+  font-size: 26rpx;
+  color: #6b7280;
+  margin-right: 14rpx;
+}
+
+.rank-no.top {
+  color: #f97316;
+  font-weight: 700;
+}
+
+.rank-name {
+  font-size: 27rpx;
+  color: #1f2937;
+}
+
+.rank-right {
+  font-size: 26rpx;
+  color: #111827;
+}
+
+.empty {
+  color: #9ca3af;
+  font-size: 24rpx;
+  padding: 20rpx 0;
+  text-align: center;
 }
-</style>
\ No newline at end of file
+</style>