From 13089ca2c686e6abf11c513766e0d70848400e36 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Sat, 27 Dec 2025 21:15:38 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E6=94=B6=E7=9B=8A?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=E9=A1=B5=E9=9D=A2=EF=BC=8C=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E6=A1=86=E4=BD=8D=E7=BD=AE=E5=92=8C=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E7=AE=80=E5=8C=96=E4=BB=A3=E7=A0=81=E7=BB=93?=
 =?UTF-8?q?=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/revenue/records/index.vue | 127 +++++++++-------------------
 1 file changed, 42 insertions(+), 85 deletions(-)

diff --git a/src/views/revenue/records/index.vue b/src/views/revenue/records/index.vue
index 02d0fd8..43d2928 100644
--- a/src/views/revenue/records/index.vue
+++ b/src/views/revenue/records/index.vue
@@ -1,6 +1,5 @@
 <script lang='ts' setup>
 import type { RefresherCustomEvent } from "@ionic/vue";
-import { searchOutline } from "ionicons/icons";
 
 const { t } = useI18n();
 const { vibrate } = useHaptics();
@@ -178,20 +177,17 @@ onMounted(() => {
         <ui-back-button slot="start" />
         <ion-title>{{ t("asset.revenue.revenueDetails") }}</ion-title>
       </ion-toolbar>
-      <ion-searchbar
-        v-model="searchQuery"
-        :placeholder="t('myIssues.search')"
-      />
     </ion-header>
 
-    <ion-content :fullscreen="true" class="ion-padding-horizontal">
+    <ion-content :fullscreen="true">
+      <ion-searchbar v-model="searchQuery" :placeholder="t('myIssues.search')" />
+
       <ion-refresher slot="fixed" @ion-refresh="handleRefresh($event)">
         <ion-refresher-content />
       </ion-refresher>
 
-      <!-- 类型筛选 -->
-      <div class="flex gap-2 mb-4 overflow-x-auto pb-2">
-        <ui-tabs size="small">
+      <div>
+        <ui-tabs size="small" class="ion-padding-horizontal">
           <ui-tab-pane
             v-for="option in typeOptions"
             :key="option.value"
@@ -199,89 +195,50 @@ onMounted(() => {
             :title="option.label"
           />
         </ui-tabs>
-      </div>
 
-      <!-- 收益记录列表 -->
-      <ion-list v-if="filteredRecords.length > 0" class="rounded-xl overflow-hidden">
-        <ion-item
-          v-for="item in filteredRecords"
-          :key="item.id"
-          lines="full"
-          class="record-item"
-        >
-          <div class="w-full py-3">
-            <div class="flex justify-between items-start">
-              <div class="flex-1">
-                <div class="flex items-center gap-2 mb-2">
-                  <ion-badge
-                    :color="getTypeColor(item.type)"
-                    class="text-xs px-2 py-0.5"
-                  >
-                    {{ item.typeName }}
-                  </ion-badge>
-                  <ion-badge color="success" class="text-xs px-2 py-0.5">
-                    已完成
-                  </ion-badge>
+        <ion-list>
+          <ion-item
+            v-for="item in filteredRecords"
+            :key="item.id"
+            lines="full"
+          >
+            <div class="w-full py-3">
+              <div class="flex justify-between items-start">
+                <div class="flex-1">
+                  <div class="flex items-center gap-2 mb-2">
+                    <ion-badge
+                      :color="getTypeColor(item.type)"
+                      class="text-xs px-2 py-0.5"
+                    >
+                      {{ item.typeName }}
+                    </ion-badge>
+                    <ion-badge color="success" class="text-xs px-2 py-0.5">
+                      已完成
+                    </ion-badge>
+                  </div>
+                  <div class="text-base font-semibold mb-1">
+                    {{ item.assetName }}
+                  </div>
+                  <div class="text-xs text-text-400 mb-2">
+                    {{ item.assetCode }}
+                  </div>
+                  <div class="flex items-center gap-1.5 text-xs text-text-400">
+                    <i-ic-outline-access-time class="text-sm" />
+                    <span>{{ item.date }}</span>
+                  </div>
                 </div>
-                <div class="text-base font-semibold mb-1">
-                  {{ item.assetName }}
-                </div>
-                <div class="text-xs text-text-400 mb-2">
-                  {{ item.assetCode }}
-                </div>
-                <div class="flex items-center gap-1.5 text-xs text-text-400">
-                  <i-ic-outline-access-time class="text-sm" />
-                  <span>{{ item.date }}</span>
-                </div>
-              </div>
-              <div class="text-right ml-4">
-                <div class="text-lg font-bold text-success">
-                  +{{ formatAmountWithSplit(item.amount) }}
+                <div class="text-right ml-4">
+                  <div class="text-lg font-bold text-success">
+                    +{{ formatAmountWithSplit(item.amount) }}
+                  </div>
                 </div>
               </div>
             </div>
-          </div>
-        </ion-item>
-      </ion-list>
-
-      <!-- 空状态 -->
-      <div v-else class="flex flex-col items-center justify-center py-20">
-        <i-ic-baseline-receipt-long class="text-6xl text-text-600 mb-4" />
-        <div class="text-text-400">
-          {{ t("income.records.noData") }}
-        </div>
+          </ion-item>
+        </ion-list>
       </div>
     </ion-content>
   </ion-page>
 </template>
 
-<style lang='css' scoped>
-.container {
-  --title-font-size: 16px;
-}
-
-ion-list {
-  background: transparent;
-}
-
-.custom-searchbar {
-  --background: var(--ion-color-step-100);
-  --border-radius: 12px;
-  --box-shadow: none;
-  padding: 0;
-}
-
-ion-chip {
-  cursor: pointer;
-  user-select: none;
-  transition: all 0.2s;
-}
-
-ion-chip:active {
-  opacity: 0.7;
-}
-
-.record-item {
-  --inner-padding-end: 0;
-}
-</style>
+<style lang='css' scoped></style>