feat(金币赠送记录页): 更换展示id

src/views/SellerRecordsView.vue

@@ -9,24 +9,24 @@
       </div>
 
       <div v-else class="records-list">
-        <div
+        <div v-for="record in records" :key="record.id" class="record-item">
-          v-for="record in records"
-          :key="record.id"
-          class="record-item"
-        >
           <div class="record-info">
             <div class="user-avatar">
               <span>{{ record.userName.charAt(0) }}</span>
             </div>
             <div class="record-details">
               <h4>{{ record.userName }}</h4>
-              <p>ID: {{ record.userId }}</p>
+              <p>ID: {{ record.account }}</p>
               <div class="record-time">{{ record.time }}</div>
             </div>
           </div>
           <div class="record-amount">
-            <span :class="['coins-amount', record.type === 0 ? 'positive' : 'negative']">{{ record.amount }} coins</span>
+            <span :class="['coins-amount', record.type === 0 ? 'positive' : 'negative']"
-            <span class="transaction-type">{{ getTransactionType(record.type, record.origin) }}</span>
+              >{{ record.amount }} coins</span
+            >
+            <span class="transaction-type">{{
+              getTransactionType(record.type, record.origin)
+            }}</span>
           </div>
         </div>
       </div>
@@ -44,8 +44,8 @@
 import { ref, onMounted } from 'vue'
 import MobileHeader from '../components/MobileHeader.vue'
 import { getFreightWaterFlow } from '../api/wallet.js'
-import {formatUTCTime} from "@/utils/utcFormat.js";
+import { formatUTCTime } from '@/utils/utcFormat.js'
-import {getUserId} from "@/utils/userStore.js";
+import { getUserId } from '@/utils/userStore.js'
 
 const loading = ref(false)
 const records = ref([])
@@ -84,8 +84,9 @@ const fetchRecords = async () => {
 
     if (response && response.status && response.body) {
       // 处理返回的数据
-      records.value = response.body.map(item => ({
+      records.value = response.body.map((item) => ({
         id: item.id,
+        account: item.account,
         userId: item.acceptUserId,
         userName: `User${item.acceptUserId.toString().slice(-6)}...`, // 显示最后6位
         amount: getAmountDisplay(item.type, item.quantity),
@@ -95,7 +96,7 @@ const fetchRecords = async () => {
         balance: item.balance,
         origin: item.origin,
         remark: item.remark,
-        rechargeType: item.rechargeType
+        rechargeType: item.rechargeType,
       }))
     } else {
       records.value = []
@@ -138,15 +139,19 @@ onMounted(async () => {
   width: 32px;
   height: 32px;
   border: 3px solid #f3f3f3;
-  border-top: 3px solid #F59E0B;
+  border-top: 3px solid #f59e0b;
   border-radius: 50%;
   animation: spin 1s linear infinite;
   margin-bottom: 16px;
 }
 
 @keyframes spin {
-  0% { transform: rotate(0deg); }
+  0% {
-  100% { transform: rotate(360deg); }
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }
 
 .loading-state p {
@@ -165,7 +170,7 @@ onMounted(async () => {
   background-color: white;
   padding: 16px;
   border-radius: 12px;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -181,7 +186,7 @@ onMounted(async () => {
   width: 50px;
   height: 50px;
   border-radius: 25px;
-  background-color: #9CA3AF;
+  background-color: #9ca3af;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -225,11 +230,11 @@ onMounted(async () => {
 }
 
 .coins-amount.positive {
-  color: #10B981; /* 绿色表示进货/入账 */
+  color: #10b981; /* 绿色表示进货/入账 */
 }
 
 .coins-amount.negative {
-  color: #EF4444; /* 红色表示出货/出账 */
+  color: #ef4444; /* 红色表示出货/出账 */
 }
 
 .transaction-type {