From 943ea9a263dd02021e1000317227b4d74dfb6e2b Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Mon, 19 Jan 2026 17:09:14 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E7=AD=BE=E5=88=B0?=
 =?UTF-8?q?=E5=92=8C=E7=BB=91=E5=AE=9A=E9=82=80=E8=AF=B7=E7=A0=81=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=EF=BC=8C=E6=B7=BB=E5=8A=A0=E6=95=B0=E6=8D=AE=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=E5=87=BD=E6=95=B0=EF=BC=8C=E6=8F=90=E5=8D=87=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/check_in/index.vue | 15 ++++++---
 src/views/invite/bind.vue    |  8 ++++-
 src/views/invite/index.vue   | 65 +++++++++++++++++++++++++++++++++---
 3 files changed, 78 insertions(+), 10 deletions(-)

diff --git a/src/views/check_in/index.vue b/src/views/check_in/index.vue
index 8558b55..74e89aa 100644
--- a/src/views/check_in/index.vue
+++ b/src/views/check_in/index.vue
@@ -5,17 +5,23 @@ import { checkmarkCircleOutline } from "ionicons/icons";
 import { client, safeClient } from "@/api";
 
 const [start, end] = [dayjs().startOf("month"), dayjs().endOf("month")];
-const { data } = await safeClient(client.api.checkIns.get({
+const { data, execute: fetchCheckIns } = await safeClient(() => client.api.checkIns.get({
   query: {
     startDate: start.toISOString(),
     endDate: end.toISOString(),
   },
 }));
 
-const { data: current_streak } = await safeClient(client.api.checkIns.current_streak.get());
-const { data: total_count } = await safeClient(client.api.checkIns.total_days.get());
-const { data: today_checkin } = await safeClient(client.api.checkIns.today.get({ query: { timezone: "IANA" } }));
+const { data: current_streak, execute: fetchCurrentStreak } = await safeClient(() => client.api.checkIns.current_streak.get());
+const { data: total_count, execute: fetchTotalCount } = await safeClient(() => client.api.checkIns.total_days.get());
+const { data: today_checkin, execute: fetchTodayCheckin } = await safeClient(() => client.api.checkIns.today.get({ query: { timezone: "IANA" } }));
 
+function loadData() {
+  fetchCheckIns();
+  fetchCurrentStreak();
+  fetchTotalCount();
+  fetchTodayCheckin();
+}
 const checkedInDates = computed(() => {
   if (!data.value?.data)
     return new Set<string>();
@@ -29,6 +35,7 @@ function isCheckedIn(day: number) {
 
 async function handleSignup() {
   await safeClient(client.api.checkIns.post());
+  loadData();
   toastController.create({
     message: "签到成功！",
     duration: 2000,
diff --git a/src/views/invite/bind.vue b/src/views/invite/bind.vue
index f5893e2..40ed57e 100644
--- a/src/views/invite/bind.vue
+++ b/src/views/invite/bind.vue
@@ -140,9 +140,15 @@ function nextPage() {
 
 <template>
   <ion-page>
+    <ion-toolbar class="ion-toolbar">
+      <ion-buttons slot="start">
+        <back-button />
+      </ion-buttons>
+      <ion-title>绑定邀请码</ion-title>
+    </ion-toolbar>
     <ion-content :fullscreen="true">
       <!-- 顶部横幅 -->
-      <img src="@/assets/images/invite-banner.jpg" class="w-full object-cover" alt="邀请横幅">
+      <img src="@/assets/images/invite-banner.jpg" class="w-full object-contain" alt="邀请横幅">
 
       <div class="ion-padding-horizontal">
         <!-- 绑定邀请码 -->
diff --git a/src/views/invite/index.vue b/src/views/invite/index.vue
index 81eb222..2e26d29 100644
--- a/src/views/invite/index.vue
+++ b/src/views/invite/index.vue
@@ -19,6 +19,7 @@ const qrCodeUrl = computed(() => {
   return `https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=${encodeURIComponent(inviteLink)}`;
 });
 const { share, isSupported } = useShare();
+const { data: leader } = safeClient(() => client.api.team.leader.get(), { silent: true });
 
 // 复制状态
 const copyStatus = ref({
@@ -144,8 +145,32 @@ function handleBindReferralCode() {
           </div>
         </section>
 
+        <!-- 我的上级 -->
+        <section v-if="userProfile?.referredBy && leader" class="mb-4">
+          <div class="leader-card rounded-2xl p-4">
+            <div class="flex items-center gap-3">
+              <div class="leader-avatar">
+                <img src="@/assets/images/avatar.jpg" alt="Leader">
+              </div>
+              <div class="flex-1">
+                <div class="flex items-center gap-2 mb-1">
+                  <div class="text-base font-bold text-[#1a1a1a]">
+                    {{ leader?.nickname }}
+                  </div>
+                  <div class="leader-badge">
+                    上级
+                  </div>
+                </div>
+                <div class="text-xs text-[#999]">
+                  邀请码：{{ leader?.referralCode }}
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+
         <!-- 绑定邀请码入口 -->
-        <section class="mb-4">
+        <section v-if="!userProfile?.referredBy" class="mb-4">
           <div class="bind-referral-card rounded-2xl p-4">
             <div class="flex items-center justify-between">
               <div class="flex items-center gap-3">
@@ -210,12 +235,12 @@ function handleBindReferralCode() {
             </ion-button>
           </div>
 
-          <div class="flex items-center gap-2 mb-3">
+          <!-- <div class="flex items-center gap-2 mb-3">
             <img src="@/assets/images/icon.png" class="size-7">
             <div class="text-lg font-bold text-[#1a1a1a]">
               推广链接
             </div>
-          </div>
+          </div> -->
           <!-- <div class="mb-5 bg-gray-50 rounded-xl p-4">
             <div class="flex items-center justify-between gap-3">
               <div class="flex-1 overflow-hidden">
@@ -310,9 +335,9 @@ function handleBindReferralCode() {
         <!-- 邀请说明 -->
         <section class="mb-5">
           <div class="bg-gradient-to-br from-[#fff7f0] to-[#ffe8e8] rounded-2xl p-5">
-            <h4 class="text-base font-bold text-[#c41e3a] mb-3">
+            <div class="text-base font-bold text-[#c41e3a] mb-3">
               邀请奖励说明
-            </h4>
+            </div>
             <div class="space-y-2 text-sm text-[#666]">
               <div class="flex items-start gap-2">
                 <div class="w-1.5 h-1.5 rounded-full bg-[#c41e3a] mt-1.5 flex-shrink-0" />
@@ -404,4 +429,34 @@ function handleBindReferralCode() {
 .bind-btn::part(native) {
   font-weight: 600;
 }
+
+.leader-card {
+  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
+  border: 1px solid #bae6fd;
+}
+
+.leader-avatar {
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+  overflow: hidden;
+  border: 3px solid white;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  flex-shrink: 0;
+}
+
+.leader-avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.leader-badge {
+  background: linear-gradient(135deg, #c41e3a 0%, #8b1a2e 100%);
+  color: white;
+  font-size: 10px;
+  padding: 2px 8px;
+  border-radius: 10px;
+  font-weight: 600;
+}
 </style>