大量的代码格式化

Web/src/components/TransactionList.vue

@@ -1,11 +1,6 @@
 <template>
   <div class="transaction-list-container transaction-list">
-    <van-list
-      :loading="loading"
-      :finished="finished"
-      finished-text="没有更多了"
-      @load="onLoad"
-    >
+    <van-list :loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
       <van-cell-group v-if="transactions && transactions.length" inset style="margin-top: 10px">
         <van-swipe-cell
           v-for="transaction in transactions"
@@ -13,16 +8,13 @@
           class="transaction-item"
         >
           <div class="transaction-row">
-            <van-checkbox 
+            <van-checkbox
               v-if="showCheckbox"
               :model-value="isSelected(transaction.id)"
               class="checkbox-col"
               @update:model-value="toggleSelection(transaction)"
             />
-            <div
-              class="transaction-card"
-              @click="handleClick(transaction)"
-            >
+            <div class="transaction-card" @click="handleClick(transaction)">
               <div class="card-left">
                 <div class="transaction-title">
                   <span class="reason">{{ transaction.reason || '(无摘要)' }}</span>
@@ -30,34 +22,32 @@
                 <div class="transaction-info">
                   <div>交易时间: {{ formatDate(transaction.occurredAt) }}</div>
                   <div>
-                    <span v-if="transaction.classify">
-                      分类: {{ transaction.classify }}
-                    </span>
-                    <span v-if="transaction.upsetedClassify && transaction.upsetedClassify !== transaction.classify" style="color: var(--van-warning-color)">
+                    <span v-if="transaction.classify"> 分类: {{ transaction.classify }} </span>
+                    <span
+                      v-if="
+                        transaction.upsetedClassify &&
+                        transaction.upsetedClassify !== transaction.classify
+                      "
+                      style="color: var(--van-warning-color)"
+                    >
                       → {{ transaction.upsetedClassify }}
                     </span>
-                    
-                  </div>
-                  <div v-if="transaction.importFrom">
-                    来源: {{ transaction.importFrom }}
                   </div>
+                  <div v-if="transaction.importFrom">来源: {{ transaction.importFrom }}</div>
                 </div>
               </div>
               <div class="card-middle">
-                <van-tag 
-                  :type="getTypeTagType(transaction.type)" 
-                  size="medium"
-                >
+                <van-tag :type="getTypeTagType(transaction.type)" size="medium">
                   {{ getTypeName(transaction.type) }}
                 </van-tag>
-                <template 
-                  v-if="Number.isFinite(transaction.upsetedType) && transaction.upsetedType !== transaction.type" 
+                <template
+                  v-if="
+                    Number.isFinite(transaction.upsetedType) &&
+                    transaction.upsetedType !== transaction.type
+                  "
                 >
                   →
-                  <van-tag
-                    :type="getTypeTagType(transaction.upsetedType)" 
-                    size="medium"
-                  >
+                  <van-tag :type="getTypeTagType(transaction.upsetedType)" size="medium">
                     {{ getTypeName(transaction.upsetedType) }}
                   </van-tag>
                 </template>
@@ -70,7 +60,10 @@
                   <div v-if="transaction.balance && transaction.balance > 0" class="balance">
                     余额: {{ formatMoney(transaction.balance) }}
                   </div>
-                  <div v-if="transaction.refundAmount && transaction.refundAmount > 0" class="balance">
+                  <div
+                    v-if="transaction.refundAmount && transaction.refundAmount > 0"
+                    class="balance"
+                  >
                     退款: {{ formatMoney(transaction.refundAmount) }}
                   </div>
                 </div>
@@ -79,9 +72,9 @@
             </div>
           </div>
           <template v-if="showDelete" #right>
-            <van-button 
+            <van-button
               square
-              type="danger" 
+              type="danger"
               text="删除"
               class="delete-button"
               @click="handleDeleteClick(transaction)"
@@ -90,9 +83,9 @@
         </van-swipe-cell>
       </van-cell-group>
 
-      <van-empty 
-        v-if="!loading && !(transactions && transactions.length)" 
-        description="暂无交易记录" 
+      <van-empty
+        v-if="!loading && !(transactions && transactions.length)"
+        description="暂无交易记录"
       />
     </van-list>
   </div>
@@ -212,16 +205,24 @@ const getTypeTagType = (type) => {
 
 // 获取金额样式类
 const getAmountClass = (type) => {
-  if (type === 0) return 'expense'
-  if (type === 1) return 'income'
+  if (type === 0) {
+    return 'expense'
+  }
+  if (type === 1) {
+    return 'income'
+  }
   return 'neutral'
 }
 
 // 格式化金额（带符号）
 const formatAmount = (amount, type) => {
   const formatted = formatMoney(amount)
-  if (type === 0) return `- ${formatted}`
-  if (type === 1) return `+ ${formatted}`
+  if (type === 0) {
+    return `- ${formatted}`
+  }
+  if (type === 1) {
+    return `+ ${formatted}`
+  }
   return formatted
 }
 
@@ -232,11 +233,13 @@ const formatMoney = (amount) => {
 
 // 格式化日期
 const formatDate = (dateString) => {
-  if (!dateString) return ''
+  if (!dateString) {
+    return ''
+  }
   const date = new Date(dateString)
-  return date.toLocaleString('zh-CN', { 
-    year: 'numeric', 
-    month: '2-digit', 
+  return date.toLocaleString('zh-CN', {
+    year: 'numeric',
+    month: '2-digit',
     day: '2-digit',
     hour: '2-digit',
     minute: '2-digit'