From 2635edda7b7809d744e209f78837c2d116ea6ea2 Mon Sep 17 00:00:00 2001
From: 18631081161 <2088094923@qq.com>
Date: Sat, 11 Apr 2026 16:31:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9ui?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/src/VendingMachine.Api/Program.cs |   8 +-
 mobile/i18n/en.js                         |   1 +
 mobile/i18n/zh-CN.js                      |   1 +
 mobile/i18n/zh-TW.js                      |   1 +
 mobile/pages.json                         |   8 +-
 mobile/pages/index/index.vue              | 295 +++++++++++++++++-----
 mobile/static/ic_qrcode.png               | Bin 0 -> 1898 bytes
 mobile/static/ic_stamp.png                | Bin 0 -> 2248 bytes
 mobile/static/ic_vip.png                  | Bin 0 -> 2964 bytes
 mobile/static/tab/ic_home.png             | Bin 0 -> 1704 bytes
 mobile/static/tab/ic_home_s.png           | Bin 0 -> 2671 bytes
 mobile/static/tab/ic_me.png               | Bin 0 -> 1884 bytes
 mobile/static/tab/ic_me_s.png             | Bin 0 -> 2950 bytes
 13 files changed, 241 insertions(+), 73 deletions(-)
 create mode 100644 mobile/static/ic_qrcode.png
 create mode 100644 mobile/static/ic_stamp.png
 create mode 100644 mobile/static/ic_vip.png
 create mode 100644 mobile/static/tab/ic_home.png
 create mode 100644 mobile/static/tab/ic_home_s.png
 create mode 100644 mobile/static/tab/ic_me.png
 create mode 100644 mobile/static/tab/ic_me_s.png

diff --git a/backend/src/VendingMachine.Api/Program.cs b/backend/src/VendingMachine.Api/Program.cs
index 14da4690..ce4cfa15 100644
--- a/backend/src/VendingMachine.Api/Program.cs
+++ b/backend/src/VendingMachine.Api/Program.cs
@@ -41,7 +41,13 @@ builder.Services.AddAuthentication(options =>
 builder.Services.AddAuthorization();
 
 // Controllers
-builder.Services.AddControllers();
+builder.Services.AddControllers()
+    .AddJsonOptions(options =>
+    {
+        // 支持枚举字符串序列化/反序列化
+        options.JsonSerializerOptions.Converters.Add(new System.Text.Json.Serialization.JsonStringEnumConverter());
+        options.JsonSerializerOptions.PropertyNamingPolicy = System.Text.Json.JsonNamingPolicy.CamelCase;
+    });
 
 // CORS 配置（支持移动端和管理后台跨域请求）
 builder.Services.AddCors(options =>
diff --git a/mobile/i18n/en.js b/mobile/i18n/en.js
index 0443dbc9..56b9330d 100644
--- a/mobile/i18n/en.js
+++ b/mobile/i18n/en.js
@@ -37,6 +37,7 @@ export default {
     stamps: 'Stamps',
     qrcode: 'QR Code',
     guide: 'Guide',
+    redeemableCoupons: 'Redeemable Coupons',
     redeemBtn: 'Redeem',
     redeemSuccess: 'Redeemed successfully',
     redeemFail: 'Insufficient points',
diff --git a/mobile/i18n/zh-CN.js b/mobile/i18n/zh-CN.js
index 90e0da4e..15d04495 100644
--- a/mobile/i18n/zh-CN.js
+++ b/mobile/i18n/zh-CN.js
@@ -37,6 +37,7 @@ export default {
     stamps: '节日印花',
     qrcode: '会员二维码',
     guide: '使用说明',
+    redeemableCoupons: '可兑换优惠券',
     redeemBtn: '兑换',
     redeemSuccess: '兑换成功',
     redeemFail: '积分不足，无法兑换',
diff --git a/mobile/i18n/zh-TW.js b/mobile/i18n/zh-TW.js
index e2859a27..76fa2573 100644
--- a/mobile/i18n/zh-TW.js
+++ b/mobile/i18n/zh-TW.js
@@ -37,6 +37,7 @@ export default {
     stamps: '節日印花',
     qrcode: '會員二維碼',
     guide: '使用說明',
+    redeemableCoupons: '可兌換優惠券',
     redeemBtn: '兌換',
     redeemSuccess: '兌換成功',
     redeemFail: '積分不足，無法兌換',
diff --git a/mobile/pages.json b/mobile/pages.json
index 4843f7b3..63936a87 100644
--- a/mobile/pages.json
+++ b/mobile/pages.json
@@ -76,14 +76,14 @@
 			{
 				"pagePath": "pages/index/index",
 				"text": "首页",
-				"iconPath": "static/tab-home.png",
-				"selectedIconPath": "static/tab-home-active.png"
+				"iconPath": "static/tab/ic_home.png",
+				"selectedIconPath": "static/tab/ic_home_s.png"
 			},
 			{
 				"pagePath": "pages/mine/mine",
 				"text": "我的",
-				"iconPath": "static/tab-mine.png",
-				"selectedIconPath": "static/tab-mine-active.png"
+				"iconPath": "static/tab/ic_me.png",
+				"selectedIconPath": "static/tab/ic_me_s.png"
 			}
 		]
 	}
diff --git a/mobile/pages/index/index.vue b/mobile/pages/index/index.vue
index 2e76de2d..c353788d 100644
--- a/mobile/pages/index/index.vue
+++ b/mobile/pages/index/index.vue
@@ -1,33 +1,70 @@
 <template>
   <view class="home-page">
     <!-- Banner轮播图 -->
-    <swiper class="banner-swiper" autoplay circular indicator-dots>
-      <swiper-item v-for="banner in banners" :key="banner.id" @click="onBannerClick(banner)">
-        <image class="banner-image" :src="resolveImageUrl(banner.imageUrl)" mode="aspectFill" />
-      </swiper-item>
-    </swiper>
+    <view class="banner-wrap">
+      <swiper class="banner-swiper" autoplay circular indicator-dots indicator-color="rgba(255,255,255,0.4)" indicator-active-color="#ffffff">
+        <swiper-item v-for="banner in banners" :key="banner.id" @click="onBannerClick(banner)">
+          <image class="banner-image" :src="resolveImageUrl(banner.imageUrl)" mode="aspectFill" />
+        </swiper-item>
+      </swiper>
+    </view>
 
-    <!-- 功能入口网格 -->
-    <view class="entry-grid">
-      <view
-        v-for="entry in entries"
-        :key="entry.id"
-        class="entry-item"
-        @click="onEntryClick(entry)"
-      >
-        <image class="entry-image" :src="resolveImageUrl(entry.imageUrl)" mode="aspectFit" />
-        <text class="entry-label">{{ getEntryLabel(entry.key) }}</text>
+    <!-- 成为会员入口 -->
+    <view class="membership-entry" @click="onEntryClick({ key: 'membership' })">
+      <view class="membership-entry-left">
+        <view class="membership-icon-wrap">
+          <image class="membership-icon-img" src="/static/ic_vip.png" mode="aspectFit" />
+        </view>
+        <view class="membership-text">
+          <text class="membership-title">{{ t('home.membership') }}</text>
+          <text class="membership-sub">Unlock VIP Benefits</text>
+        </view>
+      </view>
+      <text class="membership-arrow">›</text>
+    </view>
+
+    <!-- 功能入口（节日印花 + 会员二维码） -->
+    <view class="entry-row">
+      <view class="entry-card" @click="onEntryClick({ key: 'stamps' })">
+        <image class="entry-icon" src="/static/ic_stamp.png" mode="aspectFit" />
+        <text class="entry-label">{{ t('home.stamps') }}</text>
+      </view>
+      <view class="entry-card" @click="onEntryClick({ key: 'qrcode' })">
+        <image class="entry-icon" src="/static/ic_qrcode.png" mode="aspectFit" />
+        <text class="entry-label">{{ t('home.qrcode') }}</text>
       </view>
     </view>
 
-    <!-- 可兑换优惠券列表 -->
-    <view class="coupon-section">
-      <CouponCard
-        v-for="coupon in coupons"
-        :key="coupon.couponId"
-        :coupon="coupon"
-        @redeem="onRedeemClick"
-      />
+    <!-- 可兑换优惠券 -->
+    <view class="coupon-header">
+      <text class="coupon-title">{{ t('home.redeemableCoupons') || '可兑换优惠券' }}</text>
+      <view class="coupon-guide-link" @click="handleGuideEntry">
+        <text class="guide-icon">ⓘ</text>
+        <text class="guide-text">{{ t('home.guide') }}</text>
+      </view>
+    </view>
+
+    <view class="coupon-list">
+      <view class="coupon-card" v-for="coupon in coupons" :key="coupon.couponId">
+        <view class="coupon-info">
+          <text class="coupon-name">{{ coupon.name }}</text>
+          <view class="coupon-detail-row">
+            <text class="coupon-dot">●</text>
+            <text class="coupon-detail-label">到期时间：</text>
+            <text class="coupon-detail-value highlight">{{ formatExpire(coupon.expireAt) }}</text>
+          </view>
+          <view class="coupon-detail-row">
+            <text class="coupon-dot">●</text>
+            <text class="coupon-detail-label">兑换条件：</text>
+            <text class="coupon-detail-value highlight">{{ coupon.requiredPoints }}积分</text>
+          </view>
+        </view>
+        <view class="coupon-action">
+          <view class="redeem-btn" @click="onRedeemClick(coupon)">
+            <text class="redeem-btn-text">兑换</text>
+          </view>
+        </view>
+      </view>
     </view>
 
     <!-- 使用说明弹窗 -->
@@ -44,9 +81,6 @@
       @confirm="onRedeemConfirm"
       @cancel="showRedeem = false"
     />
-
-    <!-- 会员二维码弹窗（占位，由任务6实现） -->
-    <!-- <QrcodePopup :visible="showQrcode" @close="showQrcode = false" /> -->
   </view>
 </template>
 
@@ -58,7 +92,6 @@ import { getRedeemableCoupons, redeemCoupon } from '../../api/coupon.js'
 import { useUserStore } from '../../stores/user.js'
 import { navigateBanner } from '../../utils/navigation.js'
 import { resolveImageUrl } from '../../utils/image.js'
-import CouponCard from '../../components/CouponCard.vue'
 import RedeemPopup from '../../components/RedeemPopup.vue'
 import CouponGuidePopup from '../../components/CouponGuidePopup.vue'
 
@@ -77,17 +110,6 @@ const showRedeem = ref(false)
 const selectedCoupon = ref(null)
 const showQrcode = ref(false)
 
-// 入口标签映射
-function getEntryLabel(key) {
-  const map = {
-    membership: t('home.membership'),
-    stamps: t('home.stamps'),
-    qrcode: t('home.qrcode'),
-    guide: t('home.guide')
-  }
-  return map[key] || key
-}
-
 // Banner点击导航
 function onBannerClick(banner) {
   navigateBanner(banner)
@@ -124,9 +146,7 @@ async function handleQrcodeEntry() {
     } else {
       uni.navigateTo({ url: '/pages/membership/membership' })
     }
-  } catch (e) {
-    // 错误已由请求模块统一处理
-  }
+  } catch (e) {}
 }
 
 // 使用说明入口
@@ -135,9 +155,14 @@ async function handleGuideEntry() {
     const res = await getCouponGuide()
     guideContent.value = res.data?.content || res.data || ''
     showGuide.value = true
-  } catch (e) {
-    // 错误已由请求模块统一处理
-  }
+  } catch (e) {}
+}
+
+// 格式化到期时间
+function formatExpire(dateStr) {
+  if (!dateStr) return '无限制'
+  const d = new Date(dateStr)
+  return `${d.getFullYear()}年${d.getMonth() + 1}月${d.getDate()}日`
 }
 
 // 点击兑换按钮
@@ -154,11 +179,9 @@ async function onRedeemConfirm() {
     showRedeem.value = false
     selectedCoupon.value = null
     uni.showToast({ title: t('home.redeemSuccess'), icon: 'none' })
-    // 刷新优惠券列表
     await loadCoupons()
   } catch (e) {
     showRedeem.value = false
-    // 错误提示已由请求模块统一处理（积分不足、已下架等由后端message返回）
   }
 }
 
@@ -167,21 +190,21 @@ async function loadBanners() {
   try {
     const res = await getBanners()
     banners.value = res.data || []
-  } catch (e) { /* 错误已统一处理 */ }
+  } catch (e) {}
 }
 
 async function loadEntries() {
   try {
     const res = await getEntries()
     entries.value = res.data || []
-  } catch (e) { /* 错误已统一处理 */ }
+  } catch (e) {}
 }
 
 async function loadCoupons() {
   try {
     const res = await getRedeemableCoupons()
     coupons.value = res.data || []
-  } catch (e) { /* 错误已统一处理 */ }
+  } catch (e) {}
 }
 
 onMounted(() => {
@@ -194,47 +217,183 @@ onMounted(() => {
 <style scoped>
 .home-page {
   min-height: 100vh;
-  background-color: #f5f5f5;
+  background-color: #f5f0e8;
 }
 
+/* Banner */
+.banner-wrap {
+  padding: 24rpx 24rpx 0;
+}
 .banner-swiper {
   width: 100%;
-  height: 360rpx;
+  height: 340rpx;
+  border-radius: 20rpx;
+  overflow: hidden;
 }
-
 .banner-image {
   width: 100%;
   height: 100%;
+  border-radius: 20rpx;
 }
 
-.entry-grid {
+/* 成为会员入口 */
+.membership-entry {
+  margin: 24rpx 24rpx 0;
+  background: linear-gradient(135deg, #4a5d4a, #3d4f3d);
+  border-radius: 20rpx;
+  padding: 30rpx 32rpx;
   display: flex;
-  flex-wrap: wrap;
-  padding: 30rpx 20rpx;
-  background-color: #ffffff;
-  margin-bottom: 20rpx;
+  align-items: center;
+  justify-content: space-between;
+}
+.membership-entry-left {
+  display: flex;
+  align-items: center;
+}
+.membership-icon-wrap {
+  width: 64rpx;
+  height: 64rpx;
+  background: rgba(255, 255, 255, 0.15);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 20rpx;
+}
+.membership-icon-img {
+  width: 40rpx;
+  height: 40rpx;
+}
+.membership-text {
+  display: flex;
+  flex-direction: column;
+}
+.membership-title {
+  font-size: 30rpx;
+  color: #ffffff;
+  font-weight: 600;
+  margin-bottom: 4rpx;
+}
+.membership-sub {
+  font-size: 22rpx;
+  color: rgba(255, 255, 255, 0.7);
+}
+.membership-arrow {
+  font-size: 40rpx;
+  color: rgba(255, 255, 255, 0.6);
 }
 
-.entry-item {
-  width: 25%;
+/* 功能入口行 */
+.entry-row {
+  display: flex;
+  padding: 24rpx 24rpx 0;
+  gap: 24rpx;
+}
+.entry-card {
+  flex: 1;
+  background-color: #ffffff;
+  border-radius: 20rpx;
+  padding: 36rpx 0;
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 16rpx 0;
+  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
 }
-
-.entry-image {
-  width: 96rpx;
-  height: 96rpx;
-  margin-bottom: 12rpx;
+.entry-icon {
+  width: 72rpx;
+  height: 72rpx;
+  margin-bottom: 16rpx;
 }
-
 .entry-label {
-  font-size: 24rpx;
+  font-size: 26rpx;
   color: #333;
 }
 
-.coupon-section {
+/* 优惠券标题行 */
+.coupon-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 36rpx 24rpx 16rpx;
+}
+.coupon-title {
+  font-size: 32rpx;
+  color: #333;
+  font-weight: 600;
+}
+.coupon-guide-link {
+  display: flex;
+  align-items: center;
+}
+.guide-icon {
+  font-size: 28rpx;
+  color: #999;
+  margin-right: 6rpx;
+}
+.guide-text {
+  font-size: 24rpx;
+  color: #999;
+}
+
+/* 优惠券列表 */
+.coupon-list {
   padding: 0 24rpx 24rpx;
 }
+.coupon-card {
+  background-color: #ffffff;
+  border-radius: 20rpx;
+  padding: 32rpx;
+  margin-bottom: 20rpx;
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+}
+.coupon-info {
+  flex: 1;
+  margin-right: 20rpx;
+}
+.coupon-name {
+  font-size: 34rpx;
+  color: #333;
+  font-weight: 600;
+  display: block;
+  margin-bottom: 16rpx;
+}
+.coupon-detail-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8rpx;
+}
+.coupon-dot {
+  font-size: 14rpx;
+  color: #c9a96e;
+  margin-right: 10rpx;
+}
+.coupon-detail-label {
+  font-size: 24rpx;
+  color: #666;
+}
+.coupon-detail-value {
+  font-size: 24rpx;
+  color: #666;
+}
+.coupon-detail-value.highlight {
+  color: #c9a96e;
+  font-weight: 500;
+}
+
+/* 兑换按钮 */
+.coupon-action {
+  flex-shrink: 0;
+}
+.redeem-btn {
+  background: linear-gradient(135deg, #d4a855, #c9a96e);
+  border-radius: 36rpx;
+  padding: 16rpx 40rpx;
+}
+.redeem-btn-text {
+  font-size: 26rpx;
+  color: #ffffff;
+  white-space: nowrap;
+}
 </style>
diff --git a/mobile/static/ic_qrcode.png b/mobile/static/ic_qrcode.png
new file mode 100644
index 0000000000000000000000000000000000000000..a7e9bb9448672a9ce1bca1fbb695b193d322f04b
GIT binary patch
literal 1898
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

literal 0
HcmV?d00001

diff --git a/mobile/static/ic_stamp.png b/mobile/static/ic_stamp.png
new file mode 100644
index 0000000000000000000000000000000000000000..58b6bc291b6e12b36d5af4dc811ed652480df4e9
GIT binary patch
literal 2248
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
W1*)^h*;i`-0000<MNUMnLSTZ&(@2N_

literal 0
HcmV?d00001

diff --git a/mobile/static/ic_vip.png b/mobile/static/ic_vip.png
new file mode 100644
index 0000000000000000000000000000000000000000..6fbb50880e972dfe1b7bc46e06cf6ebe73db9186
GIT binary patch
literal 2964
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
KMNUMnLSTZsqM-=@

literal 0
HcmV?d00001

diff --git a/mobile/static/tab/ic_home.png b/mobile/static/tab/ic_home.png
new file mode 100644
index 0000000000000000000000000000000000000000..4bd3b2081fa774b7459fad42c73d96298d4519ff
GIT binary patch
literal 1704
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

literal 0
HcmV?d00001

diff --git a/mobile/static/tab/ic_home_s.png b/mobile/static/tab/ic_home_s.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2212913deadddc8182508c1fbe24bbfb7d47316
GIT binary patch
literal 2671
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

literal 0
HcmV?d00001

diff --git a/mobile/static/tab/ic_me.png b/mobile/static/tab/ic_me.png
new file mode 100644
index 0000000000000000000000000000000000000000..c074e5bfdec84d04faf70e8166e2416b969b5f53
GIT binary patch
literal 1884
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
W2*jTrDJH1^0000<MNUMnLSTZk(SoJ`

literal 0
HcmV?d00001

diff --git a/mobile/static/tab/ic_me_s.png b/mobile/static/tab/ic_me_s.png
new file mode 100644
index 0000000000000000000000000000000000000000..c85a989541dc6913fb38a4f7009e3431c0696080
GIT binary patch
literal 2950
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

literal 0
HcmV?d00001