移除对账功能 后期从长计议

Web/src/components/TransactionDetail.vue

@@ -1,15 +1,22 @@
-<template>
-  <PopupContainer v-model="visible" title="交易详情" height="75%" :closeable="false">
-    <template #header-actions>
-      <van-button size="small" type="primary" plain @click="handleOffsetClick"> 抵账 </van-button>
-    </template>
-
+<template>
+  <PopupContainer
+    v-model="visible"
+    title="交易详情"
+    height="75%"
+    :closeable="false"
+  >
     <van-form style="margin-top: 12px">
       <van-cell-group inset>
-        <van-cell title="记录时间" :value="formatDate(transaction.createTime)" />
+        <van-cell
+          title="记录时间"
+          :value="formatDate(transaction.createTime)"
+        />
       </van-cell-group>
 
-      <van-cell-group inset title="交易明细">
+      <van-cell-group
+        inset
+        title="交易明细"
+      >
         <van-field
           v-model="occurredAtLabel"
           name="occurredAt"
@@ -48,50 +55,68 @@
           :rules="[{ required: true, message: '请输入交易后余额' }]"
         />
 
-        <van-field name="type" label="交易类型">
+        <van-field
+          name="type"
+          label="交易类型"
+        >
           <template #input>
             <van-radio-group
               v-model="editForm.type"
               direction="horizontal"
               @change="handleTypeChange"
             >
-              <van-radio :name="0"> 支出 </van-radio>
-              <van-radio :name="1"> 收入 </van-radio>
-              <van-radio :name="2"> 不计 </van-radio>
+              <van-radio :name="0">
+                支出
+              </van-radio>
+              <van-radio :name="1">
+                收入
+              </van-radio>
+              <van-radio :name="2">
+                不计
+              </van-radio>
             </van-radio-group>
           </template>
         </van-field>
 
-        <van-field name="classify" label="交易分类">
+        <van-field
+          name="classify"
+          label="交易分类"
+        >
           <template #input>
             <div style="flex: 1">
               <div
                 v-if="
                   transaction &&
-                  transaction.unconfirmedClassify &&
-                  transaction.unconfirmedClassify !== editForm.classify
+                    transaction.unconfirmedClassify &&
+                    transaction.unconfirmedClassify !== editForm.classify
                 "
                 class="suggestion-tip"
                 @click="applySuggestion"
               >
-                <van-icon name="bulb-o" class="suggestion-icon" />
+                <van-icon
+                  name="bulb-o"
+                  class="suggestion-icon"
+                />
                 <span class="suggestion-text">
                   建议: {{ transaction.unconfirmedClassify }}
                   <span
                     v-if="
                       transaction.unconfirmedType !== null &&
-                      transaction.unconfirmedType !== undefined &&
-                      transaction.unconfirmedType !== editForm.type
+                        transaction.unconfirmedType !== undefined &&
+                        transaction.unconfirmedType !== editForm.type
                     "
                   >
                     ({{ getTypeName(transaction.unconfirmedType) }})
                   </span>
                 </span>
-                <div class="suggestion-apply">应用</div>
+                <div class="suggestion-apply">
+                  应用
+                </div>
               </div>
-              <span v-else-if="!editForm.classify" style="color: var(--van-gray-5)"
-                >请选择交易分类</span
-              >
+              <span
+                v-else-if="!editForm.classify"
+                style="color: var(--van-gray-5)"
+              >请选择交易分类</span>
               <span v-else>{{ editForm.classify }}</span>
             </div>
           </template>
@@ -106,30 +131,25 @@
     </van-form>
 
     <template #footer>
-      <van-button round block type="primary" :loading="submitting" @click="onSubmit">
+      <van-button
+        round
+        block
+        type="primary"
+        :loading="submitting"
+        @click="onSubmit"
+      >
         保存修改
       </van-button>
     </template>
   </PopupContainer>
 
-  <!-- 抵账候选列表弹窗 -->
-  <PopupContainer v-model="showOffsetPopup" title="选择抵账交易" height="75%">
-    <van-list>
-      <van-cell
-        v-for="item in offsetCandidates"
-        :key="item.id"
-        :title="item.reason"
-        :label="formatDate(item.occurredAt)"
-        :value="item.amount"
-        is-link
-        @click="handleCandidateSelect(item)"
-      />
-      <van-empty v-if="offsetCandidates.length === 0" description="暂无匹配的抵账交易" />
-    </van-list>
-  </PopupContainer>
-
   <!-- 日期选择弹窗 -->
-  <van-popup v-model:show="showDatePicker" position="bottom" round teleport="body">
+  <van-popup
+    v-model:show="showDatePicker"
+    position="bottom"
+    round
+    teleport="body"
+  >
     <van-date-picker
       v-model="currentDate"
       title="选择日期"
@@ -139,7 +159,12 @@
   </van-popup>
 
   <!-- 时间选择弹窗 -->
-  <van-popup v-model:show="showTimePicker" position="bottom" round teleport="body">
+  <van-popup
+    v-model:show="showTimePicker"
+    position="bottom"
+    round
+    teleport="body"
+  >
     <van-time-picker
       v-model="currentTime"
       title="选择时间"
@@ -151,14 +176,12 @@
 
 <script setup>
 import { ref, reactive, watch, defineProps, defineEmits, computed, nextTick } from 'vue'
-import { showToast, showConfirmDialog } from 'vant'
+import { showToast } from 'vant'
 import dayjs from 'dayjs'
 import PopupContainer from '@/components/PopupContainer.vue'
 import ClassifySelector from '@/components/ClassifySelector.vue'
 import {
-  updateTransaction,
-  getCandidatesForOffset,
-  offsetTransactions
+  updateTransaction
 } from '@/api/transactionRecord'
 
 const props = defineProps({
@@ -341,50 +364,6 @@ const formatDate = (dateString) => {
   })
 }
 
-// 抵账相关
-const showOffsetPopup = ref(false)
-const offsetCandidates = ref([])
-
-const handleOffsetClick = async () => {
-  try {
-    const res = await getCandidatesForOffset(editForm.id)
-    if (res.success) {
-      offsetCandidates.value = res.data || []
-      showOffsetPopup.value = true
-    } else {
-      showToast(res.message || '获取抵账列表失败')
-    }
-  } catch (error) {
-    console.error('获取抵账列表出错:', error)
-    showToast('获取抵账列表失败')
-  }
-}
-
-const handleCandidateSelect = (candidate) => {
-  showConfirmDialog({
-    title: '确认抵账',
-    message: `确认将当前交易与 "${candidate.reason}" (${candidate.amount}) 互相抵消吗？\n抵消后两笔交易将被删除。`
-  })
-    .then(async () => {
-      try {
-        const res = await offsetTransactions(editForm.id, candidate.id)
-        if (res.success) {
-          showToast('抵账成功')
-          showOffsetPopup.value = false
-          visible.value = false
-          emit('save') // 触发列表刷新
-        } else {
-          showToast(res.message || '抵账失败')
-        }
-      } catch (error) {
-        console.error('抵账出错:', error)
-        showToast('抵账失败')
-      }
-    })
-    .catch(() => {
-      // on cancel
-    })
-}
 </script>
 
 <style scoped>