From 0e8cec4af0e2dffcd30eada5f3417db2fa590a7a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=85=E5=BF=B5?= <email@sample.com>
Date: Tue, 4 Nov 2025 15:51:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=20=E5=86=85=E5=8B=A4=20?=
 =?UTF-8?q?=E4=BB=98=E6=AC=BE=20=E8=B4=A2=E5=8A=A1=E6=94=B6=E6=AC=BE=20=20?=
 =?UTF-8?q?=E5=8F=8A=E7=BB=9F=E8=AE=A1=20=20=E8=BD=A6=E8=BE=86=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=A6=E7=B3=BB=E5=85=B3=E9=94=AE=E5=AD=97=E9=87=87=E9=9B=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/admin/dashboard.ts                    |   35 +
 src/api/admin/finance.ts                      |   23 +-
 src/api/commonApi.ts                          |   14 +
 src/assets/img/admin/finance1.png             |  Bin 0 -> 11503 bytes
 src/assets/img/admin/finance2.png             |  Bin 0 -> 11542 bytes
 src/assets/img/admin/finance3.png             |  Bin 0 -> 12853 bytes
 src/assets/img/admin/financeall.png           |  Bin 0 -> 8251 bytes
 src/assets/img/admin/office1.png              |  Bin 0 -> 5989 bytes
 src/assets/img/admin/office2.png              |  Bin 0 -> 8192 bytes
 src/assets/img/admin/office3.png              |  Bin 0 -> 5890 bytes
 src/assets/img/admin/office4.png              |  Bin 0 -> 6416 bytes
 src/assets/img/admin/office5.png              |  Bin 0 -> 7022 bytes
 src/assets/img/admin/total.png                |  Bin 0 -> 5697 bytes
 src/components/core/tables/ArtTable.vue       |    6 +-
 .../custom/ClaimRecordDetailDialog.vue        |  554 +++++++++
 .../custom/PaymentRecordDetailDialog.vue      |  380 ++++++
 src/components/custom/PaymentRecordDialog.vue |  298 +++++
 src/components/custom/Timeline.vue            |  164 +++
 src/router/routes/asyncRoutes.ts              |   16 +
 src/router/routesAlias.ts                     |    4 +-
 src/views/admin/finance/claim.vue             |  300 +++++
 src/views/admin/finance/payment_records.vue   | 1017 +++++++++++++++++
 src/views/admin/finance/receipt_records.vue   |  832 ++++++++++++++
 src/views/admin/vehicle/vehicle_list.vue      |  181 ++-
 src/views/crmpc/vehicle/vehicle_list.vue      |  129 ++-
 src/views/dashboard/console/backoffice.vue    |  609 ++++++++++
 src/views/dashboard/console/finance.vue       |  758 ++++++++++++
 27 files changed, 5278 insertions(+), 42 deletions(-)
 create mode 100644 src/api/admin/dashboard.ts
 create mode 100644 src/assets/img/admin/finance1.png
 create mode 100644 src/assets/img/admin/finance2.png
 create mode 100644 src/assets/img/admin/finance3.png
 create mode 100644 src/assets/img/admin/financeall.png
 create mode 100644 src/assets/img/admin/office1.png
 create mode 100644 src/assets/img/admin/office2.png
 create mode 100644 src/assets/img/admin/office3.png
 create mode 100644 src/assets/img/admin/office4.png
 create mode 100644 src/assets/img/admin/office5.png
 create mode 100644 src/assets/img/admin/total.png
 create mode 100644 src/components/custom/ClaimRecordDetailDialog.vue
 create mode 100644 src/components/custom/PaymentRecordDetailDialog.vue
 create mode 100644 src/components/custom/PaymentRecordDialog.vue
 create mode 100644 src/components/custom/Timeline.vue
 create mode 100644 src/views/admin/finance/claim.vue
 create mode 100644 src/views/admin/finance/payment_records.vue
 create mode 100644 src/views/admin/finance/receipt_records.vue
 create mode 100644 src/views/dashboard/console/backoffice.vue
 create mode 100644 src/views/dashboard/console/finance.vue

diff --git a/src/api/admin/dashboard.ts b/src/api/admin/dashboard.ts
new file mode 100644
index 0000000..f95848b
--- /dev/null
+++ b/src/api/admin/dashboard.ts
@@ -0,0 +1,35 @@
+import request from '@/utils/http'
+
+export class dashboardService {
+  //卡片统计
+  static officeclerkcard() {
+    return request.get<any>({
+      url: '/admin/dashboard/officeclerk/card'
+    })
+  }
+  //待审批
+  static officeclerkpending() {
+    return request.get<any>({
+      url: '/admin/dashboard/officeclerk/approval'
+    })
+  }
+  //业务员备货单统计
+  static salestockingcard() {
+    return request.get<any>({
+      url: '/admin/dashboard/officeclerk/curve'
+    })
+  }
+  //待认领
+  static officeclerkunclaimed(params: any) {
+    return request.get<any>({
+      url: '/admin/dashboard/officeclerk/claim',
+      params
+    })
+  }
+  //财务仪表盘统计
+  static officeclerkchart() {
+    return request.get<any>({
+      url: '/admin/fin/statistics'
+    })
+  }
+}
diff --git a/src/api/admin/finance.ts b/src/api/admin/finance.ts
index 334720d..efdc8b1 100644
--- a/src/api/admin/finance.ts
+++ b/src/api/admin/finance.ts
@@ -67,7 +67,28 @@ export class financeService {
   //付款申请-删除
   static deletePayment(params: any) {
     return request.post<Api.Common.AddResponse>({
-      url: '/admin/payment/destroy',
+      url: '/admin/payment/delete',
+      params
+    })
+  }
+  // 绑定付款记录到收款记录
+  static bindPaymentRecord(params: any) {
+    return request.post<Api.Common.AddResponse>({
+      url: '/admin/receipt/payment',
+      params
+    })
+  }
+  //收款记录历史
+  static getReceiptHistory(params: any) {
+    return request.get<any>({
+      url: '/admin/receipt/his/list',
+      params
+    })
+  }
+  //确认收款
+  static confirmReceipt(params: any) {
+    return request.post<Api.Common.AddResponse>({
+      url: '/admin/receipt/credit',
       params
     })
   }
diff --git a/src/api/commonApi.ts b/src/api/commonApi.ts
index 452145d..3bf1dc6 100644
--- a/src/api/commonApi.ts
+++ b/src/api/commonApi.ts
@@ -159,4 +159,18 @@ export class commonService {
       params
     })
   }
+  //关键字抓取车辆
+  static getcrawlKeyword(params: any) {
+    return request.get<any>({
+      url: '/common/brand/series/crawlKeyword',
+      params
+    })
+  }
+  //关键字抓取车辆保存
+  static crawlModelCreate(params: any) {
+    return request.post<Api.Work.AddResponse>({
+      url: '/common/brand/series/crawlModelCreate',
+      params
+    })
+  }
 }
diff --git a/src/assets/img/admin/finance1.png b/src/assets/img/admin/finance1.png
new file mode 100644
index 0000000000000000000000000000000000000000..032a0796d45c7571054c24b50316cd4f7af31f94
GIT binary patch
literal 11503
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/admin/finance2.png b/src/assets/img/admin/finance2.png
new file mode 100644
index 0000000000000000000000000000000000000000..ad5197649ba1dda1f3256b9529cfc7de67a361cc
GIT binary patch
literal 11542
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
IM6N<$g3m3#;s5{u

literal 0
HcmV?d00001

diff --git a/src/assets/img/admin/finance3.png b/src/assets/img/admin/finance3.png
new file mode 100644
index 0000000000000000000000000000000000000000..961d99c83c7fe0a45543c47cab57c7af6ad0b973
GIT binary patch
literal 12853
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
Iz##Dd00TtuNdN!<

literal 0
HcmV?d00001

diff --git a/src/assets/img/admin/financeall.png b/src/assets/img/admin/financeall.png
new file mode 100644
index 0000000000000000000000000000000000000000..de1e8de0deaea853a7592a6cf95739e8746722d2
GIT binary patch
literal 8251
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/admin/office1.png b/src/assets/img/admin/office1.png
new file mode 100644
index 0000000000000000000000000000000000000000..b8b2767bde9d3a4d1016972c3778a8b6397da746
GIT binary patch
literal 5989
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
T*1}o)00000NkvXXu0mjfRr{hE

literal 0
HcmV?d00001

diff --git a/src/assets/img/admin/office2.png b/src/assets/img/admin/office2.png
new file mode 100644
index 0000000000000000000000000000000000000000..87b30833091d8c53789054d193ef507e22c55d5a
GIT binary patch
literal 8192
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/admin/office3.png b/src/assets/img/admin/office3.png
new file mode 100644
index 0000000000000000000000000000000000000000..d9e7d3275969a23f48a8ef30dcf5e557bac44e13
GIT binary patch
literal 5890
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
YEi}EC1AGd_k^lez07*qoM6N<$f|m*xPyhe`

literal 0
HcmV?d00001

diff --git a/src/assets/img/admin/office4.png b/src/assets/img/admin/office4.png
new file mode 100644
index 0000000000000000000000000000000000000000..c82d75f0502222bed52b107fe1e47d6bea7227ce
GIT binary patch
literal 6416
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/admin/office5.png b/src/assets/img/admin/office5.png
new file mode 100644
index 0000000000000000000000000000000000000000..00d4ae50806ba02251ddd7c87ecab515753c1b58
GIT binary patch
literal 7022
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
M07*qoM6N<$f=bVlod5s;

literal 0
HcmV?d00001

diff --git a/src/assets/img/admin/total.png b/src/assets/img/admin/total.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce485d4679256f399fec727061fdd1bd7fe7198b
GIT binary patch
literal 5697
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

literal 0
HcmV?d00001

diff --git a/src/components/core/tables/ArtTable.vue b/src/components/core/tables/ArtTable.vue
index 40f9a9d..16a78b3 100644
--- a/src/components/core/tables/ArtTable.vue
+++ b/src/components/core/tables/ArtTable.vue
@@ -14,6 +14,7 @@
         v-loading="loading"
         :data="tableData"
         :row-key="rowKey"
+        :row-class-name="rowClassName"
         :height="height"
         :max-height="maxHeight"
         :show-header="showHeader"
@@ -123,6 +124,8 @@
     marginTop?: number
     /** 表格大小 */
     size?: 'small' | 'default' | 'large'
+    /** 行样式类名函数，透传给 el-table 的 row-class-name */
+    rowClassName?: (args: { row: any; rowIndex: number }) => string
   }
 
   const props = withDefaults(defineProps<TableProps>(), {
@@ -146,7 +149,8 @@
     paginationSize: 'default',
     paginationLayout: '',
     showHeaderBackground: null,
-    marginTop: 20
+    marginTop: 20,
+    rowClassName: undefined
   })
 
   /*
diff --git a/src/components/custom/ClaimRecordDetailDialog.vue b/src/components/custom/ClaimRecordDetailDialog.vue
new file mode 100644
index 0000000..ea6161f
--- /dev/null
+++ b/src/components/custom/ClaimRecordDetailDialog.vue
@@ -0,0 +1,554 @@
+<template>
+  <el-dialog
+    v-model="visible"
+    title="详情"
+    width="800px"
+    :close-on-click-modal="false"
+    @close="handleClose"
+  >
+    <div class="payment-detail-dialog" v-loading="loading">
+      <div v-if="paymentData" class="detail-content">
+        <!-- 基本信息 -->
+        <div class="section">
+          <div class="section-title">
+            <span class="border"></span>
+            <span class="title">基本信息</span>
+          </div>
+          <div class="info-grid">
+            <div class="info-item">
+              <label>创建日期：</label>
+              <span>{{ formatDate(paymentData.created_at) }}</span>
+            </div>
+            <!-- <div class="info-item">
+              <label>付款来源：</label>
+              <span>{{ paymentData.country_name || '—' }}</span>
+            </div> -->
+            <div class="info-item">
+              <label>汇款人：</label>
+              <span>{{ paymentData.remitter || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>账户：</label>
+              <span>{{ paymentData.account_name || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>币种：</label>
+              <span>{{ paymentData.currency_name || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>金额：</label>
+              <span class="amount">{{ paymentData.amount || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>外汇到账回单:</label>
+              <span>
+                <el-image
+                  v-if="paymentData.fx_receipt_file_full"
+                  :src="paymentData.fx_receipt_file_full"
+                  :preview-src-list="[paymentData.fx_receipt_file_full]"
+                  style="width: 100px; height: 100px"
+                />
+              </span>
+            </div>
+          </div>
+        </div>
+
+        <!-- 关联信息 -->
+        <div class="section" v-if="paymentData.payment_apply_id">
+          <div class="section-title">
+            <span class="border"></span>
+            <span class="title">关联信息</span>
+          </div>
+          <div class="info-grid">
+            <div class="info-item">
+              <label>付款申请ID：</label>
+              <span>{{ paymentData.payment_apply_id }}</span>
+            </div>
+            <div class="info-item">
+              <label>阿里订单号/PI号:</label>
+              <span>{{ paymentData.payment_apply.stock[0].pi_no }}</span>
+            </div>
+            <div class="info-item">
+              <label>业务员：</label>
+              <span>{{ paymentData.payment_apply.sales_user_name || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>付款公司：</label>
+              <span>{{ paymentData.payment_apply.account_name || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>付款来源：</label>
+              <span>{{ paymentData.payment_apply.country_name || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>汇款人：</label>
+              <span>{{ paymentData.payment_apply.remitter || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>账户：</label>
+              <span>{{ paymentData.payment_apply.account_short_desc || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>币种：</label>
+              <span>{{ paymentData.payment_apply.currency_name || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>汇率：</label>
+              <span>{{ paymentData.payment_apply.exchange_rate || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>总金额：</label>
+              <span>{{ paymentData.payment_apply.amount || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>汇款行：</label>
+              <span>{{ paymentData.payment_apply.swift || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>客户付款水单：</label>
+              <span>
+                <el-image
+                  v-if="paymentData.payment_apply.voucher_file_full"
+                  :src="paymentData.payment_apply.voucher_file_full"
+                  :preview-src-list="[paymentData.payment_apply.voucher_file_full]"
+                  style="width: 100px; height: 100px"
+                />
+              </span>
+            </div>
+            <div class="info-item">
+              <label>入账资料：</label>
+              <div v-if="paymentData.payment_apply.submit_files.length > 0" class="files-list">
+                <div
+                  v-for="(file, index) in paymentData.payment_apply.submit_files"
+                  :key="index"
+                  class="file-item"
+                >
+                  <div v-if="isImageFile(file.file_full)" class="image-preview">
+                    <img
+                      :src="file.file_full"
+                      :alt="file.file_name"
+                      class="preview-image"
+                      @click="previewImage(file)"
+                    />
+                    <div class="file-info">
+                      <span class="file-name">{{ file.file_name }}</span>
+                      <div class="file-actions">
+                        <!-- <el-button type="text" size="small" @click="previewImage(file)">预览</el-button> -->
+                        <el-button type="primary" size="small" @click="downloadFile(file)">下载</el-button>
+                      </div>
+                    </div>
+                  </div>
+                  <div v-else class="document-preview">
+                    <div class="file-icon">
+                      <i class="iconfont-sys">&#xe814;</i>
+                    </div>
+                    <div class="file-info">
+                      <span class="file-name">{{ file.file_name }}</span>
+                      <el-button type="primary" size="small" @click="downloadFile(file)">下载</el-button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 收款记录关联 -->
+        <div
+          class="section"
+          v-if="paymentData.receipt_records && paymentData.receipt_records.length"
+        >
+          <div class="section-title">
+            <span class="border"></span>
+            <span class="title">关联收款记录</span>
+          </div>
+          <el-table :data="paymentData.receipt_records" style="margin-top: 12px">
+            <el-table-column label="收款记录ID" prop="id" min-width="120" />
+            <el-table-column label="创建日期" prop="created_at" min-width="140">
+              <template #default="scope">
+                {{ formatDate(scope.row.created_at) }}
+              </template>
+            </el-table-column>
+            <el-table-column label="金额" prop="amount" min-width="120">
+              <template #default="scope">
+                {{ formatAmount(scope.row.amount, scope.row.currency_name) }}
+              </template>
+            </el-table-column>
+            <el-table-column label="状态" prop="status" min-width="100">
+              <template #default="scope">
+                <el-tag :type="getStatusType(scope.row.status)">
+                  {{ getStatusText(scope.row.status) }}
+                </el-tag>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+
+        <!-- 备注信息 -->
+        <div class="section" v-if="paymentData.remark">
+          <div class="section-title">
+            <span class="border"></span>
+            <span class="title">备注信息</span>
+          </div>
+          <div class="remark-content">
+            {{ paymentData.remark }}
+          </div>
+        </div>
+      </div>
+
+      <!-- 无数据状态 -->
+      <div v-else-if="!loading" class="no-data">
+        <i class="iconfont-sys">&#xe60c;</i>
+        <span>暂无数据</span>
+      </div>
+    </div>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="handleClose">关闭</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+  import { financeService } from '@/api/admin/finance'
+
+  interface PaymentRecord {
+    id: string | number
+    created_at: string
+    country_name: string
+    remitter: string
+    account_name: string
+    currency_name: string
+    amount: number
+    status: string
+    payment_apply_id?: any
+    receipt_records?: any[]
+    payment_apply?: any
+    remark?: string
+    fx_receipt_file_full?: string
+  }
+
+  interface Props {
+    modelValue: boolean
+    paymentId?: string | number
+  }
+
+  interface Emits {
+    (e: 'update:modelValue', value: boolean): void
+  }
+
+  const props = defineProps<Props>()
+  const emit = defineEmits<Emits>()
+
+  const visible = computed({
+    get: () => props.modelValue,
+    set: (value) => emit('update:modelValue', value)
+  })
+
+  const loading = ref(false)
+  const paymentData = ref<PaymentRecord | null>(null)
+
+  // 获取付款记录详情
+  const getPaymentDetail = async () => {
+    if (!props.paymentId) return
+
+    loading.value = true
+    try {
+      const res = await financeService.getReceiptDetail({ id: props.paymentId })
+      paymentData.value = res
+    } catch (error) {
+      console.error('获取付款记录详情失败:', error)
+      paymentData.value = null
+    } finally {
+      loading.value = false
+    }
+  }
+
+  // 关闭对话框
+  const handleClose = () => {
+    visible.value = false
+    paymentData.value = null
+  }
+
+  // 打印功能
+  const handlePrint = () => {
+    window.print()
+  }
+
+  // 格式化日期
+  const formatDate = (dateStr: string) => {
+    if (!dateStr) return '—'
+    try {
+      return new Date(dateStr).toLocaleString('zh-CN')
+    } catch {
+      return dateStr
+    }
+  }
+
+  // 格式化金额
+  const formatAmount = (amount: number, currency: string) => {
+    return `${currency || ''} ${amount?.toLocaleString() || 0}`
+  }
+
+  // 获取状态类型
+  const getStatusType = (status: string): 'success' | 'info' | 'warning' | 'danger' | 'primary' => {
+    const statusMap: Record<string, 'success' | 'info' | 'warning' | 'danger' | 'primary'> = {
+      available: 'success',
+      used: 'info',
+      pending: 'warning',
+      cancelled: 'danger',
+      bound: 'success',
+      unbound: 'info'
+    }
+    return statusMap[status] || 'info'
+  }
+  // 获取状态文本
+  const getStatusText = (status: string) => {
+    const statusMap: Record<string, string> = {
+      'available': '可用',
+      'used': '已使用',
+      'pending': '待处理',
+      'cancelled': '已取消',
+      'bound': '已绑定',
+      'unbound': '未绑定'
+    }
+    return statusMap[status] || status
+  }
+  // 判断是否为图片文件
+  const isImageFile = (file: any) => {
+    // 检查文件名
+    if (file.name && /\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i.test(file.name)) {
+      return true
+    }
+    // 检查file_name字段
+    if (file.file_name && file.file_name.startsWith('image/')) {
+      return true
+    }
+    // 检查URL中的文件扩展名（去除查询参数）
+    if (file.url) {
+      const urlWithoutParams = file.url.split('?')[0] // 移除查询参数
+      if (/\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i.test(urlWithoutParams)) {
+        return true
+      }
+    }
+    return false
+  }
+
+  // 预览图片
+  const previewImage = (file: any) => {
+    // 创建图片预览弹窗
+    const imagePreview = document.createElement('div')
+    imagePreview.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.8);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 9999;
+      cursor: pointer;
+    `
+    const image = document.createElement('img')
+    image.src = file.url
+    image.alt = file.name
+    image.style.cssText = `
+      max-width: 90%;
+      max-height: 90%;
+      object-fit: contain;
+      border-radius: 4px;
+      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
+    `
+    const closeBtn = document.createElement('div')
+    closeBtn.innerHTML = '×'
+    closeBtn.style.cssText = `
+      position: absolute;
+      top: 20px;
+      right: 30px;
+      color: white;
+      font-size: 30px;
+      cursor: pointer;
+      z-index: 10000;
+    `
+    imagePreview.appendChild(image)
+    imagePreview.appendChild(closeBtn)
+    document.body.appendChild(imagePreview)
+    // 点击关闭
+    const closePreview = () => {
+      document.body.removeChild(imagePreview)
+    }
+    imagePreview.addEventListener('click', closePreview)
+    closeBtn.addEventListener('click', (e) => {
+      e.stopPropagation()
+      closePreview()
+    })
+    // ESC键关闭
+    const handleKeydown = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') {
+        closePreview()
+        document.removeEventListener('keydown', handleKeydown)
+      }
+    }
+    document.addEventListener('keydown', handleKeydown)
+  }
+
+  // 下载文件
+  const downloadFile = async (file: any) => {
+    try {
+      // 对所有文件类型都使用 fetch 下载，确保真正的下载
+      const response = await fetch(file.file_full, {
+        method: 'GET',
+        headers: {
+          Accept: '*/*'
+        }
+      })
+      if (!response.ok) {
+        throw new Error(`下载失败: ${response.status} ${response.statusText}`)
+      }
+      const blob = await response.blob()
+      const url = window.URL.createObjectURL(blob)
+      const link = document.createElement('a')
+      link.href = url
+      link.download = file.name || file.file_name || 'download'
+      link.style.display = 'none'
+      document.body.appendChild(link)
+      link.click()
+      document.body.removeChild(link)
+      window.URL.revokeObjectURL(url)
+      ElMessage.success('下载成功')
+    } catch (error) {
+      console.error('下载失败:', error)
+      const errorMessage = error instanceof Error ? error.message : '未知错误'
+      ElMessage.error(`下载失败: ${errorMessage}`)
+    }
+  }
+
+  // 监听对话框显示状态
+  watch(visible, (newVal) => {
+    if (newVal && props.paymentId) {
+      getPaymentDetail()
+    }
+  })
+
+  // 监听付款ID变化
+  watch(
+    () => props.paymentId,
+    (newId) => {
+      if (visible.value && newId) {
+        getPaymentDetail()
+      }
+    }
+  )
+</script>
+
+<style scoped lang="scss">
+  .payment-detail-dialog {
+    .detail-content {
+      .section {
+        margin-bottom: 24px;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+
+        .section-title {
+          display: flex;
+          align-items: center;
+          margin-bottom: 16px;
+          font-weight: 600;
+          color: #222;
+
+          .border {
+            width: 4px;
+            height: 16px;
+            background: #3d7bff;
+            margin-right: 8px;
+            border-radius: 2px;
+          }
+
+          .title {
+            font-size: 16px;
+          }
+        }
+
+        .info-grid {
+          display: grid;
+          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+          gap: 16px;
+
+          .info-item {
+            display: flex;
+            align-items: center;
+            //padding: 8px 0;
+
+            label {
+              font-weight: 500;
+              color: #666;
+              min-width: 100px;
+              margin-right: 8px;
+            }
+
+            span {
+              color: #333;
+              flex: 1;
+
+              &.amount {
+                font-weight: 600;
+                color: #3d7bff;
+                font-size: 16px;
+              }
+            }
+          }
+        }
+
+        .remark-content {
+          padding: 12px;
+          background: #f8f9fa;
+          border-radius: 6px;
+          color: #666;
+          line-height: 1.6;
+          min-height: 60px;
+        }
+      }
+    }
+
+    .no-data {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 60px 0;
+      color: #999;
+
+      i {
+        font-size: 48px;
+        margin-bottom: 12px;
+      }
+    }
+  }
+
+  .dialog-footer {
+    display: flex;
+    justify-content: center;
+    gap: 12px;
+  }
+
+  // 打印样式
+  @media print {
+    .dialog-footer {
+      display: none;
+    }
+    
+    .payment-detail-dialog {
+      .section-title {
+        .border {
+          background: #000 !important;
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/components/custom/PaymentRecordDetailDialog.vue b/src/components/custom/PaymentRecordDetailDialog.vue
new file mode 100644
index 0000000..2bd1029
--- /dev/null
+++ b/src/components/custom/PaymentRecordDetailDialog.vue
@@ -0,0 +1,380 @@
+<template>
+  <el-dialog
+    v-model="visible"
+    title="付款记录详情"
+    width="800px"
+    :close-on-click-modal="false"
+    @close="handleClose"
+  >
+    <div class="payment-detail-dialog" v-loading="loading">
+      <div v-if="paymentData" class="detail-content">
+        <!-- 基本信息 -->
+        <div class="section">
+          <div class="section-title">
+            <span class="border"></span>
+            <span class="title">基本信息</span>
+          </div>
+          <div class="info-grid">
+            <div class="info-item">
+              <label>创建日期：</label>
+              <span>{{ formatDate(paymentData.created_at) }}</span>
+            </div>
+            <div class="info-item">
+              <label>付款来源：</label>
+              <span>{{ paymentData.country_name || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>汇款人：</label>
+              <span>{{ paymentData.remitter || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>账户：</label>
+              <span>{{ paymentData.account_name || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>币种：</label>
+              <span>{{ paymentData.currency_name || '—' }}</span>
+            </div>
+            <div class="info-item">
+              <label>金额：</label>
+              <span class="amount">{{ paymentData.amount }}</span>
+            </div>
+            <div class="info-item">
+              <label>付款水单:</label>
+              <div>
+                <p v-for="(item, index) in paymentData.voucher_file" :key="index">
+                  <el-image
+                    v-if="
+                      /\.(png|jpe?g|gif|webp|bmp|svg)(\?|$)/i.test(
+                        (item.file_full || '').split('?')[0]
+                      )
+                    "
+                    :src="item.file_full"
+                    :preview-src-list="item.file_full ? [item.file_full] : []"
+                    style="width: 100px; height: 100px"
+                  />
+                  <a
+                    v-else
+                    :href="item.file_full"
+                    target="_blank"
+                    rel="noopener"
+                    style="
+                      flex: 1;
+                      white-space: nowrap;
+                      overflow: hidden;
+                      text-overflow: ellipsis;
+                      width: 200px;
+                    "
+                    >{{ item.file_name }}</a
+                  >
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 关联信息 -->
+        <div class="section" v-if="paymentData.payment_apply_id">
+          <div class="section-title">
+            <span class="border"></span>
+            <span class="title">关联信息</span>
+          </div>
+          <div class="info-grid">
+            <div class="info-item">
+              <label>付款申请ID：</label>
+              <span>{{ paymentData.payment_apply_id }}</span>
+            </div>
+            <div class="info-item">
+              <label>关联状态：</label>
+              <el-tag :type="getStatusType(paymentData.status)">
+                {{ getStatusText(paymentData.status) }}
+              </el-tag>
+            </div>
+          </div>
+        </div>
+
+        <!-- 收款记录关联 -->
+        <div
+          class="section"
+          v-if="paymentData.receipt_records && paymentData.receipt_records.length"
+        >
+          <div class="section-title">
+            <span class="border"></span>
+            <span class="title">关联收款记录</span>
+          </div>
+          <el-table :data="paymentData.receipt_records" style="margin-top: 12px">
+            <el-table-column label="收款记录ID" prop="id" min-width="120" />
+            <el-table-column label="创建日期" prop="created_at" min-width="140">
+              <template #default="scope">
+                {{ formatDate(scope.row.created_at) }}
+              </template>
+            </el-table-column>
+            <el-table-column label="金额" prop="amount" min-width="120">
+              <template #default="scope">
+                {{ formatAmount(scope.row.amount, scope.row.currency_name) }}
+              </template>
+            </el-table-column>
+            <el-table-column label="状态" prop="status" min-width="100">
+              <template #default="scope">
+                <el-tag :type="getStatusType(scope.row.status)">
+                  {{ getStatusText(scope.row.status) }}
+                </el-tag>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+
+        <!-- 备注信息 -->
+        <div class="section" v-if="paymentData.remark">
+          <div class="section-title">
+            <span class="border"></span>
+            <span class="title">备注信息</span>
+          </div>
+          <div class="remark-content">
+            {{ paymentData.remark }}
+          </div>
+        </div>
+      </div>
+
+      <!-- 无数据状态 -->
+      <div v-else-if="!loading" class="no-data">
+        <i class="iconfont-sys">&#xe60c;</i>
+        <span>暂无数据</span>
+      </div>
+    </div>
+
+    <!-- <div class="dialog-footer">
+      <el-button @click="handleClose">关闭</el-button>
+    </div> -->
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+  import { financeService } from '@/api/admin/finance'
+
+  interface PaymentRecord {
+    id: string | number
+    created_at: string
+    country_name: string
+    remitter: string
+    account_name: string
+    currency_name: string
+    amount: number
+    status: string
+    payment_apply_id?: string | number
+    receipt_records?: any[]
+    voucher_file?: any[]
+    submit_files?: string[]
+    remark?: string
+  }
+
+  interface Props {
+    modelValue: boolean
+    paymentId?: string | number
+  }
+
+  interface Emits {
+    (e: 'update:modelValue', value: boolean): void
+  }
+
+  const props = defineProps<Props>()
+  const emit = defineEmits<Emits>()
+
+  const visible = computed({
+    get: () => props.modelValue,
+    set: (value) => emit('update:modelValue', value)
+  })
+
+  const loading = ref(false)
+  const paymentData = ref<PaymentRecord | null>(null)
+
+  // 获取付款记录详情
+  const getPaymentDetail = async () => {
+    if (!props.paymentId) return
+
+    loading.value = true
+    try {
+      const res = await financeService.getPaymentDetail({ id: props.paymentId })
+      paymentData.value = res
+    } catch (error) {
+      console.error('获取付款记录详情失败:', error)
+      paymentData.value = null
+    } finally {
+      loading.value = false
+    }
+  }
+
+  // 关闭对话框
+  const handleClose = () => {
+    visible.value = false
+    paymentData.value = null
+  }
+
+  // 打印功能
+  const handlePrint = () => {
+    window.print()
+  }
+
+  // 格式化日期
+  const formatDate = (dateStr: string) => {
+    if (!dateStr) return '—'
+    try {
+      return new Date(dateStr).toLocaleString('zh-CN')
+    } catch {
+      return dateStr
+    }
+  }
+
+  // 格式化金额
+  const formatAmount = (amount: number, currency: string) => {
+    return `${currency || ''} ${amount?.toLocaleString() || 0}`
+  }
+
+  // 获取状态类型
+  const getStatusType = (status: string): 'success' | 'info' | 'warning' | 'danger' | 'primary' => {
+    const statusMap: Record<string, 'success' | 'info' | 'warning' | 'danger' | 'primary'> = {
+      available: 'success',
+      used: 'info',
+      pending: 'warning',
+      cancelled: 'danger',
+      bound: 'success',
+      unbound: 'info'
+    }
+    return statusMap[status] || 'info'
+  }
+
+  // 获取状态文本
+  const getStatusText = (status: string) => {
+    const statusMap: Record<string, string> = {
+      'available': '可用',
+      'used': '已使用',
+      'pending': '待处理',
+      'cancelled': '已取消',
+      'bound': '已绑定',
+      'unbound': '未绑定'
+    }
+    return statusMap[status] || status
+  }
+
+  // 监听对话框显示状态
+  watch(visible, (newVal) => {
+    if (newVal && props.paymentId) {
+      getPaymentDetail()
+    }
+  })
+
+  // 监听付款ID变化
+  watch(() => props.paymentId, (newId) => {
+    if (visible.value && newId) {
+      getPaymentDetail()
+    }
+  })
+</script>
+
+<style scoped lang="scss">
+  .payment-detail-dialog {
+    .detail-content {
+      .section {
+        margin-bottom: 24px;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+
+        .section-title {
+          display: flex;
+          align-items: center;
+          margin-bottom: 16px;
+          font-weight: 600;
+          color: #222;
+
+          .border {
+            width: 4px;
+            height: 16px;
+            background: #3d7bff;
+            margin-right: 8px;
+            border-radius: 2px;
+          }
+
+          .title {
+            font-size: 16px;
+          }
+        }
+
+        .info-grid {
+          display: grid;
+          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+          gap: 16px;
+
+          .info-item {
+            display: flex;
+            align-items: center;
+            // padding: 8px 0;
+
+            label {
+              font-weight: 500;
+              color: #666;
+              min-width: 100px;
+              margin-right: 8px;
+            }
+
+            span {
+              color: #333;
+              flex: 1;
+
+              &.amount {
+                font-weight: 600;
+                color: #3d7bff;
+                font-size: 16px;
+              }
+            }
+          }
+        }
+
+        .remark-content {
+          padding: 12px;
+          background: #f8f9fa;
+          border-radius: 6px;
+          color: #666;
+          line-height: 1.6;
+          min-height: 60px;
+        }
+      }
+    }
+
+    .no-data {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 60px 0;
+      color: #999;
+
+      i {
+        font-size: 48px;
+        margin-bottom: 12px;
+      }
+    }
+  }
+
+  .dialog-footer {
+    display: flex;
+    justify-content: center;
+    gap: 12px;
+  }
+
+  // 打印样式
+  @media print {
+    .dialog-footer {
+      display: none;
+    }
+    
+    .payment-detail-dialog {
+      .section-title {
+        .border {
+          background: #000 !important;
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/components/custom/PaymentRecordDialog.vue b/src/components/custom/PaymentRecordDialog.vue
new file mode 100644
index 0000000..7763c72
--- /dev/null
+++ b/src/components/custom/PaymentRecordDialog.vue
@@ -0,0 +1,298 @@
+<template>
+  <el-dialog
+    v-model="visible"
+    title="选择付款记录"
+    width="80%"
+    :close-on-click-modal="false"
+    @close="handleClose"
+  >
+    <div class="payment-record-dialog">
+      <!-- 搜索栏 -->
+      <div class="search-bar">
+        <el-input
+          v-model="searchKeyword"
+          placeholder="请输入汇款人、账户或金额"
+          clearable
+          style="width: 300px"
+          @keyup.enter="getPaymentRecords"
+        >
+          <template #suffix>
+            <el-icon class="clickable" @click="getPaymentRecords"><Search /></el-icon>
+          </template>
+        </el-input>
+        <el-button type="primary" @click="getPaymentRecords">搜索</el-button>
+      </div>
+
+      <!-- 付款记录表格 -->
+      <el-table
+        ref="tableRef"
+        :data="paymentRecords"
+        :loading="loading"
+        row-key="id"
+        @selection-change="handleSelectionChange"
+        @row-click="handleRowClick"
+        highlight-current-row
+        style="margin-top: 16px"
+      >
+        <el-table-column label="创建日期" prop="created_at" min-width="160" />
+        <el-table-column label="付款来源" prop="country_name" min-width="120" />
+        <el-table-column label="汇款人" prop="remitter" min-width="120" />
+        <el-table-column label="账户" prop="account_name" min-width="120" />
+        <el-table-column label="账币" prop="currency_name" min-width="120" />
+        <el-table-column label="金额" prop="amount" min-width="120">
+          <template #default="scope">
+            {{ formatAmount(scope.row.amount, scope.row.currency_name) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="选择" width="80">
+          <template #default="scope">
+            <el-checkbox
+              v-model="checkboxStates[scope.row.id]"
+              @change="(val) => handleCheckboxChange(scope.row, !!val)"
+              @click.stop
+            />
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页 -->
+      <div class="pagination-wrapper">
+        <el-pagination
+          v-model:current-page="pagination.currentPage"
+          v-model:page-size="pagination.pageSize"
+          :total="pagination.total"
+          :page-sizes="[10, 20, 50, 100]"
+          layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </div>
+    </div>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="handleClose">取消</el-button>
+        <el-button type="primary" :disabled="!selectedRecord" @click="handleConfirm">
+          确认绑定
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+  import { financeService } from '@/api/admin/finance'
+  import { ElMessage } from 'element-plus'
+
+  interface PaymentRecord {
+    id: string | number
+    created_at: string
+    country_name: string
+    remitter: string
+    account_name: string
+    currency_name: string
+    amount: number
+    status: string
+  }
+
+  interface Props {
+    modelValue: boolean
+    receiptId?: string | number
+  }
+
+  interface Emits {
+    (e: 'update:modelValue', value: boolean): void
+    (e: 'confirm', record: PaymentRecord): void
+  }
+
+  const props = defineProps<Props>()
+  const emit = defineEmits<Emits>()
+
+  const visible = computed({
+    get: () => props.modelValue,
+    set: (value) => emit('update:modelValue', value)
+  })
+
+  const loading = ref(false)
+  const searchKeyword = ref('')
+  // const paymentRecords = ref<PaymentRecord[]>([])
+  const paymentRecords = ref<any[]>([])
+  const selectedRecord = ref<PaymentRecord | null>(null)
+  // const selectedRecord = ref<any[]>([])
+  const selectedRecordId = ref<any>(null)
+  const checkboxStates = reactive<Record<string | number, boolean>>({})
+  const tableRef = ref()
+
+  const pagination = reactive({
+    currentPage: 1,
+    pageSize: 10,
+    total: 0
+  })
+
+  // 获取付款记录列表
+  const getPaymentRecords = async () => {
+    loading.value = true
+    try {
+      const params = {
+        current: pagination.currentPage,
+        size: pagination.pageSize,
+        keyword: searchKeyword.value,
+        scene: 'correlation',
+        receipt_id: props.receiptId,
+        correlation: 'unbind' // 只显示可用的付款记录
+      }
+
+      const { records, current, size, total } = await financeService.getPaymentList(params)
+      paymentRecords.value = records || []
+      // 初始化 checkbox 状态
+      records?.forEach((record: any) => {
+        checkboxStates[record.id] = false
+      })
+      Object.assign(pagination, { currentPage: current, pageSize: size, total })
+    } catch (error) {
+      console.error('获取付款记录失败:', error)
+      ElMessage.error('获取付款记录失败')
+    } finally {
+      loading.value = false
+    }
+  }
+
+  // 处理选择变化（保留兼容性，单选模式下不使用此方法）
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const handleSelectionChange = (_selection: PaymentRecord[]) => {
+    // 单选模式下不使用此方法
+  }
+
+  // 处理 checkbox 变化（单选逻辑）
+  const handleCheckboxChange = (record: PaymentRecord, checked: boolean) => {
+    if (checked) {
+      // 先清除所有选中状态（单选逻辑）
+      Object.keys(checkboxStates).forEach((id) => {
+        checkboxStates[id] = false
+      })
+      // 选中当前项
+      checkboxStates[record.id] = true
+      selectedRecord.value = record
+      selectedRecordId.value = record.id
+    } else {
+      // 取消选中
+      selectedRecord.value = null
+      selectedRecordId.value = null
+    }
+  }
+
+  // 处理行点击
+  const handleRowClick = (record: PaymentRecord) => {
+    // 如果点击的是已选中的项，则取消选中；否则选中该项
+    if (selectedRecordId.value === record.id) {
+      // 取消选中
+      selectedRecord.value = null
+      selectedRecordId.value = null
+      checkboxStates[record.id] = false
+    } else {
+      // 先清除所有选中状态
+      Object.keys(checkboxStates).forEach((id) => {
+        checkboxStates[id] = false
+      })
+      // 选中当前项
+      selectedRecord.value = record
+      selectedRecordId.value = record.id
+      checkboxStates[record.id] = true
+    }
+  }
+
+  // 分页处理
+  const handleSizeChange = (size: number) => {
+    pagination.pageSize = size
+    pagination.currentPage = 1
+    getPaymentRecords()
+  }
+
+  const handleCurrentChange = (page: number) => {
+    pagination.currentPage = page
+    getPaymentRecords()
+  }
+
+  // 确认绑定
+  const handleConfirm = () => {
+    if (!selectedRecord.value) {
+      ElMessage.warning('请选择一条付款记录')
+      return
+    }
+    emit('confirm', selectedRecord.value)
+    handleClose()
+  }
+
+  // 关闭对话框
+  const handleClose = () => {
+    visible.value = false
+    selectedRecord.value = null
+    selectedRecordId.value = null
+    Object.keys(checkboxStates).forEach((id) => {
+      checkboxStates[id] = false
+    })
+    searchKeyword.value = ''
+    pagination.currentPage = 1
+  }
+
+  // 格式化金额显示
+  const formatAmount = (amount: number, currency: string) => {
+    return `${currency} ${amount?.toLocaleString() || 0}`
+  }
+
+  // 获取状态类型（暂未使用）
+  // const getStatusType = (status: string) => {
+  //   const statusMap: Record<string, string> = {
+  //     available: 'success',
+  //     used: 'info',
+  //     pending: 'warning',
+  //     cancelled: 'danger'
+  //   }
+  //   return statusMap[status] || 'info'
+  // }
+
+  // 获取状态文本（暂未使用）
+  // const getStatusText = (status: string) => {
+  //   const statusMap: Record<string, string> = {
+  //     available: '可用',
+  //     used: '已使用',
+  //     pending: '待处理',
+  //     cancelled: '已取消'
+  //   }
+  //   return statusMap[status] || status
+  // }
+
+  // 监听对话框显示状态
+  watch(visible, (newVal) => {
+    if (newVal) {
+      getPaymentRecords()
+    }
+  })
+</script>
+
+<style scoped lang="scss">
+  .payment-record-dialog {
+    .search-bar {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      margin-bottom: 16px;
+    }
+
+    .clickable {
+      cursor: pointer;
+    }
+
+    .pagination-wrapper {
+      display: flex;
+      justify-content: center;
+      margin-top: 20px;
+    }
+  }
+
+  .dialog-footer {
+    display: flex;
+    justify-content: center;
+    gap: 12px;
+  }
+</style>
diff --git a/src/components/custom/Timeline.vue b/src/components/custom/Timeline.vue
new file mode 100644
index 0000000..16e70b8
--- /dev/null
+++ b/src/components/custom/Timeline.vue
@@ -0,0 +1,164 @@
+<template>
+  <div class="approval-timeline">
+    <div v-for="(rec, idx) in records" :key="idx" class="timeline-item">
+      <div class="left">
+        <div class="avatar-box">
+          <span class="initial">{{ rec.updated_by?.slice(0, 1) || '—' }}</span>
+        </div>
+      </div>
+      <div class="right">
+        <div class="row name-role">
+          <span class="name">编辑人：{{ rec.updated_by }}</span>
+        </div>
+        <div class="row time">{{ rec.updated_at }}</div>
+        <div class="card-box">
+          <el-card>
+            <h4>汇款人：{{ rec.remitter }}</h4>
+            <p
+              ><span>付款来源：{{ rec.payment_apply_id }}</span>
+              <span>账户：{{ rec.account_short_desc }}</span>
+            </p>
+            <p
+              ><span>金额：{{ rec.amount }} </span><span>币种：{{ rec.currency_name }}</span></p
+            >
+            <p
+              ><span>折让金额：{{ rec.discount_amount }}</span
+              ><span>实际汇率：{{ rec.exchange_rate }}</span>
+            </p>
+            <p>总金额（人民币）实际汇率：{{ rec.total_amount_cny }}</p>
+            <p>收款时间：{{ rec.received_at }}</p>
+          </el-card>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  interface ApprovalRecordItem {
+    account_id?: string
+    account_name?: string
+    amount?: string
+    arrived_at?: string
+    country_id?: string
+    country_name?: string
+    created_at?: string
+    created_by?: string
+    currency_id?: string
+    currency_name?: string
+    discount_amount?: string
+    exchange_rate?: string
+    fx_receipt_file_full?: string
+    account_short_desc?: string
+    id?: string
+    is_domestic_return?: string
+    payment_apply_id?: string
+    receipt_id?: string
+    receipt_no?: string
+    received_at?: string
+    remitter?: string
+    total_amount_cny?: string
+    updated_at?: string
+    updated_by?: string
+    voucher_no?: string
+  }
+
+  defineProps<{ records: ApprovalRecordItem[] }>()
+</script>
+
+<style scoped lang="scss">
+  /* 审批记录 时间线 */
+  .approval-timeline {
+    padding: 8px 4px 8px 0;
+    max-height: 600px;
+    overflow-y: scroll;
+  }
+  .timeline-item {
+    display: flex;
+    align-items: flex-start;
+    gap: 10px;
+    position: relative;
+  }
+  .timeline-item + .timeline-item {
+    margin-top: 50px;
+  }
+  .left {
+    width: 46px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    position: relative;
+  }
+  .avatar-box {
+    width: 46px;
+    height: 46px;
+    background: #3d7bff;
+    border-radius: 10px;
+    color: #fff;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 700;
+    font-size: 20px;
+  }
+  .status-dot {
+    position: absolute;
+    right: -4px;
+    bottom: -4px;
+    font-size: 9px;
+    padding: 3px 1px;
+    border-radius: 50%;
+    background: #22c55e;
+    border: 2px solid #fff;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+  .status-dot.pending {
+    background: #3471ff;
+    padding: 3px 3px;
+  }
+  .status-dot.rejected {
+    background: #ff0000;
+    padding: 3px 3px;
+  }
+  /* 连接下一个节点的虚线 */
+  .timeline-item:not(:last-child) .left::after {
+    content: '';
+    position: absolute;
+    top: 52px; /* avatar 46px + 间距 6px */
+    left: 23px; /* 盒子宽度一半，确保竖线居中 */
+    width: 0;
+    height: calc(100% + 116px); /* 加上相邻项之间的间距 */
+    border-left: 2px dotted #bfbfbf;
+  }
+  .right {
+    flex: 1;
+    padding-top: 2px;
+  }
+  .row.name-role {
+    color: #222;
+    margin-bottom: 10px;
+  }
+  .name {
+    font-weight: 600;
+  }
+  .role {
+    color: #666;
+    margin-left: 4px;
+  }
+  .time {
+    color: #888;
+    font-size: 12px;
+    margin-top: 2px;
+    margin-top: 10px;
+  }
+  .empty {
+    color: #999;
+    padding: 8px 0 4px 4px;
+  }
+  .card-box p{
+    display: flex;
+    justify-content: space-between;
+  }
+</style>
+
diff --git a/src/router/routes/asyncRoutes.ts b/src/router/routes/asyncRoutes.ts
index 28b7384..c808307 100644
--- a/src/router/routes/asyncRoutes.ts
+++ b/src/router/routes/asyncRoutes.ts
@@ -11,6 +11,22 @@ import { AppRouteRecord } from '@/types/router'
  * 可以是 i18n 的 key，也可以是字符串，比如：'用户列表'
  */
 export const asyncRoutes: AppRouteRecord[] = [
+  {
+    path: '/dashboard/console/finance',
+    name: 'Consolefinance',
+    component: RoutesAlias.consolefinance,
+    meta: {
+      title: '仪表盘'
+    }
+  },
+  {
+    path: '/dashboard/console/backoffice',
+    name: 'Backoffice',
+    component: RoutesAlias.backoffice,
+    meta: {
+      title: '仪表盘'
+    }
+  },
   {
     path: '/admin/inquiry_system',
     name: 'Inquiry_system',
diff --git a/src/router/routesAlias.ts b/src/router/routesAlias.ts
index 7e8ceb7..1fadc5c 100644
--- a/src/router/routesAlias.ts
+++ b/src/router/routesAlias.ts
@@ -68,7 +68,9 @@ export enum RoutesAlias {
   StockingAdd = '/crmpc/stocking/Add', // 创建备货单
   StockingShow = '/crmpc/stocking/show', // 备货单详情
   StockingFinalAdd = '/crmpc/stocking/final_add', // 最终备货单添加
-  StockingFinalShow = '/crmpc/stocking/final_show' // 最终备货单详情
+  StockingFinalShow = '/crmpc/stocking/final_show', // 最终备货单详情
+  consolefinance = '/dashboard/console/finance', //财务仪表盘
+  backoffice = '/dashboard/console/backoffice' // 内勤仪表盘
 }
 
 // 主页路由
diff --git a/src/views/admin/finance/claim.vue b/src/views/admin/finance/claim.vue
new file mode 100644
index 0000000..4e6444c
--- /dev/null
+++ b/src/views/admin/finance/claim.vue
@@ -0,0 +1,300 @@
+<template>
+  <div class="stocking-page">
+    <div class="stocking-toolbar boxshadow">
+      <div class="toolbar-left"></div>
+      <div class="toolbar-right">
+        <el-input
+          v-model="keyword"
+          placeholder="请输入客户名称"
+          clearable
+          style="width: 260px"
+          @keyup.enter="getList"
+        >
+          <template #suffix>
+            <el-icon class="clickable" @click="getList"><Search /></el-icon>
+          </template>
+        </el-input>
+      </div>
+    </div>
+
+    <div class="boxshadow">
+      <el-tabs v-model="activeTab">
+        <el-tab-pane label="未认领" name="not"></el-tab-pane>
+        <el-tab-pane label="已认领" name="already"></el-tab-pane>
+        <el-tab-pane label="超时未认领" name="timeout"></el-tab-pane>
+      </el-tabs>
+      <ArtTable
+        ref="tableRef"
+        row-key="id"
+        :loading="loading"
+        :data="tableData"
+        :currentPage="pagination.currentPage"
+        :pageSize="pagination.pageSize"
+        :total="pagination.total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :row-class-name="tableRowClassName"
+      >
+        <template #default>
+          <ElTableColumn label="创建日期" prop="created_at" min-width="160" />
+          <!-- <ElTableColumn label="付款来源" prop="country_name" min-width="120" /> -->
+          <ElTableColumn label="汇款人" prop="remitter" min-width="120" />
+          <ElTableColumn label="账户" prop="account_name" min-width="120" />
+          <ElTableColumn label="账币" prop="currency_name" min-width="120" />
+          <ElTableColumn label="金额" prop="amount" min-width="120" />
+          <ElTableColumn label="计时" prop="amount" min-width="120">
+            <template #default="scope">
+              <span
+                v-if="!scope.row.payment_apply_id"
+                :class="getCountdownClass(scope.row.claim_timeout_time)"
+              >
+                <span class="custom-clock-icon" style="vertical-align: middle; margin-right: 4px">
+                  <i class="iconfont-sys">&#xe7b1;</i>
+                </span>
+                {{ getCountdown(scope.row.claim_timeout_time) }}
+              </span>
+              <span v-else class="countdown-success">已认领</span>
+            </template>
+          </ElTableColumn>
+          <ElTableColumn label="操作" fixed="right" min-width="140" align="center">
+            <template #default="scope">
+              <ElRow :gutter="10" justify="center">
+                <el-link
+                  type="primary"
+                  underline="never"
+                  @click="handleView(scope.row)"
+                  style="margin-right: 8px"
+                >
+                  <i class="iconfont-sys">&#xe76c;</i> 查看
+                </el-link>
+                <el-link
+                  v-if="!scope.row.payment_apply_id"
+                  type="success"
+                  underline="never"
+                  @click="handleClaim(scope.row)"
+                >
+                  <i class="iconfont-sys">&#xe6bf;</i> 认领
+                </el-link>
+              </ElRow>
+            </template>
+          </ElTableColumn>
+        </template>
+      </ArtTable>
+    </div>
+
+    <!-- 付款记录选择对话框 -->
+    <PaymentRecordDialog
+      v-model="paymentDialogVisible"
+      :receipt-id="currentReceiptId"
+      @confirm="handlePaymentRecordConfirm"
+    />
+    <!-- 付款记录详情查看对话框 -->
+    <ClaimRecordDetailDialog v-model="detailDialogVisible" :payment-id="currentPaymentId" />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { manageService } from '@/api/adminApi'
+  import { financeService } from '@/api/admin/finance'
+  import { ElMessage } from 'element-plus'
+  import type { FormInstance, FormRules } from 'element-plus'
+  import { useAuth } from '@/composables/useAuth'
+  import PaymentRecordDialog from '@/components/custom/PaymentRecordDialog.vue'
+  import ClaimRecordDetailDialog from '@/components/custom/ClaimRecordDetailDialog.vue'
+  import dayjs from 'dayjs'
+  defineOptions({ name: 'Adminclaim' })
+  const { hasAuth } = useAuth()
+  const loading = ref(false)
+  const keyword = ref('')
+  const tableRef = ref()
+  const tableData = ref<any[]>([])
+  const pagination = reactive({ currentPage: 1, pageSize: 10, total: 0 })
+  const activeTab = ref('not')
+  const detailDialogVisible = ref(false)
+  // 付款记录对话框相关
+  const paymentDialogVisible = ref(false)
+  const currentReceiptId = ref<string | number>('')
+  watch([keyword], () => {
+    pagination.currentPage = 1
+    getList()
+    // 不自动请求，保持与截图行为一致，点击搜索或回车触发
+  })
+  watch([activeTab], () => {
+    pagination.currentPage = 1
+    getList()
+  })
+  const getList = async () => {
+    loading.value = true
+    try {
+      const { currentPage, pageSize } = pagination
+      const params = {
+        current: currentPage,
+        size: pageSize,
+        payment_apply: activeTab.value,
+        keyword: keyword.value
+      }
+
+      const { records, current, size, total } = await financeService.getReceiptList(params)
+      tableData.value = records || []
+      Object.assign(pagination, { currentPage: current, pageSize: size, total })
+    } catch (error) {
+      console.error('获取列表失败:', error)
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const handleSizeChange = (size: number) => {
+    pagination.pageSize = size
+    getList()
+  }
+  const handleCurrentChange = (page: number) => {
+    pagination.currentPage = page
+    getList()
+  }
+  const currentPaymentId = ref<string | number>('')
+  const handleView = async (params: any) => {
+    detailDialogVisible.value = true
+    currentPaymentId.value = params.id
+    await financeService.getReceiptDetail(params)
+  }
+  // 处理认领操作
+  const handleClaim = (row: any) => {
+    currentReceiptId.value = row.id
+    paymentDialogVisible.value = true
+  }
+  
+  // 处理付款记录确认绑定
+  const handlePaymentRecordConfirm = async (paymentRecord: any) => {
+    try {
+      const params = {
+        id: currentReceiptId.value,
+        payment_apply_id: paymentRecord.id
+      }
+      
+      await financeService.bindPaymentRecord(params)
+      ElMessage.success('认领成功')
+      getList() // 刷新列表
+    } catch (error) {
+      console.error('认领失败:', error)
+      ElMessage.error('认领失败，请稍后重试')
+    }
+  }
+  
+  const handleDelete = () => {}
+  const timer = ref(0)
+  const refreshKey = ref(0)
+  onMounted(() => {
+    getList()
+    timer.value = window.setInterval(() => {
+      refreshKey.value++
+    }, 1000)
+  })
+  function getCountdown(targetDate: string) {
+    // 让 refreshKey 成为依赖，确保每秒刷新
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+    refreshKey.value
+    const now = dayjs()
+    const target = dayjs(targetDate, 'YYYY-MM-DD HH:mm:ss')
+    if (!target.isValid()) return '时间格式错误'
+    const diff = target.diff(now)
+    if (diff <= 0) return '已超时'
+    const days = Math.floor(diff / (1000 * 60 * 60 * 24))
+    const hours = Math.floor((diff / (1000 * 60 * 60)) % 24)
+    const minutes = Math.floor((diff / (1000 * 60)) % 60)
+    const seconds = Math.floor((diff / 1000) % 60)
+    return `${days > 0 ? days + '天' : ''}${hours}小时${minutes}分${seconds}秒`
+  }
+
+  function getCountdownClass(targetDate: string) {
+    const now = dayjs()
+    const target = dayjs(targetDate, 'YYYY-MM-DD HH:mm:ss')
+    if (!target.isValid() || target.diff(now) <= 0) {
+      return 'countdown-danger'
+    }
+    return 'countdown-success'
+  }
+  const tableRowClassName = ({ row }: { row: any }) => {
+    const flag = Number(row?.claim_timeout)
+    return flag === 1 ? 'row-claim-timeout' : ''
+  }
+</script>
+
+<style scoped lang="scss">
+  :deep(.row-claim-timeout) {
+    background-color: #ffc9c9 !important;
+  }
+  :deep(.el-tabs__nav-wrap:after){
+    background: #fff;
+  }
+  .countdown-danger {
+    color: #ff0000 !important;
+  }
+
+  .countdown-success {
+    color: #00a43f !important;
+  }
+  .avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 6px;
+    margin-right: 10px;
+  }
+  .stocking-page {
+    background: var(--art-main-bg-color);
+    min-height: 100vh;
+  }
+  .stocking-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    padding: 12px 16px;
+    background: var(--art-main-bg-color);
+  }
+  .toolbar-left {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  .toolbar-right {
+    display: flex;
+    align-items: center;
+  }
+  .clickable {
+    cursor: pointer;
+  }
+  // 创建收款记录 - 弹窗样式对齐设计图
+  .receipt-dialog {
+    .receipt-form {
+      .el-form-item {
+        margin-bottom: 20px;
+      }
+    }
+
+    .upload-demo {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      // justify-content: flex-end;
+      // border: 1px dashed #dcdfe6;
+      border-radius: 6px;
+      cursor: pointer;
+    }
+    .avatarimg {
+      width: 60px;
+      cursor: pointer;
+    }
+
+    .el-button {
+      width: 200px;
+      height: 40px;
+      font-size: 16px;
+    }
+  }
+  :deep(.receipt-dialog .el-dialog__footer) {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 20px;
+  }
+</style>
diff --git a/src/views/admin/finance/payment_records.vue b/src/views/admin/finance/payment_records.vue
new file mode 100644
index 0000000..44a8b93
--- /dev/null
+++ b/src/views/admin/finance/payment_records.vue
@@ -0,0 +1,1017 @@
+<template>
+  <div class="stocking-page">
+    <div class="stocking-toolbar boxshadow">
+      <div class="toolbar-left">
+        <ElButton
+          type="primary"
+          v-ripple
+          @click="handleCreate"
+          v-if="hasAuth('payment_records@add')"
+        >
+          创建客户付款记录
+        </ElButton>
+      </div>
+      <div class="toolbar-right">
+        <el-input
+          v-model="keyword"
+          placeholder="请输入客户名称"
+          clearable
+          style="width: 260px"
+          @keyup.enter="getList"
+        >
+          <template #suffix>
+            <el-icon class="clickable" @click="getList"><Search /></el-icon>
+          </template>
+        </el-input>
+      </div>
+    </div>
+
+    <div class="boxshadow">
+      <ArtTable
+        ref="tableRef"
+        row-key="id"
+        :loading="loading"
+        :data="tableData"
+        :currentPage="pagination.currentPage"
+        :pageSize="pagination.pageSize"
+        :total="pagination.total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :row-class-name="tableRowClassName"
+      >
+        <template #default>
+          <ElTableColumn label="创建日期" prop="created_at" min-width="140" />
+          <ElTableColumn label="付款来源" prop="country_name" min-width="160" />
+          <ElTableColumn label="汇款人" prop="remitter" min-width="120" />
+          <ElTableColumn label="入账资料" prop="amount" min-width="120">
+            <template #default="scope">
+              <span v-if="scope.row.claimed_at == null"> 未认领 </span>
+              <span
+                :class="getCountdownClass(scope.row.enter_file_last)"
+                v-else-if="scope.row.submit_files.length == 0"
+              >
+                <span class="custom-clock-icon" style="vertical-align: middle; margin-right: 4px">
+                  <i class="iconfont-sys">&#xe7b1;</i>
+                </span>
+                {{ getCountdown(scope.row.enter_file_last) }}
+              </span>
+              <span v-else class="countdown-success">已上传</span>
+            </template>
+          </ElTableColumn>
+          <ElTableColumn label="客户付款账户" prop="payment_account" min-width="120" />
+          <ElTableColumn label="收汇公司" prop="account_short_desc" min-width="120" />
+          <ElTableColumn label="币种" prop="currency_name" min-width="120" />
+          <ElTableColumn label="金额" prop="amount" min-width="120" />
+          <ElTableColumn label="操作" fixed="right" min-width="140" align="center">
+            <template #default="scope">
+              <ElRow :gutter="10" justify="center">
+                <el-link
+                  v-if="hasAuth('payment_records@show')"
+                  type="primary"
+                  underline="never"
+                  @click="handleView(scope.row)"
+                  style="margin-right: 8px"
+                >
+                  <i class="iconfont-sys">&#xe76c;</i> 查看
+                </el-link>
+                <el-link
+                  v-if="hasAuth('payment_records@update')"
+                  type="success"
+                  underline="never"
+                  @click="handleEdit(scope.row)"
+                  style="margin-right: 8px"
+                >
+                  <i class="iconfont-sys">&#xe6bf;</i> 修改
+                </el-link>
+                <el-link
+                  v-if="hasAuth('payment_records@destroy')"
+                  type="danger"
+                  underline="never"
+                  @click="handleDelete(scope.row)"
+                >
+                  <i class="iconfont-sys">&#xe6d4;</i> 作废
+                </el-link>
+              </ElRow>
+            </template>
+          </ElTableColumn>
+        </template>
+      </ArtTable>
+    </div>
+
+    <!-- 新建/编辑付款记录 - 通用弹窗 -->
+    <el-dialog
+      v-model="dialogVisible"
+      :title="isEdit ? '编辑客户付款记录' : '创建客户付款记录'"
+      width="900px"
+      class="receipt-dialog"
+    >
+      <el-form
+        ref="createFormRef"
+        :model="form"
+        :rules="createRules"
+        label-width="128px"
+        class="receipt-form"
+      >
+        <ElRow :gutter="12" class="item-row-wrap">
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="阿里订单号/PI号" prop="payment_apply_id">
+              <el-select
+                v-model="form.payment_apply_id"
+                placeholder="请选择阿里订单号/PI号"
+                @change="fetchOrders"
+              >
+                <el-option
+                  v-for="item in piOptions"
+                  :key="item.id"
+                  :label="item.pi_no"
+                  :value="item.pi_no"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="备货单">
+              <div style="display: flex; align-items: center; gap: 8px">
+                <ElButton
+                  type="primary"
+                  plain
+                  :disabled="!form.payment_apply_id"
+                  @click="openOrderPicker"
+                >
+                  选择备货单
+                </ElButton>
+                <span v-if="Array.isArray(form.stock_id) && form.stock_id.length">
+                  已选 {{ form.stock_id.length }} 条
+                </span>
+              </div>
+              <!-- <div
+                v-if="selectedOrders.length"
+                style="margin-top: 8px; display: flex; flex-wrap: wrap; gap: 8px"
+              >
+                <el-tag
+                  v-for="it in selectedOrders"
+                  :key="it.stock_orders_id"
+                  closable
+                  @close="removeSelectedOrder(it.stock_orders_id)"
+                >
+                  {{ it.order_no }}
+                </el-tag>
+              </div> -->
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="业务员">
+              <el-input type="hidden" v-model="form.sales_user_id" placeholder="请填写业务员" />
+              <el-input v-model="form.sales_user_name" placeholder="请填写业务员" disabled />
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="收汇公司">
+              <el-select v-model="form.corp_id" placeholder="请选择收汇公司">
+                <el-option
+                  v-for="item in corpOptions"
+                  :key="item.item_value"
+                  :label="item.item_label"
+                  :value="item.item_value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="付款来源">
+              <el-select v-model="form.country_id" placeholder="请选择付款国家">
+                <el-option
+                  v-for="item in countryOptions"
+                  :key="item.id"
+                  :label="item.cn_addrs"
+                  :value="item.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="客户付款账户">
+              <el-input v-model="form.payment_account" placeholder="请填写客户付款账户" />
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="汇款公司(个人  )">
+              <el-input v-model="form.payment_entity" placeholder="请填写汇款公司（个人）" />
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="主体类型">
+              <el-radio-group v-model="form.entity_type">
+                <el-radio :label="0">个人</el-radio>
+                <el-radio :label="1">公司</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="汇款人">
+              <el-input v-model="form.remitter" placeholder="请于到账水单的汇款人名称保持一致" />
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="收款账户">
+              <el-select v-model="form.account_id" placeholder="请选择收款账户">
+                <el-option
+                  v-for="item in accountOptions"
+                  :key="item.id"
+                  :label="item.short_desc"
+                  :value="item.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="币种">
+              <el-select
+                v-model="form.currency_id"
+                placeholder="请选择币种"
+                @change="fetchExchangeRate"
+              >
+                <el-option
+                  v-for="item in currencyOptions"
+                  :key="item.id"
+                  :label="item.currency_name"
+                  :value="item.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </ElCol>
+          <!-- <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="汇率">
+              <el-input v-model="form.exchange_rate" placeholder="请填写汇率" disabled />
+            </el-form-item>
+          </ElCol> -->
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="打款金额">
+              <el-input v-model="form.amount" placeholder="请填写打款金额" />
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="24" :lg="24">
+            <el-form-item label="汇款行" prop="swift">
+              <el-input v-model="form.swift" placeholder="请填写SWIFT号" />
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="24" :lg="24">
+            <el-form-item label="客户付款水单">
+              <el-upload
+                class="upload-demo"
+                :action="actionImageUplode"
+                :headers="uploadHeaders"
+                :on-success="handleUploadSuccess"
+                :show-file-list="false"
+                :multiple="true"
+              >
+                <img :src="imageUrl1" alt="" class="avatarimg" />
+                <input type="hidden" v-model="form.voucher_file" />
+              </el-upload>
+              <div
+                v-if="Array.isArray(form.voucher_file) && form.voucher_file.length"
+                style="margin-top: 8px"
+              >
+                <div
+                  v-for="(u, i) in form.voucher_file"
+                  :key="i"
+                  style="display: flex; align-items: center; gap: 8px; margin-bottom: 6px"
+                >
+                  <img
+                    v-if="
+                      /\.(png|jpe?g|gif|webp|bmp|svg)(\?|$)/i.test(
+                        (u.file_full || '').split('?')[0]
+                      )
+                    "
+                    :src="u.file_full"
+                    style="
+                      width: 60px;
+                      height: 60px;
+                      object-fit: cover;
+                      border-radius: 6px;
+                      border: 1px solid var(--el-border-color);
+                    "
+                  />
+                  <a
+                    v-else
+                    :href="u.file_full"
+                    target="_blank"
+                    rel="noopener"
+                    style="
+                      flex: 1;
+                      white-space: nowrap;
+                      overflow: hidden;
+                      text-overflow: ellipsis;
+                      width: 200px;
+                    "
+                    >{{ u.file_name }}</a
+                  >
+                  <el-button link type="danger" @click="removeVoucher(i)" style="width: 80px"
+                    >移除</el-button
+                  >
+                </div>
+              </div>
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="24" :lg="24">
+            <el-form-item label="入账资料提交">
+              <el-upload
+                class="upload-demo"
+                :action="actionImageUplode"
+                :headers="uploadHeaders"
+                :on-success="handleUploadSuccess1"
+                :show-file-list="false"
+                :multiple="true"
+              >
+                <img :src="imageUrl1" alt="" class="avatarimg" />
+                <input type="hidden" v-model="form.submit_files" />
+              </el-upload>
+              <div
+                v-if="Array.isArray(form.submit_files_list) && form.submit_files_list.length"
+                style="margin-top: 8px"
+              >
+                <div
+                  v-for="(u, i) in form.submit_files_list"
+                  :key="i"
+                  style="display: flex; align-items: center; gap: 8px; margin-bottom: 6px"
+                >
+                  <img
+                    v-if="/\.(png|jpe?g|gif|webp|bmp|svg)(\?|$)/i.test((u || '').split('?')[0])"
+                    :src="u"
+                    style="
+                      width: 60px;
+                      height: 60px;
+                      object-fit: cover;
+                      border-radius: 6px;
+                      border: 1px solid var(--el-border-color);
+                    "
+                  />
+                  <a
+                    v-else
+                    :href="u"
+                    target="_blank"
+                    rel="noopener"
+                    style="
+                      flex: 1;
+                      white-space: nowrap;
+                      overflow: hidden;
+                      text-overflow: ellipsis;
+                      width: 200px;
+                    "
+                    >{{ (u || '').split('?')[0].split('/').pop() }}</a
+                  >
+                  <el-button link type="danger" @click="removeSubmit(i)" style="width: 80px"
+                    >移除</el-button
+                  >
+                </div>
+              </div>
+            </el-form-item>
+          </ElCol>
+        </ElRow>
+      </el-form>
+
+      <template #footer>
+        <el-button type="primary" @click="handleSubmit(createFormRef)">提交</el-button>
+      </template>
+    </el-dialog>
+    <!-- 选择备货单弹窗 -->
+    <el-dialog v-model="orderPicker.visible" title="选择备货单" width="800px" align-center>
+      <ArtTable :data="orderPicker.data" :loading="orderPicker.loading">
+        <template #default>
+          <ElTableColumn width="56" align="center">
+            <template #header>
+              <el-checkbox
+                :indeterminate="isOrderIndeterminate"
+                :model-value="isAllOrdersSelected"
+                @change="toggleSelectAllOrders"
+              />
+            </template>
+            <template #default="scope">
+              <el-checkbox
+                :model-value="isOrderSelected(scope.row)"
+                @change="() => toggleOrder(scope.row)"
+              />
+            </template>
+          </ElTableColumn>
+          <ElTableColumn label="备货单号" prop="order_no" min-width="160" />
+          <ElTableColumn label="业务员" prop="salesperson_snapshot" min-width="160" />
+          <ElTableColumn label="创建时间" prop="biz_date" min-width="160" />
+        </template>
+      </ArtTable>
+      <template #footer>
+        <ElButton type="primary" @click="orderPicker.visible = false">确定</ElButton>
+      </template>
+    </el-dialog>
+
+    <!-- 付款记录详情查看对话框 -->
+    <PaymentRecordDetailDialog v-model="detailDialogVisible" :payment-id="currentPaymentId" />
+  </div>
+</template>
+<script lang="ts"></script>
+<script setup lang="ts">
+  import { commonService } from '@/api/commonApi'
+  import { financeService } from '@/api/admin/finance'
+  import PaymentRecordDetailDialog from '@/components/custom/PaymentRecordDetailDialog.vue'
+  import { ElMessage } from 'element-plus'
+  import type { FormInstance, FormRules } from 'element-plus'
+  import { purchaseService } from '@/api/admin/procurement'
+  import { useAuth } from '@/composables/useAuth'
+  import imageUrl1 from '@/assets/img/crm/upimg.png'
+  import { useUploadHeaders } from '@/composables/useUploadHeaders'
+  import dayjs from 'dayjs'
+  const { uploadHeaders } = useUploadHeaders()
+  let actionImageUplode = `${import.meta.env.VITE_API_URL}/ticket/upload?scene=payment_records`
+  defineOptions({ name: 'AdminReceiptRecords' })
+  const { hasAuth } = useAuth()
+  const loading = ref(false)
+  const keyword = ref('')
+  const tableRef = ref()
+  const tableData = ref<any[]>([])
+  const pagination = reactive({ currentPage: 1, pageSize: 10, total: 0 })
+  const piOptions = ref<any>()
+  const orderOptions = ref<any>()
+  const loadOptions = async () => {
+    try {
+      const res = await purchaseService.purchaseorderpredata({ scene: 'pi_no' })
+      piOptions.value = res || []
+    } catch {
+      piOptions.value = []
+    }
+  }
+  const fetchOrders = async (pi_no: string) => {
+    try {
+      const res = await purchaseService.purchaseorderpredata({
+        scene: 'order_no',
+        pi_no: pi_no
+      })
+      orderOptions.value = res || []
+      // 切换 PI 后，清空已选备货单与业务员信息
+      form.value.stock_id = []
+      form.value.sales_user_name = ''
+      form.value.sales_user_id = ''
+    } catch {
+      orderOptions.value = []
+    }
+  }
+  //备货单选择器（多选）
+  const orderPicker = reactive({ visible: false, loading: false, data: [] as any[] })
+  // const selectedOrders = computed<any[]>(() => {
+  //   const ids = new Set((form.value.stock_id || []).map((v) => String(v)))
+  //   const source = Array.isArray(orderOptions.value) ? orderOptions.value : []
+  //   return source.filter((it: any) => ids.has(String(it.stock_orders_id)))
+  // })
+  const isAllOrdersSelected = computed<boolean>(() => {
+    const data = Array.isArray(orderPicker.data) ? orderPicker.data : []
+    if (!data.length) return false
+    const ids = new Set((form.value.stock_id || []).map((v) => String(v)))
+    return data.every((it: any) => ids.has(String(it.stock_orders_id)))
+  })
+  const isOrderIndeterminate = computed<boolean>(() => {
+    const data = Array.isArray(orderPicker.data) ? orderPicker.data : []
+    const selected = (form.value.stock_id || []).length
+    return selected > 0 && selected < data.length
+  })
+  function openOrderPicker() {
+    if (!form.value.payment_apply_id) return
+    orderPicker.visible = true
+    // 如果未加载，则用现有 orderOptions；如需远程可在此拉取
+    orderPicker.data = Array.isArray(orderOptions.value) ? orderOptions.value : []
+  }
+  function isOrderSelected(row: any) {
+    return (form.value.stock_id || []).some((id) => String(id) === String(row?.stock_orders_id))
+  }
+  function toggleSelectAllOrders() {
+    const data = Array.isArray(orderPicker.data) ? orderPicker.data : []
+    if (!data.length) return
+    if (isAllOrdersSelected.value) {
+      // 取消全选
+      const dataIds = new Set(data.map((d: any) => String(d.stock_orders_id)))
+      form.value.stock_id = (form.value.stock_id || []).filter((id) => !dataIds.has(String(id)))
+    } else {
+      // 全选
+      const existed = new Set((form.value.stock_id || []).map((v) => String(v)))
+      const merge = [...(form.value.stock_id || [])]
+      data.forEach((d: any) => {
+        const id = d?.stock_orders_id
+        if (id != null && !existed.has(String(id))) merge.push(id)
+      })
+      form.value.stock_id = merge
+      if (!form.value.sales_user_id && data.length) {
+        form.value.sales_user_name = data[0]?.salesperson_snapshot || ''
+        form.value.sales_user_id = data[0]?.salesperson_id || ''
+      }
+    }
+    if (!(form.value.stock_id || []).length) {
+      form.value.sales_user_name = ''
+      form.value.sales_user_id = ''
+    }
+  }
+  function toggleOrder(row: any) {
+    const ids = Array.isArray(form.value.stock_id) ? [...form.value.stock_id] : []
+    const id = row?.stock_orders_id
+    if (id == null) return
+    const idx = ids.findIndex((v) => String(v) === String(id))
+    if (idx >= 0) {
+      ids.splice(idx, 1)
+    } else {
+      ids.push(id)
+    }
+    form.value.stock_id = ids
+    // 同步一次业务员（使用第一个所选的业务员信息）
+    if (!form.value.sales_user_id && ids.length) {
+      form.value.sales_user_name = row?.salesperson_snapshot || ''
+      form.value.sales_user_id = row?.salesperson_id || ''
+    }
+    if (!ids.length) {
+      form.value.sales_user_name = ''
+      form.value.sales_user_id = ''
+    }
+  }
+  function removeSelectedOrder(stock_orders_id: string | number) {
+    const next = (form.value.stock_id || []).filter((v) => String(v) !== String(stock_orders_id))
+    form.value.stock_id = next
+    if (next.length === 0) {
+      form.value.sales_user_name = ''
+      form.value.sales_user_id = ''
+    }
+  }
+  //国家
+  const countryOptions = ref<any[]>([])
+  const fetchCountryOptions = async () => {
+    try {
+      const res = await commonService.getCountrySelect()
+      res.forEach((item: any) => {
+        item.cn_addrs = item.cn_addr + '(' + item.en_addr + ')'
+      })
+      countryOptions.value = res || []
+    } catch {
+      countryOptions.value = []
+    }
+  }
+  //付款公司
+  const corpOptions = ref<any[]>([])
+  const fetchCorpOptions = async () => {
+    try {
+      const response = await commonService.getDictSelect({ scope: '21' })
+      corpOptions.value = response.payment_corp
+    } catch {
+      corpOptions.value = []
+    }
+  }
+  //账户
+  const accountOptions = ref<any[]>([])
+  const fetchAccountOptions = async () => {
+    try {
+      const res = await commonService.getAccountSelect()
+      accountOptions.value = res || []
+    } catch {
+      accountOptions.value = []
+    }
+  }
+  //币种
+  const currencyOptions = ref<any[]>([])
+  const fetchCurrencyOptions = async () => {
+    try {
+      const res = await commonService.getCurrencySelect()
+      currencyOptions.value = res || []
+    } catch {
+      currencyOptions.value = []
+    }
+  }
+  const fetchExchangeRate = async (currency_id: string) => {
+    try {
+      const list = Array.isArray(currencyOptions.value) ? currencyOptions.value : []
+      const picked = list.find((it: any) => String(it?.id ?? '') === String(currency_id))
+      if (!picked) {
+        form.value.exchange_rate = ''
+        return
+      }
+      form.value.exchange_rate = picked?.exchange_rate || ''
+    } catch {
+      form.value.exchange_rate = ''
+    }
+  }
+  const timer = ref(0)
+  const refreshKey = ref(0)
+
+  // 审批弹出框相关
+  onMounted(() => {
+    getList()
+    timer.value = window.setInterval(() => {
+      refreshKey.value++
+    }, 1000)
+  })
+
+  watch([keyword], () => {
+    pagination.currentPage = 1
+    getList()
+    // 不自动请求，保持与截图行为一致，点击搜索或回车触发
+  })
+
+  const getList = async () => {
+    loading.value = true
+    try {
+      const { currentPage, pageSize } = pagination
+      const params = {
+        current: currentPage,
+        size: pageSize,
+        scene: 'todo',
+        keyword: keyword.value
+      }
+
+      const { records, current, size, total } = await financeService.getPaymentList(params)
+      tableData.value = records || []
+      Object.assign(pagination, { currentPage: current, pageSize: size, total })
+    } catch (error) {
+      console.error('获取列表失败:', error)
+    } finally {
+      loading.value = false
+    }
+  }
+  const tableRowClassName = ({ row }: { row: any }) => {
+    const flag = getCountdown(row.enter_file_last)
+    return flag === '已超时' ? 'row-claim-timeout' : ''
+  }
+  const handleSizeChange = (size: number) => {
+    pagination.pageSize = size
+    getList()
+  }
+  const handleCurrentChange = (page: number) => {
+    pagination.currentPage = page
+    getList()
+  }
+
+  // 新建/编辑弹窗通用状态
+  const dialogVisible = ref(false)
+  const createLoading = ref(false)
+  const isEdit = ref(false)
+  const currentId = ref<string | number | null>(null)
+  
+  // 详情对话框相关
+  const detailDialogVisible = ref(false)
+  const currentPaymentId = ref<string | number>('')
+  const createFormRef = ref<FormInstance>()
+  interface FileInfo {
+    file_name?: string
+    file_full?: string
+    file_src?: string
+  }
+  const form = ref({
+    payment_apply_id: '',
+    corp_id: '',
+    stock_id: [] as (string | number)[],
+    sales_user_id: '',
+    sales_user_name: '',
+    payment_account: '',
+    payment_entity: '',
+    entity_type: undefined as number | undefined,
+    country_id: '',
+    remitter: '',
+    account_id: '',
+    currency_id: '',
+    exchange_rate: '',
+    amount: '',
+    swift: '',
+    voucher_file: [] as FileInfo[],
+    voucher_file_list: [] as string[],
+    submit_files: [] as object[],
+    submit_files_list: [] as string[]
+  })
+  const createRules = reactive<FormRules>({
+    payment_apply_id: [{ required: true, message: '请选择阿里订单号/PI号', trigger: 'change' }],
+    swift: [{ required: true, message: '请输入汇款行', trigger: 'blur' }]
+  })
+
+  const resetCreateForm = () => {
+    Object.assign(form.value, {
+      payment_apply_id: '',
+      corp_id: '',
+      stock_id: [],
+      sales_user_id: '',
+      sales_user_name: '',
+      payment_account: '',
+      payment_entity: '',
+      entity_type: undefined as number | undefined,
+      country_id: '',
+      remitter: '',
+      account_id: '',
+      currency_id: '',
+      exchange_rate: '',
+      amount: '',
+      swift: '',
+      voucher_file: [] as FileInfo[],
+      voucher_file_list: [],
+      submit_files: [],
+      submit_files_list: []
+    })
+    currentId.value = null
+    createFormRef.value?.clearValidate?.()
+  }
+
+  const handleCreate = async () => {
+    resetCreateForm()
+    isEdit.value = false
+    loadOptions()
+    fetchCorpOptions()
+    fetchAccountOptions()
+    fetchCurrencyOptions()
+    fetchCountryOptions()
+    dialogVisible.value = true
+  }
+
+  const handleSubmit = async (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    await formEl.validate(async (valid) => {
+      if (!valid) return
+      try {
+        createLoading.value = true
+        // 根据新增/编辑分支处理
+        const payload: any = { ...form.value }
+        delete payload.submit_files_list
+        delete payload.voucher_file_list
+        delete payload.sales_user_name
+        // payload.voucher_file = payload.voucher_file.join(',')
+        // 将所选备货单 ID 列表传给后端字段（兼容旧字段）
+        if (Array.isArray(payload.stock_id)) {
+          // 若后端仍接收单个 stock_id，可取第一个；否则保留 stock_id
+          payload.stock_id = payload.stock_id ?? payload.stock_id[0]
+        }
+        payload.stock = [
+          // 库存数组
+          {
+            stock_id: payload.stock_id, // 备货单ID
+            pi_on: payload.payment_apply_id
+          }
+        ]
+        delete payload.payment_apply_id
+        delete payload.stock_id
+        if (isEdit.value) {
+          const forms = { ...payload, id: currentId.value }
+          const { message } = await financeService.updatePayment(forms)
+          ElMessage.success(message)
+        } else {
+          // console.log('payload:', payload)
+          const { message } = await financeService.addPayment(payload)
+          ElMessage.success(message)
+        }
+        dialogVisible.value = false
+        getList()
+      } finally {
+        createLoading.value = false
+      }
+    })
+  }
+  const handleView = (row: any) => {
+    currentPaymentId.value = row.id
+    detailDialogVisible.value = true
+  }
+  const handleEdit = async (row?: any) => {
+    resetCreateForm()
+    isEdit.value = true
+    currentId.value = row?.id ?? null
+    // 如有需要，这里可按接口字段回填表单
+    const data = await financeService.getPaymentDetail({ id: row.id })
+    row = data || row
+    if (row && typeof row === 'object') {
+      const stockList = Array.isArray(row.stock) ? row.stock : []
+      const firstStock = stockList[0] || {}
+      const piNo = firstStock?.pi_no || row?.payment_apply_id || row?.pi_no || ''
+      form.value.payment_apply_id = piNo || form.value.payment_apply_id
+      // 组装已选备货单ID数组
+      const pickedIds = stockList
+        .map((s: any) => s?.stock_id || s?.stock_orders_id || s?.id)
+        .filter((v: any) => v != null)
+      if (pickedIds.length) {
+        form.value.stock_id = pickedIds
+      } else if (row?.stock_id) {
+        form.value.stock_id = [row.stock_id]
+      }
+      form.value.sales_user_id = row.sales_user_id ?? form.value.sales_user_id
+      form.value.sales_user_name = row.sales_user_name ?? form.value.sales_user_name
+      form.value.corp_id = String(row.corp_id ?? '')
+      form.value.payment_account = row.payment_account ?? form.value.payment_account
+      form.value.payment_entity = row.payment_entity ?? form.value.payment_entity
+      form.value.entity_type = row.entity_type
+      form.value.country_id = row.country_id ?? form.value.country_id
+      form.value.remitter = row.remitter ?? form.value.remitter
+      form.value.account_id = row.account_id ?? form.value.account_id
+      form.value.currency_id = row.currency_id ?? form.value.currency_id
+      form.value.exchange_rate = row.exchange_rate ?? form.value.exchange_rate
+      form.value.amount = row.amount ?? form.value.amount
+      form.value.swift = row.swift ?? form.value.swift
+      // 处理客户付款水单文件
+      if (row.voucher_file) {
+        const voucherFiles = Array.isArray(row.voucher_file)
+          ? row.voucher_file
+          : String(row.voucher_file)
+              .split(',')
+              .map((s: string) => s.trim())
+              .filter(Boolean)
+        form.value.voucher_file = voucherFiles
+        // 构造预览URL列表（假设文件路径需要拼接域名）
+        const baseUrl = import.meta.env.VITE_API_URL || ''
+        form.value.voucher_file_list = Array.isArray(row.voucher_file_full)
+          ? row.voucher_file_full
+          : String(row.voucher_file_full)
+              .split(',')
+              .map((s: string) => s.trim())
+              .filter(Boolean)
+      }
+      // 处理入账资料提交文件
+      if (row.submit_files) {
+        const submitFiles = row.submit_files
+        form.value.submit_files = submitFiles
+        // 构造预览URL列表
+        form.value.submit_files_list = submitFiles.map((file: any) => file.file_full)
+      }
+    }
+    loadOptions()
+    fetchCorpOptions()
+    fetchAccountOptions()
+    fetchCurrencyOptions()
+    fetchCountryOptions()
+    // 拉取当前 PI 的备货单列表用于弹窗展示与勾选回显
+    try {
+      const res = await purchaseService.purchaseorderpredata({
+        scene: 'order_no',
+        pi_no: form.value.payment_apply_id
+      })
+      orderOptions.value = res || []
+    } catch {
+      orderOptions.value = []
+    }
+    dialogVisible.value = true
+  }
+  const handleDelete = (row: { id: any }) => {
+    ElMessageBox.confirm('确定删除吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(() => {
+      financeService.deletePayment({ id: row.id }).then((res) => {
+        ElMessage.success(res.message)
+        getList()
+      })
+    })
+  }
+  function handleUploadSuccess(response: any) {
+    const fileName = response?.data?.file_name || ''
+    const fileUrl = response?.data?.file_url || response?.data?.full_url || response?.url || ''
+    const names = Array.isArray(form.value.voucher_file) ? [...form.value.voucher_file] : []
+    const files = ref({
+      file_src: '',
+      file_name: '',
+      file_full: ''
+    })
+    files.value.file_src = fileName
+    files.value.file_name = response?.data?.original_name || ''
+    files.value.file_full = response?.data?.file_url || ''
+    if (fileName) names.push(files.value)
+    form.value.voucher_file = names
+    const list = Array.isArray(form.value.voucher_file_list) ? form.value.voucher_file_list : []
+    list.push(fileUrl)
+    form.value.voucher_file_list = [...list]
+    ElMessage.success(response.message)
+  }
+  function handleUploadSuccess1(response: any) {
+    const fileName = response?.data?.file_name || ''
+    const fileUrl = response?.data?.file_url || response?.data?.full_url || response?.url || ''
+    const names = Array.isArray(form.value.submit_files) ? [...form.value.submit_files] : []
+    const files = ref({
+      file_src: '',
+      file_name: '',
+      file_full: ''
+    })
+    files.value.file_src = fileName
+    files.value.file_name = response?.data?.original_name || ''
+    files.value.file_full = response?.data?.file_url || ''
+    if (fileName) names.push(files.value)
+    form.value.submit_files = names
+    const list = Array.isArray(form.value.submit_files_list) ? form.value.submit_files_list : []
+    list.push(fileUrl)
+    form.value.submit_files_list = [...list]
+    ElMessage.success(response.message)
+  }
+
+  // 预览项移除（同步预览数组与提交字段）
+  function removeVoucher(index: number) {
+    const list = Array.isArray(form.value.voucher_file_list)
+      ? [...form.value.voucher_file_list]
+      : []
+    if (index < 0 || index >= list.length) return
+    list.splice(index, 1)
+    form.value.voucher_file_list = list
+    const names = Array.isArray(form.value.voucher_file) ? [...form.value.voucher_file] : []
+    if (index < names.length) names.splice(index, 1)
+    form.value.voucher_file = names
+  }
+  function removeSubmit(index: number) {
+    const list = Array.isArray(form.value.submit_files_list)
+      ? [...form.value.submit_files_list]
+      : []
+    if (index < 0 || index >= list.length) return
+    list.splice(index, 1)
+    form.value.submit_files_list = list
+    const names = Array.isArray(form.value.submit_files) ? [...form.value.submit_files] : []
+    if (index < names.length) names.splice(index, 1)
+    form.value.submit_files = names
+  }
+  function getCountdown(targetDate: string) {
+    // 让 refreshKey 成为依赖，确保每秒刷新
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+    refreshKey.value
+    const now = dayjs()
+    const target = dayjs(targetDate, 'YYYY-MM-DD HH:mm:ss')
+    if (!target.isValid()) return '时间格式错误'
+    const diff = target.diff(now)
+    if (diff <= 0) return '已超时'
+    const days = Math.floor(diff / (1000 * 60 * 60 * 24))
+    const hours = Math.floor((diff / (1000 * 60 * 60)) % 24)
+    const minutes = Math.floor((diff / (1000 * 60)) % 60)
+    const seconds = Math.floor((diff / 1000) % 60)
+    return `${days > 0 ? days + '天' : ''}${hours}小时${minutes}分${seconds}秒`
+  }
+
+  function getCountdownClass(targetDate: string) {
+    const now = dayjs()
+    const target = dayjs(targetDate, 'YYYY-MM-DD HH:mm:ss')
+    if (!target.isValid() || target.diff(now) <= 0) {
+      return 'countdown-danger'
+    }
+    return 'countdown-success'
+  }
+</script>
+
+<style scoped lang="scss">
+  :deep(.row-claim-timeout) {
+    background-color: #ffc9c9 !important;
+  }
+  .countdown-danger {
+    color: #ff0000 !important;
+  }
+
+  .countdown-success {
+    color: #00a43f !important;
+  }
+  .avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 6px;
+    margin-right: 10px;
+  }
+  .stocking-page {
+    background: var(--art-main-bg-color);
+    min-height: 100vh;
+  }
+  .stocking-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    padding: 12px 16px;
+    background: var(--art-main-bg-color);
+  }
+  .toolbar-left {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  .toolbar-right {
+    display: flex;
+    align-items: center;
+  }
+  .clickable {
+    cursor: pointer;
+  }
+  // 创建收款记录 - 弹窗样式对齐设计图
+  .receipt-dialog {
+    .receipt-form {
+      .el-form-item {
+        margin-bottom: 20px;
+      }
+    }
+
+    .upload-demo {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      border-radius: 6px;
+      cursor: pointer;
+    }
+    .avatarimg {
+      width: 60px;
+      cursor: pointer;
+    }
+
+    .el-button {
+      width: 200px;
+      height: 40px;
+      font-size: 16px;
+    }
+  }
+  :deep(.receipt-dialog .el-dialog__footer) {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 20px;
+  }
+</style>
diff --git a/src/views/admin/finance/receipt_records.vue b/src/views/admin/finance/receipt_records.vue
new file mode 100644
index 0000000..f679a47
--- /dev/null
+++ b/src/views/admin/finance/receipt_records.vue
@@ -0,0 +1,832 @@
+<template>
+  <div class="stocking-page">
+    <div class="stocking-toolbar boxshadow">
+      <div class="toolbar-left">
+        <ElButton
+          type="primary"
+          v-ripple
+          @click="handleCreate"
+          v-if="hasAuth('receipt_records@add')"
+        >
+          创建收款记录
+        </ElButton>
+      </div>
+      <div class="toolbar-right">
+        <el-input
+          v-model="keyword"
+          placeholder="请输入客户名称"
+          clearable
+          style="width: 260px"
+          @keyup.enter="getList"
+        >
+          <template #suffix>
+            <el-icon class="clickable" @click="getList"><Search /></el-icon>
+          </template>
+        </el-input>
+      </div>
+    </div>
+
+    <div class="boxshadow">
+      <ArtTable
+        ref="tableRef"
+        row-key="id"
+        :key="tableData.length"
+        :loading="loading"
+        :data="tableData"
+        :currentPage="pagination.currentPage"
+        :pageSize="pagination.pageSize"
+        :total="pagination.total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :row-class-name="tableRowClassName"
+      >
+        <template #default>
+          <ElTableColumn label="创建日期" prop="created_at" min-width="140" />
+          <!-- <ElTableColumn label="付款来源" prop="country_name" min-width="160" /> -->
+          <ElTableColumn label="汇款人" prop="remitter" min-width="120" />
+          <ElTableColumn label="账户" prop="account_short_desc" min-width="120" />
+          <ElTableColumn label="币种" prop="currency_name" min-width="120" />
+          <ElTableColumn label="金额" prop="amount" min-width="120" />
+          <ElTableColumn label="折让金额(含手续费)" prop="discount_amount" min-width="120" />
+          <ElTableColumn label="认领状态" prop="payment_apply_id" min-width="120">
+            <template #default="scope">
+              <span
+                v-if="scope.row.payment_apply_id == 0 || scope.row.payment_apply_id == null"
+                class="text-danger"
+              >
+                未认领
+              </span>
+              <span v-else class="text-success">已认领</span>
+            </template>
+          </ElTableColumn>
+          <ElTableColumn label="入账" prop="id" min-width="120">
+            <template #default="scope">
+              <span v-if="scope.row.received_at">{{ scope.row.received_at }}</span>
+              <el-button v-else type="primary" size="small" @click="handlebtn(scope.row)">
+                确认入账
+              </el-button>
+            </template>
+          </ElTableColumn>
+          <ElTableColumn label="操作" fixed="right" min-width="180" align="center">
+            <template #default="scope">
+              <ElRow :gutter="10" justify="center">
+                <el-link
+                  v-if="hasAuth('receipt_records@show')"
+                  type="primary"
+                  underline="never"
+                  @click="handleView(scope.row)"
+                  style="margin-right: 8px"
+                >
+                  <i class="iconfont-sys">&#xe76c;</i> 查看
+                </el-link>
+                <el-link
+                  v-if="hasAuth('receipt_records@update')"
+                  type="success"
+                  underline="never"
+                  @click="handleEdit(scope.row)"
+                  style="margin-right: 8px"
+                >
+                  <i class="iconfont-sys">&#xe6bf;</i> 修改
+                </el-link>
+                <!-- <el-link
+                  v-if="hasAuth('receipt_records@destroy')"
+                  type="danger"
+                  underline="never"
+                  @click="handleDelete()"
+                  style="margin-right: 8px"
+                >
+                  <i class="iconfont-sys">&#xe6d4;</i> 作废
+                </el-link> -->
+                <el-link
+                  v-if="hasAuth('receipt_records@history')"
+                  type="warning"
+                  underline="never"
+                  @click="handleHistory(scope.row)"
+                >
+                  <i class="iconfont-sys">&#xe64e;</i> 历史记录
+                </el-link>
+              </ElRow>
+            </template>
+          </ElTableColumn>
+        </template>
+      </ArtTable>
+    </div>
+
+    <!-- 新建/编辑收款记录 - 通用弹窗 -->
+    <el-dialog
+      v-model="dialogVisible"
+      :title="isEdit ? '编辑收款记录' : '创建收款记录'"
+      width="900px"
+      class="receipt-dialog"
+    >
+      <el-form
+        ref="createFormRef"
+        :model="form"
+        :rules="createRules"
+        label-width="180px"
+        class="receipt-form"
+      >
+        <ElRow :gutter="12" class="item-row-wrap">
+          <!-- <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="付款来源">
+              <el-select v-model="form.country_id" placeholder="请选择付款国家">
+                <el-option
+                  v-for="item in countryOptions"
+                  :key="item.id"
+                  :label="item.cn_addrs"
+                  :value="item.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </ElCol> -->
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="汇款人">
+              <el-input v-model="form.remitter" placeholder="请填写汇款人" />
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="收款账户">
+              <el-select v-model="form.account_id" placeholder="请选择收款账户">
+                <el-option
+                  v-for="item in accountOptions"
+                  :key="item.id"
+                  :label="item.short_desc"
+                  :value="item.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="币种">
+              <el-select v-model="form.currency_id" placeholder="请选择币种">
+                <el-option
+                  v-for="item in currencyOptions"
+                  :key="item.id"
+                  :label="item.currency_name"
+                  :value="item.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="金额">
+              <el-input v-model="form.amount" placeholder="请填写金额" />
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="到账时间">
+              <el-date-picker
+                v-model="form.arrived_at"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                type="date"
+                placeholder="请选择到账时间"
+                style="width: 100%"
+              />
+            </el-form-item>
+          </ElCol>
+          <!-- <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="折让金额">
+              <el-input v-model="form.discount_amount" placeholder="请填写折让金额" />
+            </el-form-item>
+          </ElCol> -->
+          <ElCol :sm="24" :md="12" :lg="12" v-if="isEdit">
+            <el-form-item label="收汇凭证号">
+              <el-input v-model="form.voucher_no" placeholder="请填写收汇凭证号" />
+            </el-form-item>
+          </ElCol>
+          <!-- <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="实际汇率（出纳）">
+              <el-input v-model="form.exchange_rate" placeholder="请填写实际汇率" />
+            </el-form-item>
+          </ElCol> -->
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="总金额（人民币）实际汇率">
+              <el-input
+                v-model="form.total_amount_cny"
+                placeholder="请填写总金额（人民币）实际汇率"
+              />
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="12" :lg="12">
+            <el-form-item label="是否转回内地">
+              <el-radio-group v-model="form.is_domestic_return">
+                <el-radio :label="0">否</el-radio>
+                <el-radio :label="1">是</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </ElCol>
+          <ElCol :sm="24" :md="24" :lg="24">
+            <el-form-item label="外汇到账回单（出纳）">
+              <el-upload
+                class="upload-demo"
+                :action="actionImageUplode"
+                :headers="uploadHeaders"
+                :on-success="handleUploadSuccess1"
+                :show-file-list="false"
+                :multiple="true"
+              >
+                <img :src="imageUrl1" alt="" class="avatarimg" />
+                <input type="hidden" v-model="form.fx_receipt_file" />
+              </el-upload>
+              <div
+                v-if="Array.isArray(form.fx_receipt_file) && form.fx_receipt_file.length"
+                style="margin-top: 8px"
+              >
+                <div
+                  v-for="(u, i) in form.fx_receipt_file"
+                  :key="i"
+                  style="display: flex; align-items: center; gap: 8px; margin-bottom: 6px"
+                >
+                  <img
+                    v-if="
+                      /\.(png|jpe?g|gif|webp|bmp|svg)(\?|$)/i.test(
+                        (u.file_full || '').split('?')[0]
+                      )
+                    "
+                    :src="u.file_full"
+                    style="
+                      width: 60px;
+                      height: 60px;
+                      object-fit: cover;
+                      border-radius: 6px;
+                      border: 1px solid var(--el-border-color);
+                    "
+                  />
+                  <a
+                    v-else
+                    :href="u.file_full"
+                    target="_blank"
+                    rel="noopener"
+                    style="
+                      flex: 1;
+                      white-space: nowrap;
+                      overflow: hidden;
+                      text-overflow: ellipsis;
+                      width: 200px;
+                    "
+                    >{{ u.file_name }}</a
+                  >
+                  <el-button link type="danger" @click="removeVoucher(i)" style="width: 80px"
+                    >移除</el-button
+                  >
+                </div>
+              </div>
+            </el-form-item>
+          </ElCol>
+        </ElRow>
+      </el-form>
+
+      <template #footer>
+        <el-button type="primary" @click="handleSubmit">提交</el-button>
+      </template>
+    </el-dialog>
+    <el-dialog
+      v-model="dialogVisibleshow"
+      title="查看收款记录"
+      width="900px"
+      class="receipt-dialog"
+    >
+      <div class="info-grid">
+        <div class="info-item">
+          <label>创建日期：</label>
+          <span>{{ formshow.created_at }}</span>
+        </div>
+        <!-- <div class="info-item">
+          <label>付款来源：</label>
+          <span>{{ formshow.country_name || '—' }}</span>
+        </div> -->
+        <div class="info-item">
+          <label>汇款人：</label>
+          <span>{{ formshow.remitter || '—' }}</span>
+        </div>
+        <div class="info-item">
+          <label>账户：</label>
+          <span>{{ formshow.account_name || '—' }}</span>
+        </div>
+        <div class="info-item">
+          <label>币种：</label>
+          <span>{{ formshow.currency_name || '—' }}</span>
+        </div>
+        <div class="info-item">
+          <label>金额：</label>
+          <span class="amount">{{ formshow.amount }}</span>
+        </div>
+        <div class="info-item">
+          <label>到账时间：</label>
+          <span>{{ formshow.arrived_at || '—' }}</span>
+        </div>
+        <!-- <div class="info-item">
+          <label>折让金额：</label>
+          <span>{{ formshow.discount_amount || '—' }}</span>
+        </div> -->
+        <div class="info-item">
+          <label>收汇凭证号：</label>
+          <span>{{ formshow.voucher_no || '—' }}</span>
+        </div>
+        <!-- <div class="info-item">
+          <label>实际汇率（出纳）：</label>
+          <span>{{ formshow.exchange_rate || '—' }}</span>
+        </div> -->
+        <div class="info-item">
+          <label>总金额（人民币）实际汇率：</label>
+          <span>{{ formshow.total_amount_cny || '—' }}</span>
+        </div>
+        <div class="info-item">
+          <label>是否转回内地：</label>
+          <span>{{ formshow.is_domestic_return == 1 ? '是' : '否' }}</span>
+        </div>
+        <div class="info-item">
+          <label>外汇到账回单:</label>
+          <div>
+            <p v-for="(item, index) in formshow.fx_receipt_file" :key="index">
+              <el-image
+                v-if="
+                  /\.(png|jpe?g|gif|webp|bmp|svg)(\?|$)/i.test((item.file_full || '').split('?')[0])
+                "
+                :src="item.file_full"
+                :preview-src-list="item.file_full ? [item.file_full] : []"
+                style="width: 100px; height: 100px"
+              />
+              <a
+                v-else
+                :href="item.file_full"
+                target="_blank"
+                rel="noopener"
+                style="
+                  flex: 1;
+                  white-space: nowrap;
+                  overflow: hidden;
+                  text-overflow: ellipsis;
+                  width: 200px;
+                "
+                >{{ item.file_name }}</a
+              >
+            </p>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+    <!-- 历史记录 -->
+    <el-dialog
+      v-model="timelineDialogVisible"
+      title="历史记录"
+      width="600px"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      class="approval-dialog"
+    >
+      <div class="approval-content">
+        <!-- 头部信息 -->
+        <Timeline :records="approvalRecords" />
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { commonService } from '@/api/commonApi'
+  import { financeService } from '@/api/admin/finance'
+  import { ElMessage } from 'element-plus'
+  import type { FormInstance, FormRules } from 'element-plus'
+  import { useAuth } from '@/composables/useAuth'
+  import imageUrl1 from '@/assets/img/crm/upimg.png'
+  import { useUploadHeaders } from '@/composables/useUploadHeaders'
+  import { defineAsyncComponent } from 'vue'
+  const Timeline = defineAsyncComponent(() => import('@/components/custom/Timeline.vue'))
+  const { uploadHeaders } = useUploadHeaders()
+  let actionImageUplode = `${import.meta.env.VITE_API_URL}/ticket/upload?scene=receipt_records`
+  defineOptions({ name: 'AdminReceiptRecords' })
+  const approvalRecords = ref<any[]>([])
+  const { hasAuth } = useAuth()
+  const loading = ref(false)
+  const dialogVisibleshow = ref(false)
+  const timelineDialogVisible = ref(false)
+  const keyword = ref('')
+  const tableRef = ref()
+  const tableData = ref<any[]>([])
+  const pagination = reactive({ currentPage: 1, pageSize: 10, total: 0 })
+  //国家
+  const countryOptions = ref<any[]>([])
+  const fetchCountryOptions = async () => {
+    try {
+      const res = await commonService.getCountrySelect()
+      res.forEach((item: any) => {
+        item.cn_addrs = item.cn_addr + '(' + item.en_addr + ')'
+      })
+      countryOptions.value = res || []
+    } catch {
+      countryOptions.value = []
+    }
+  }
+  //账户
+  const accountOptions = ref<any[]>([])
+  const fetchAccountOptions = async () => {
+    try {
+      const res = await commonService.getAccountSelect()
+      accountOptions.value = res || []
+    } catch {
+      accountOptions.value = []
+    }
+  }
+  //币种
+  const currencyOptions = ref<any[]>([])
+  const fetchCurrencyOptions = async () => {
+    try {
+      const res = await commonService.getCurrencySelect()
+      currencyOptions.value = res || []
+    } catch {
+      currencyOptions.value = []
+    }
+  }
+
+  // 审批弹出框相关
+  onMounted(() => {
+    getList()
+  })
+
+  watch([keyword], () => {
+    pagination.currentPage = 1
+    getList()
+    // 不自动请求，保持与截图行为一致，点击搜索或回车触发
+  })
+
+  const getList = async () => {
+    loading.value = true
+    try {
+      const { currentPage, pageSize } = pagination
+      const params = {
+        current: currentPage,
+        size: pageSize,
+        keyword: keyword.value
+      }
+
+      const { records, current, size, total } = await financeService.getReceiptList(params)
+      tableData.value = records || []
+      Object.assign(pagination, { currentPage: current, pageSize: size, total })
+    } catch (error) {
+      console.error('获取列表失败:', error)
+    } finally {
+      loading.value = false
+    }
+  }
+  const tableRowClassName = ({ row }: { row: any }) => {
+    const flag = Number(row?.claim_timeout)
+    return flag === 1 ? 'row-claim-timeout' : ''
+  }
+
+  const handleSizeChange = (size: number) => {
+    pagination.pageSize = size
+    getList()
+  }
+  const handleCurrentChange = (page: number) => {
+    pagination.currentPage = page
+    getList()
+  }
+
+  // 新建/编辑弹窗通用状态
+  const dialogVisible = ref(false)
+  const createLoading = ref(false)
+  const isEdit = ref(false)
+  const currentId = ref<string | number | null>(null)
+  const createFormRef = ref<FormInstance>()
+  interface FileInfo {
+    file_name?: string
+    file_full?: string
+    file_src?: string
+  }
+  const form = ref({
+    remitter: '',
+    account_id: '',
+    currency_id: '',
+    amount: '',
+    arrived_at: new Date().toISOString().split('T')[0],
+    voucher_no: '',
+    total_amount_cny: '',
+    is_domestic_return: 0,
+    fx_receipt_file: [] as FileInfo[],
+    fx_receipt_file_list: [] as object[]
+  })
+  const createRules: FormRules = {
+    remitter: [{ required: true, message: '请输入汇款人', trigger: 'blur' }],
+    account_id: [{ required: true, message: '请选择账户', trigger: 'change' }],
+    currency_id: [{ required: true, message: '请选择币种', trigger: 'change' }]
+  }
+  const formshow = ref({
+    created_at: '',
+    country_name: '',
+    remitter: '',
+    account_name: '',
+    currency_name: '',
+    amount: '',
+    arrived_at: '',
+    voucher_no: '',
+    total_amount_cny: '',
+    is_domestic_return: 0,
+    fx_receipt_file: [] as FileInfo[],
+    fx_receipt_file_full: '',
+    fx_receipt_file_list: [] as object[]
+  })
+  const resetCreateForm = () => {
+    Object.assign(form.value, {
+      remitter: '',
+      account_id: '',
+      currency_id: '',
+      amount: '',
+      arrived_at: new Date().toISOString().split('T')[0],
+      voucher_no: '',
+      total_amount_cny: '',
+      is_domestic_return: 0,
+      fx_receipt_file: [] as FileInfo[],
+      fx_receipt_file_list: []
+    })
+    currentId.value = null
+    createFormRef.value?.clearValidate?.()
+  }
+
+  const handleCreate = async () => {
+    resetCreateForm()
+    isEdit.value = false
+    fetchAccountOptions()
+    fetchCurrencyOptions()
+    fetchCountryOptions()
+    dialogVisible.value = true
+  }
+
+  const handleSubmit = () => {
+    createFormRef.value?.validate?.(async (valid: boolean) => {
+      if (!valid) return
+      try {
+        createLoading.value = true
+        // TODO: 根据新增/编辑调用对应接口
+        if (isEdit.value) {
+          const formData = { ...form.value }
+          // if ('fx_receipt_file_list' in formData) {
+          //   delete formData.fx_receipt_file_list
+          // }
+          const forms = { ...formData, id: currentId.value }
+          const { message } = await financeService.updateReceipt({
+            remitter: forms.remitter,
+            account_id: forms.account_id,
+            currency_id: forms.currency_id,
+            amount: forms.amount,
+            arrived_at: forms.arrived_at,
+            voucher_no: forms.voucher_no,
+            total_amount_cny: forms.total_amount_cny,
+            is_domestic_return: forms.is_domestic_return,
+            fx_receipt_file: forms.fx_receipt_file,
+            id: forms.id
+          })
+          ElMessage.success(message)
+        } else {
+          const formData = { ...form.value }
+          const { message } = await financeService.addReceipt({
+            remitter: formData.remitter,
+            account_id: formData.account_id,
+            currency_id: formData.currency_id,
+            amount: formData.amount,
+            arrived_at: formData.arrived_at,
+            voucher_no: formData.voucher_no,
+            total_amount_cny: formData.total_amount_cny,
+            is_domestic_return: formData.is_domestic_return,
+            fx_receipt_file: formData.fx_receipt_file
+          })
+          ElMessage.success(message)
+        }
+        dialogVisible.value = false
+        getList()
+      } finally {
+        createLoading.value = false
+      }
+    })
+  }
+  const handleView = (row?: any) => {
+    // const fx_receipt_file_full = []
+    // if (row.fx_receipt_file_full) {
+    //   fx_receipt_file_full.push(row.fx_receipt_file_full)
+    // }
+    formshow.value = row
+    // formshow.value.fx_receipt_file_list = fx_receipt_file_full
+    dialogVisibleshow.value = true
+  }
+  const handleEdit = (row?: any) => {
+    resetCreateForm()
+    isEdit.value = true
+    currentId.value = row?.id ?? null
+    if (row && typeof row === 'object') {
+      // form.value.country_id = row.country_id ?? form.value.country_id
+      form.value.remitter = row.remitter ?? form.value.remitter
+      form.value.account_id = row.account_id ?? form.value.account_id
+      form.value.currency_id = row.currency_id ?? form.value.currency_id
+      form.value.amount = row.amount ?? form.value.amount
+      form.value.arrived_at = row.arrived_at ?? form.value.arrived_at
+      // form.value.discount_amount = row.discount_amount ?? form.value.discount_amount
+      form.value.voucher_no = row.voucher_no ?? form.value.voucher_no
+      form.value.total_amount_cny = row.total_amount_cny ?? form.value.total_amount_cny
+      // form.value.exchange_rate = row.exchange_rate ?? form.value.exchange_rate
+      form.value.is_domestic_return = row.is_domestic_return ?? form.value.is_domestic_return
+      form.value.fx_receipt_file = row.fx_receipt_file ?? form.value.fx_receipt_file
+      form.value.fx_receipt_file_list = row.fx_receipt_file ?? form.value.fx_receipt_file
+
+      // const fx_receipt_file_full = []
+      // if (row.fx_receipt_file_full) {
+      //   fx_receipt_file_full.push(row.fx_receipt_file_full)
+      // }
+      // form.value.fx_receipt_file_list = Array.isArray(fx_receipt_file_full)
+      //   ? fx_receipt_file_full
+      //   : form.value.fx_receipt_file_list
+    }
+    fetchAccountOptions()
+    fetchCurrencyOptions()
+    fetchCountryOptions()
+    dialogVisible.value = true
+  }
+  const handlebtn = (row?: any) => {
+    ElMessageBox.prompt('你是否确认入账？确认入账请填写入账实时汇率！', '入账', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      inputPattern: /^(?!\s*$).+/,
+      inputErrorMessage: '请填写入账实时汇率'
+    }).then(({ value }) => {
+      console.log(value)
+      financeService.confirmReceipt({ id: row.id, exchange_rate: value }).then((res) => {
+        ElMessage.success(res.message)
+        getList()
+      })
+    })
+  }
+  // const handleDelete = () => {
+  //   ElMessageBox.confirm('确定删除吗？', '提示', {
+  //     confirmButtonText: '确定',
+  //     cancelButtonText: '取消',
+  //     type: 'warning'
+  //   }).then(() => {
+  //     financeService.deleteReceipt({ id: currentId.value }).then((res) => {
+  //       ElMessage.success(res.message)
+  //       getList()
+  //     })
+  //   })
+  // }
+  const handleHistory = (row: any) => {
+    financeService.getReceiptHistory({ receipt_id: row.id }).then((res) => {
+      timelineDialogVisible.value = true
+      approvalRecords.value = res.records || []
+      // ElMessage.success(res.message)
+      // getList()
+    })
+
+    // history.push('/admin/finance/receipt_records_history')
+  }
+  // function handleUploadSuccess1(response: any) {
+  //   const fileName = response?.data?.file_name || ''
+  //   const fileUrl = response?.data?.file_url || response?.data?.full_url || response?.url || ''
+  //   form.value.fx_receipt_file = [form.value.fx_receipt_file, fileName].filter(Boolean).join(',')
+  //   const list = Array.isArray(form.value.fx_receipt_file_list)
+  //     ? form.value.fx_receipt_file_list
+  //     : []
+  //   list.push(fileUrl)
+  //   form.value.fx_receipt_file_list = [...list]
+  //   ElMessage.success(response.message)
+  // }
+  function handleUploadSuccess1(response: any) {
+    const fileName = response?.data?.file_name || ''
+    const fileUrl = response?.data?.file_url || response?.data?.full_url || response?.url || ''
+    const names = Array.isArray(form.value.fx_receipt_file) ? [...form.value.fx_receipt_file] : []
+    const files = ref({
+      file_src: '',
+      file_name: '',
+      file_full: ''
+    })
+    files.value.file_src = fileName
+    files.value.file_name = response?.data?.original_name || ''
+    files.value.file_full = response?.data?.file_url || ''
+    if (fileName) names.push(files.value)
+    form.value.fx_receipt_file = names
+    const list = Array.isArray(form.value.fx_receipt_file_list)
+      ? form.value.fx_receipt_file_list
+      : []
+    list.push(fileUrl)
+    form.value.fx_receipt_file_list = [...list]
+    ElMessage.success(response.message)
+  }
+  // 预览项移除（同步预览数组与提交字段）
+  function removeVoucher(index: number) {
+    // const list = Array.isArray(form.value.fx_receipt_file_list)
+    //   ? [...form.value.fx_receipt_file_list]
+    //   : []
+    // if (index < 0 || index >= list.length) return
+    // list.splice(index, 1)
+    // form.value.fx_receipt_file_list = list
+    // const names = (form.value.fx_receipt_file || '').split(',').filter(Boolean)
+    // if (index < names.length) names.splice(index, 1)
+    // form.value.fx_receipt_file = names.join(',')
+
+    const list = Array.isArray(form.value.fx_receipt_file_list)
+      ? [...form.value.fx_receipt_file_list]
+      : []
+    if (index < 0 || index >= list.length) return
+    list.splice(index, 1)
+    form.value.fx_receipt_file_list = list
+    const names = Array.isArray(form.value.fx_receipt_file) ? [...form.value.fx_receipt_file] : []
+    if (index < names.length) names.splice(index, 1)
+    form.value.fx_receipt_file = names
+  }
+</script>
+
+<style scoped lang="scss">
+  :deep(.row-claim-timeout) {
+    background-color: #ffc9c9 !important;
+  }
+  .avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 6px;
+    margin-right: 10px;
+  }
+  .stocking-page {
+    background: var(--art-main-bg-color);
+    min-height: 100vh;
+  }
+  .stocking-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    padding: 12px 16px;
+    background: var(--art-main-bg-color);
+  }
+  .toolbar-left {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  .toolbar-right {
+    display: flex;
+    align-items: center;
+  }
+  .clickable {
+    cursor: pointer;
+  }
+  // 创建收款记录 - 弹窗样式对齐设计图
+  .receipt-dialog {
+    .receipt-form {
+      .el-form-item {
+        margin-bottom: 20px;
+      }
+    }
+
+    .upload-demo {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      // justify-content: flex-end;
+      // border: 1px dashed #dcdfe6;
+      border-radius: 6px;
+      cursor: pointer;
+    }
+    .avatarimg {
+      width: 60px;
+      cursor: pointer;
+    }
+
+    .el-button {
+      width: 200px;
+      height: 40px;
+      font-size: 16px;
+    }
+  }
+  .info-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 16px;
+
+    .info-item {
+      display: flex;
+      align-items: center;
+      // padding: 8px 0;
+
+      label {
+        font-weight: 500;
+        color: #666;
+        min-width: 100px;
+        margin-right: 8px;
+      }
+
+      span {
+        color: #333;
+        flex: 1;
+
+        &.amount {
+          font-weight: 600;
+          color: #3d7bff;
+          font-size: 16px;
+        }
+      }
+    }
+  }
+  :deep(.receipt-dialog .el-dialog__footer) {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 20px;
+  }
+</style>
diff --git a/src/views/admin/vehicle/vehicle_list.vue b/src/views/admin/vehicle/vehicle_list.vue
index acfc3c3..1f0d784 100644
--- a/src/views/admin/vehicle/vehicle_list.vue
+++ b/src/views/admin/vehicle/vehicle_list.vue
@@ -42,7 +42,12 @@
 
     <!-- 数据表格 -->
     <div class="table-container boxshadow">
-      <ElButton type="primary" v-ripple @click="handleAdd">新增车辆</ElButton>
+      <div class="btntab">
+        <ElButton type="primary" v-ripple @click="handleAdd">新增车辆</ElButton>
+        <ElButton type="success" v-ripple @click="crawlKeywordfn"
+          >通过车系名称查找抓取车辆</ElButton
+        >
+      </div>
       <ArtTable
         ref="tableRef"
         row-key="id"
@@ -988,14 +993,76 @@
         </div>
       </template>
     </ElDialog>
+    <!-- 关键字 车型抓取弹出框 -->
+    <ElDialog v-model="keywordDialogVisible" title="关键字-车型采集" width="900px" align-center>
+      <div class="collect-models-container">
+        <div style="display: flex; gap: 12px">
+          <el-form-item label="关键字:" label-width="70px">
+            <el-input
+              v-model="carkeyword"
+              placeholder="请输入关键字"
+              clearable
+              @keyup.enter="getcarkeyword"
+            >
+            </el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="getcarkeyword" v-ripple>采集</el-button>
+          </el-form-item>
+        </div>
+        <div class="collect-models-content">
+          <div v-if="modelLstLoading" class="loading-container">
+            <ElLoading text="正在采集车型数据..." />
+          </div>
+          <div v-else-if="!modelLst || modelLst.length === 0" class="empty-container">
+            <ElEmpty description="暂无车型数据" />
+          </div>
+          <div v-else class="models-table-container">
+            <ElTable
+              :data="modelLst"
+              style="width: 100%"
+              max-height="400"
+              @selection-change="handleModelSelectionChange"
+            >
+              <ElTableColumn type="selection" width="55" />
+              <ElTableColumn prop="brand_name" label="品牌" width="100" />
+              <ElTableColumn prop="series_name" label="车系" width="120" />
+              <ElTableColumn prop="title" label="车型名称" min-width="200" show-overflow-tooltip />
+              <ElTableColumn prop="year" label="年款" width="80" />
+              <ElTableColumn prop="msrp" label="指导价" width="120">
+                <template #default="scope">
+                  <span v-if="scope.row.msrp" class="price-text">
+                    ¥{{ formatPrice(scope.row.msrp) }}
+                  </span>
+                  <span v-else>-</span>
+                </template>
+              </ElTableColumn>
+            </ElTable>
+          </div>
+        </div>
+      </div>
+      <template #footer>
+        <div class="dialog-footer">
+          <ElButton @click="keywordclose">取消</ElButton>
+          <ElButton
+            type="primary"
+            @click="saveKeywordModels"
+            :disabled="selectedModels.length === 0"
+          >
+            保存选中车型 ({{ selectedModels.length }})
+          </ElButton>
+        </div>
+      </template>
+    </ElDialog>
   </div>
 </template>
 
 <script setup lang="ts">
-  import { ElMessage, ElMessageBox } from 'element-plus'
+  import { ElMessage, ElMessageBox, ElLoading } from 'element-plus'
   import { vehicleService } from '@/api/vehicleApi'
   import { commonService } from '@/api/commonApi'
   defineOptions({ name: 'AdminVehicleList' })
+  
   // 搜索表单
   const searchForm = reactive({
     keyword: '',
@@ -1233,7 +1300,77 @@
     pagination.currentPage = page
     getList()
   }
-
+  //抓取车辆
+  const keywordDialogVisible = ref(false)
+  const carkeyword = ref('')
+  const keywordModelsData = ref<any>({})
+  const modelLst = ref<any>([])
+  const modelLstLoading = ref(false)
+  const crawlKeywordfn = async () => {
+    keywordDialogVisible.value = true
+    carkeyword.value = ''
+    keywordModelsData.value = {}
+    modelLst.value = []
+  }
+  const keywordclose = () => {
+    keywordDialogVisible.value = false
+    carkeyword.value = ''
+    keywordModelsData.value = {}
+    modelLst.value = []
+  }
+  const handleModelSelectionChange = (selection: any[]) => {
+    selectedModels.value = selection
+  }
+  const selectedModels = ref<any[]>([])
+  const getcarkeyword = async () => {
+    modelLstLoading.value = true
+    selectedModels.value = []
+    const loading = ElLoading.service({
+      lock: true,
+      text: 'Loading',
+      background: 'rgba(0, 0, 0, 0.7)'
+    })
+    try {
+      const res = await commonService.getcrawlKeyword({ keyword: carkeyword.value })
+      keywordModelsData.value = res
+      modelLst.value = res.model
+      console.log(modelLst.value)
+    } finally {
+      loading.close()
+      modelLstLoading.value = false
+    }
+  }
+  const saveKeywordModels = async () => {
+    if (selectedModels.value.length === 0) {
+      ElMessage.warning('请选择要保存的车型')
+      return
+    }
+    await commonService.crawlModelCreate({
+      series_id: keywordModelsData.value.series.id ? keywordModelsData.value.series.id : 0,
+      brand_id: keywordModelsData.value.brand.id ? keywordModelsData.value.brand.id : 0,
+      models: selectedModels.value
+    })
+    ElMessage.success(`成功保存 ${selectedModels.value.length} 个车型`)
+    keywordDialogVisible.value = false
+    getList()
+  }
+  // 重置表单
+  const resetForm = () => {
+    Object.keys(formData).forEach((key) => {
+      if (key === 'is_active') {
+        ;(formData as any)[key] = 1
+      } else if (key === 'currency') {
+        ;(formData as any)[key] = 'CNY'
+      } else {
+        ;(formData as any)[key] = ''
+      }
+    })
+    formRef.value?.clearValidate()
+    // 重置选项数据
+    modelsOptions.value = []
+    seriesOptions.value = []
+    brandOptions.value = []
+  }
   // 新增车辆
   const handleAdd = async () => {
     dialogTitle.value = '新增车辆'
@@ -1249,26 +1386,20 @@
     loadColorOptions()
     loadDictOptions()
     dialogTitle.value = '编辑车辆'
-    
     // 先清空表单和选项数据，避免监听器干扰
     resetForm()
-    
     // 使用 nextTick 确保 DOM 更新后再设置数据
     await nextTick()
-    
     // 设置表单数据
     Object.assign(formData, row)
-    
     // 立即检查车系名称是否被清空并重新设置
     setTimeout(() => {
       if (!formData.series_name) {
         formData.series_name = row.series_name
       }
     }, 1)
-    
     // 先加载品牌选项
     await loadBrandOptions()
-    
     // 如果品牌已选择，加载车系选项
     if (row.brand_code) {
       await loadSeriesOptions(row.brand_code)
@@ -1281,7 +1412,6 @@
         await loadSeriesOptions(matchedBrand.brand_code)
       }
     }
-    
     // 如果车系已选择，加载车型选项
     if (row.series_code) {
       // 先尝试用原始的车系代码加载
@@ -1305,7 +1435,6 @@
         await loadModelsOptions(matchedSeries.series_code)
       }
     }
-    
     // 如果仍然没有车型选项，但有车系信息，尝试再次加载
     if (modelsOptions.value.length === 0 && (row.series_code || row.series_name)) {
       // 使用当前表单中的车系代码重新加载
@@ -1313,7 +1442,6 @@
         await loadModelsOptions(formData.series_code)
       }
     }
-    
     // 确保车系代码与车系名称匹配（在选项数据加载完成后）
     // 如果车系名称被清空，重新设置
     if (!formData.series_name && row.series_name) {
@@ -1397,25 +1525,6 @@
     }
   }
 
-  // 重置表单
-  const resetForm = () => {
-    Object.keys(formData).forEach((key) => {
-      if (key === 'is_active') {
-        ;(formData as any)[key] = 1
-      } else if (key === 'currency') {
-        ;(formData as any)[key] = 'CNY'
-      } else {
-        ;(formData as any)[key] = ''
-      }
-    })
-    formRef.value?.clearValidate()
-    
-    // 重置选项数据
-    modelsOptions.value = []
-    seriesOptions.value = []
-    brandOptions.value = []
-  }
-
   // 提交表单
   const handleSubmit = async () => {
     try {
@@ -1456,18 +1565,15 @@
       ElMessage.warning('请先选择车系')
       return
     }
-    
     const matched = seriesOptions.value.find((s: any) => s.series_code === formData.series_code)
     if (!matched) {
       ElMessage.warning('未找到对应的车系信息')
       return
     }
-    
     currentCollectSeries.value = matched
     collectModelsDialogVisible.value = true
     collectModelsData.value = []
     selectedModelId.value = ''
-    
     // 调用车型采集
     collectVehicleModels(matched)
   }
@@ -1475,10 +1581,8 @@
   const collectVehicleModels = async (series: any) => {
     try {
       collectModelsLoading.value = true
-      
       // 调用后端接口获取车型数据
       const response = await vehicleService.collectVehicleModels({ brand_series_id: series.id })
-      
       // 后端返回的数据格式为数组
       collectModelsData.value = response || []
       selectedModelId.value = ''
@@ -1582,7 +1686,6 @@
     () => formData.series_name,
     (newSeriesName, oldSeriesName) => {
       if (!newSeriesName) return
-      
       const matchedSeries = seriesOptions.value.find(
         (s: any) => s.series_name === newSeriesName || s.name === newSeriesName
       )
@@ -1801,6 +1904,10 @@
   .table-container {
     background: var(--art-main-bg-color);
   }
+  .btntab {
+    display: flex;
+    justify-content: space-between;
+  }
 
   // 表单样式
   .vehicle-form {
diff --git a/src/views/crmpc/vehicle/vehicle_list.vue b/src/views/crmpc/vehicle/vehicle_list.vue
index 70fc091..0857176 100644
--- a/src/views/crmpc/vehicle/vehicle_list.vue
+++ b/src/views/crmpc/vehicle/vehicle_list.vue
@@ -42,7 +42,12 @@
 
     <!-- 数据表格 -->
     <div class="table-container boxshadow">
-      <ElButton type="primary" v-ripple @click="handleAdd">新增车辆</ElButton>
+      <div class="btntab">
+        <ElButton type="primary" v-ripple @click="handleAdd">新增车辆</ElButton>
+        <ElButton type="success" v-ripple @click="crawlKeywordfn"
+          >通过车系名称查找抓取车辆</ElButton
+        >
+      </div>
       <ArtTable
         ref="tableRef"
         row-key="id"
@@ -988,11 +993,72 @@
         </div>
       </template>
     </ElDialog>
+     <!-- 关键字 车型抓取弹出框 -->
+    <ElDialog v-model="keywordDialogVisible" title="关键字-车型采集" width="900px" align-center>
+      <div class="collect-models-container">
+        <div style="display: flex; gap: 12px">
+          <el-form-item label="关键字:" label-width="70px">
+            <el-input
+              v-model="carkeyword"
+              placeholder="请输入关键字"
+              clearable
+              @keyup.enter="getcarkeyword"
+            >
+            </el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="getcarkeyword" v-ripple>采集</el-button>
+          </el-form-item>
+        </div>
+        <div class="collect-models-content">
+          <div v-if="modelLstLoading" class="loading-container">
+            <ElLoading text="正在采集车型数据..." />
+          </div>
+          <div v-else-if="!modelLst || modelLst.length === 0" class="empty-container">
+            <ElEmpty description="暂无车型数据" />
+          </div>
+          <div v-else class="models-table-container">
+            <ElTable
+              :data="modelLst"
+              style="width: 100%"
+              max-height="400"
+              @selection-change="handleModelSelectionChange"
+            >
+              <ElTableColumn type="selection" width="55" />
+              <ElTableColumn prop="brand_name" label="品牌" width="100" />
+              <ElTableColumn prop="series_name" label="车系" width="120" />
+              <ElTableColumn prop="title" label="车型名称" min-width="200" show-overflow-tooltip />
+              <ElTableColumn prop="year" label="年款" width="80" />
+              <ElTableColumn prop="msrp" label="指导价" width="120">
+                <template #default="scope">
+                  <span v-if="scope.row.msrp" class="price-text">
+                    ¥{{ formatPrice(scope.row.msrp) }}
+                  </span>
+                  <span v-else>-</span>
+                </template>
+              </ElTableColumn>
+            </ElTable>
+          </div>
+        </div>
+      </div>
+      <template #footer>
+        <div class="dialog-footer">
+          <ElButton @click="keywordclose">取消</ElButton>
+          <ElButton
+            type="primary"
+            @click="saveKeywordModels"
+            :disabled="selectedModels.length === 0"
+          >
+            保存选中车型 ({{ selectedModels.length }})
+          </ElButton>
+        </div>
+      </template>
+    </ElDialog>
   </div>
 </template>
 
 <script setup lang="ts">
-  import { ElMessage, ElMessageBox } from 'element-plus'
+  import { ElMessage, ElMessageBox, ElLoading } from 'element-plus'
   import { vehicleService } from '@/api/crmpc/vehicleApi'
   import { commonService } from '@/api/commonApi'
   defineOptions({ name: 'AdminVehicleList' })
@@ -1766,9 +1832,68 @@
       formData.emission_std_code = matchedEmissionStd ? matchedEmissionStd.item_value : ''
     }
   )
+
+  //抓取车辆
+  const keywordDialogVisible = ref(false)
+  const carkeyword = ref('')
+  const keywordModelsData = ref<any>({})
+  const modelLst = ref<any>([])
+  const modelLstLoading = ref(false)
+  const crawlKeywordfn = async () => {
+    keywordDialogVisible.value = true
+    carkeyword.value = ''
+    keywordModelsData.value = {}
+    modelLst.value = []
+  }
+  const keywordclose = () => {
+    keywordDialogVisible.value = false
+    carkeyword.value = ''
+    keywordModelsData.value = {}
+    modelLst.value = []
+  }
+  const handleModelSelectionChange = (selection: any[]) => {
+    selectedModels.value = selection
+  }
+  const selectedModels = ref<any[]>([])
+  const getcarkeyword = async () => {
+    modelLstLoading.value = true
+    selectedModels.value = []
+    const loading = ElLoading.service({
+      lock: true,
+      text: 'Loading',
+      background: 'rgba(0, 0, 0, 0.7)'
+    })
+    try {
+      const res = await commonService.getcrawlKeyword({ keyword: carkeyword.value })
+      keywordModelsData.value = res
+      modelLst.value = res.model
+      console.log(modelLst.value)
+    } finally {
+      loading.close()
+      modelLstLoading.value = false
+    }
+  }
+  const saveKeywordModels = async () => {
+    if (selectedModels.value.length === 0) {
+      ElMessage.warning('请选择要保存的车型')
+      return
+    }
+    await commonService.crawlModelCreate({
+      series_id: keywordModelsData.value.series.id ? keywordModelsData.value.series.id : 0,
+      brand_id: keywordModelsData.value.brand.id ? keywordModelsData.value.brand.id : 0,
+      models: selectedModels.value
+    })
+    ElMessage.success(`成功保存 ${selectedModels.value.length} 个车型`)
+    keywordDialogVisible.value = false
+    getList()
+  }
 </script>
 
 <style scoped lang="scss">
+  .btntab {
+    display: flex;
+    justify-content: space-between;
+  }
   .vehicle-page {
     background: var(--art-main-bg-color);
     min-height: 100vh;
diff --git a/src/views/dashboard/console/backoffice.vue b/src/views/dashboard/console/backoffice.vue
new file mode 100644
index 0000000..0cc4b44
--- /dev/null
+++ b/src/views/dashboard/console/backoffice.vue
@@ -0,0 +1,609 @@
+<template>
+  <div class="office-administrator">
+    <!-- 页面标题 -->
+    <!-- <div class="page-header">
+      <div class="header-content">
+        <div class="header-icon">
+          <el-icon size="20" color="#409EFF">
+            <DocumentChecked />
+          </el-icon>
+        </div>
+        <h1 class="page-title">XXXXXXXXX备货单需要审批</h1>
+      </div>
+    </div> -->
+
+    <!-- 主要内容区域 -->
+    <div class="main-content">
+      <el-row :gutter="20">
+        <el-col :xs="24" :sm="24" :md="16">
+          <!-- 统计卡片区域 -->
+          <div class="stats-cards">
+            <div class="stats-card approved">
+              <div class="card-number">{{ officeclerkcard.approved }}</div>
+              <div class="card-label">已审批</div>
+              <div class="card-icon">
+                <img src="@/assets/img/admin/office1.png" alt="" />
+              </div>
+            </div>
+
+            <div class="stats-card unapproved">
+              <div class="card-number">{{ officeclerkcard.pending }}</div>
+              <div class="card-label">未审批</div>
+              <div class="card-icon">
+                <img src="@/assets/img/admin/office2.png" alt="" />
+              </div>
+            </div>
+
+            <div class="stats-card claimed">
+              <div class="card-number">{{ officeclerkcard.claimed }}</div>
+              <div class="card-label">已认领</div>
+              <div class="card-icon">
+                <img src="@/assets/img/admin/office3.png" alt="" />
+              </div>
+            </div>
+
+            <div class="stats-card unclaimed">
+              <div class="card-number">{{ officeclerkcard.unclaimed }}</div>
+              <div class="card-label">未认领</div>
+              <div class="card-icon">
+                <img src="@/assets/img/admin/office4.png" alt="" />
+              </div>
+            </div>
+
+            <div class="stats-card overdue">
+              <div class="card-number">{{ officeclerkcard.timeout }}</div>
+              <div class="card-label">已超时</div>
+              <div class="card-icon">
+                <img src="@/assets/img/admin/office5.png" alt="" />
+              </div>
+            </div>
+          </div>
+
+          <div class="chart-section">
+            <div class="section-header">
+              <div class="section-bar"></div>
+              <h3 class="section-title">超时列表</h3>
+            </div>
+            <div class="table">
+              <ArtTable
+                ref="tableRef"
+                row-key="id"
+                :loading="loadingtimeout"
+                :data="tableDatatimeout"
+                :currentPage="paginationtimeout.currentPage"
+                :pageSize="paginationtimeout.pageSize"
+                :total="paginationtimeout.total"
+                @size-change="handleSizeChangetimeout"
+                @current-change="handleCurrentChangetimeout"
+                lass="customer-table"
+              >
+                <template #default>
+                  <el-table-column prop="id" label="备货单号" min-width="140">
+                    <template #default="scope">
+                      <p
+                        class="colors"
+                        v-for="(item, index) in scope.row.order_no"
+                        @click="goTo()"
+                        :key="index"
+                      >
+                        {{ item }}</p
+                      >
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="created_at" label="创建日期"></el-table-column>
+                  <el-table-column prop="name" label="内勤"></el-table-column>
+                  <el-table-column prop="payment_entity" label="汇款人"></el-table-column>
+                  <el-table-column prop="payment_account" label="客户付款账户"></el-table-column>
+                  <el-table-column prop="currency_name" label="币种"></el-table-column>
+                  <el-table-column prop="amount" label="金额"></el-table-column>
+                  <!-- <el-table-column label="操作" min-width="100">
+                    <template #default="scope">
+                      <div class="follow-action" @click="goAddFollow(scope.row)"> 跟进 </div>
+                    </template>
+                  </el-table-column> -->
+                </template>
+              </ArtTable>
+            </div>
+          </div>
+        </el-col>
+        <el-col :xs="24" :sm="24" :md="8">
+          <div class="right-column">
+            <!-- 未审批列表 -->
+            <div class="unapproved-list">
+              <div class="section-header">
+                <div class="section-bar"></div>
+                <h3 class="section-title">未审批列表</h3>
+              </div>
+              <div class="list-container">
+                <div
+                  v-for="(item, index) in unapprovedList"
+                  :key="index"
+                  class="list-item"
+                  @click="goToApprove"
+                >
+                  <div class="item-content">
+                    <span class="item-text colors">{{ item.order_no }}</span>
+                  </div>
+                  <div class="item-action">
+                    <span class="item-date">{{ item.approval_created_at }}</span>
+                    <!-- <el-link type="primary" @click="goToApprove(item)">去审批</el-link> -->
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!--  -->
+            <div class="chart-section">
+              <div class="section-header">
+                <div class="section-bar"></div>
+                <h3 class="section-title">备货单统计</h3>
+              </div>
+              <div class="chart-container">
+                <div ref="chartRef" class="chart"></div>
+              </div>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <div class="list-section">
+        <div class="section-header">
+          <div class="section-bar"></div>
+          <h3 class="section-title">未认领列表</h3>
+        </div>
+        <div class="table">
+          <ArtTable
+            ref="tableRef"
+            row-key="id"
+            :loading="loading"
+            :data="tableData"
+            :currentPage="pagination.currentPage"
+            :pageSize="pagination.pageSize"
+            :total="pagination.total"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            lass="customer-table"
+          >
+            <template #default>
+              <el-table-column prop="created_at" label="创建日期">
+                <template #default="scope">
+                  <p class="colors" @click="goTo()"> {{ scope.row.created_at }}</p>
+                </template>
+              </el-table-column>
+              <el-table-column prop="payment_entity" label="汇款人"></el-table-column>
+              <el-table-column prop="payment_account" label="客户付款账户"></el-table-column>
+              <el-table-column prop="currency_name" label="币种"></el-table-column>
+              <el-table-column prop="amount" label="金额"></el-table-column>
+              <!-- <el-table-column label="操作" min-width="100">
+                <template #default="scope">
+                  <div class="follow-action" @click="goAddFollow(scope.row)">跟进</div>
+                </template>
+              </el-table-column> -->
+            </template>
+          </ArtTable>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref, onMounted } from 'vue'
+  // import { DocumentChecked, DocumentCopy, Search, Files } from '@element-plus/icons-vue'
+  import * as echarts from 'echarts'
+  import { dashboardService } from '@/api/admin/dashboard'
+  import { router } from '@/router'
+  const chartRef = ref<HTMLElement>()
+
+  const loading = ref(false)
+  const loadingtimeout = ref(false)
+  const pagination = reactive({
+    currentPage: 1,
+    pageSize: 10,
+    total: 0
+  })
+  const paginationtimeout = reactive({
+    currentPage: 1,
+    pageSize: 10,
+    total: 0
+  })
+
+  const tableData = ref([])
+  const tableDatatimeout = ref([])
+  // 处理表格分页变化
+  const handleSizeChange = (newPageSize: number) => {
+    pagination.pageSize = newPageSize
+    // getWorkList()
+  }
+
+  const handleCurrentChange = (newCurrentPage: number) => {
+    pagination.currentPage = newCurrentPage
+    // getWorkList()
+  }
+  // 处理表格分页变化
+  const handleSizeChangetimeout = (newPageSize: number) => {
+    paginationtimeout.pageSize = newPageSize
+    // getWorkList()
+  }
+
+  const handleCurrentChangetimeout = (newCurrentPage: number) => {
+    paginationtimeout.currentPage = newCurrentPage
+    // getWorkList()
+  }
+  // 未审批列表数据
+  const unapprovedList = ref(<any>[])
+
+  // 初始化图表
+  const initChart = (options: any) => {
+    if (!chartRef.value) return
+
+    const chart = echarts.init(chartRef.value)
+    const optionsData = options.value || {}
+
+    const option = {
+      grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+      },
+      xAxis: {
+        type: 'category' as const,
+        data: optionsData.optionType,
+        axisLine: {
+          show: false
+        },
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          color: '#666'
+        }
+      },
+      yAxis: {
+        type: 'value' as const,
+        min: 0,
+        max: 100,
+        interval: 10,
+        axisLine: {
+          show: false
+        },
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          color: '#666'
+        },
+        splitLine: {
+          lineStyle: {
+            color: '#f0f0f0'
+          }
+        }
+      },
+      series: [
+        {
+          data: optionsData.counts,
+          type: 'line' as const,
+          smooth: true,
+          symbol: 'circle',
+          symbolSize: 6,
+          lineStyle: {
+            color: '#409EFF',
+            width: 2
+          },
+          itemStyle: {
+            color: '#409EFF'
+          },
+          areaStyle: {
+            color: {
+              type: 'linear',
+              x: 0,
+              y: 0,
+              x2: 0,
+              y2: 1,
+              colorStops: [
+                {
+                  offset: 0,
+                  color: 'rgba(64, 158, 255, 0.3)'
+                },
+                {
+                  offset: 1,
+                  color: 'rgba(64, 158, 255, 0.05)'
+                }
+              ]
+            }
+          }
+        }
+      ]
+    }
+
+    chart.setOption(option as any)
+
+    // 响应式调整
+    window.addEventListener('resize', () => {
+      chart.resize()
+    })
+  }
+
+  // 去审批
+  const goToApprove = () => {
+    // 跳转到审批页面 /
+    router.push({
+      path: '/admin/approval/stocking_auth'
+    })
+    // 这里可以跳转到审批页面
+  }
+  const goTo = () => {
+    // 跳转到审批页面 /
+    router.push({
+      path: '/admin/finance/payment_records'
+    })
+    // 这里可以跳转到审批页面
+  }
+  //卡片接口
+  const officeclerkcard = ref(<any>{})
+  const getCardData = async () => {
+    try {
+      const response = await dashboardService.officeclerkcard()
+      officeclerkcard.value = response
+    } catch (error) {
+      console.error('获取卡片数据失败:', error)
+    }
+  }
+  //待审批
+  const getOfficeclerkpending = async () => {
+    const response = await dashboardService.officeclerkpending()
+    unapprovedList.value = response
+  }
+  //曲线图
+  const officeclerkchart = ref(<any>{})
+  const getOfficeclerkchart = async () => {
+    const response = await dashboardService.salestockingcard()
+    officeclerkchart.value = response
+    initChart(officeclerkchart)
+  }
+  //待认领
+  const getOfficeclerkunclaimed = async () => {
+    const response = await dashboardService.officeclerkunclaimed({ type: 'unclaimed' })
+    tableData.value = response
+    pagination.total = response.length
+
+    const timeout = await dashboardService.officeclerkunclaimed({ type: 'timeout' })
+    tableDatatimeout.value = timeout
+    paginationtimeout.total = timeout.length
+  }
+
+  onMounted(() => {
+    getCardData()
+    getOfficeclerkpending()
+    getOfficeclerkchart()
+    getOfficeclerkunclaimed()
+  })
+</script>
+
+<style scoped lang="scss">
+  .colors {
+    color: #409eff;
+    cursor: pointer;
+  }
+  .office-administrator {
+    padding: 20px;
+    background-color: #f5f7fa;
+    min-height: 100vh;
+  }
+
+  .page-header {
+    background: white;
+    padding: 20px;
+    border-radius: 8px;
+    margin-bottom: 20px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+    .header-content {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+
+      .header-icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 40px;
+        height: 40px;
+        background: #f0f9ff;
+        border-radius: 8px;
+      }
+
+      .page-title {
+        margin: 0;
+        font-size: 20px;
+        font-weight: 600;
+        color: #303133;
+      }
+    }
+  }
+
+  .stats-cards {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    gap: 16px;
+    margin: 20px 0;
+    background: #fff;
+    padding: 20px;
+    border-radius: 8px;
+    .approved {
+      background: #f7f9fd;
+    }
+    .unapproved {
+      background: #f3fcff;
+    }
+    .claimed {
+      background: #fcfaff;
+    }
+    .unclaimed {
+      background: #fff2ea;
+    }
+    .overdue {
+      background: #ffe6e6;
+    }
+    .stats-card {
+      padding: 20px;
+      border-radius: 8px;
+      // box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+      text-align: left;
+      position: relative;
+
+      .card-number {
+        font-size: 36px;
+        font-weight: bold;
+        margin-bottom: 6px;
+        color: #333;
+      }
+      &.approved .card-number {
+        color: #409eff;
+      }
+      &.unapproved .card-number {
+        color: #f56c6c;
+      }
+
+      .card-label {
+        font-size: 14px;
+        color: #606266;
+        margin-bottom: 8px;
+      }
+
+      .card-icon {
+        text-align: right;
+        img {
+          width: 74px;
+        }
+      }
+    }
+  }
+
+  .main-content {
+    margin: -20px;
+  }
+  .list-section {
+    margin: 20px 0;
+    background: white;
+    border-radius: 8px;
+    padding: 20px;
+  }
+  .chart-section {
+    background: white;
+    border-radius: 8px;
+    padding: 20px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    height: 380px;
+    overflow: scroll;
+    .chart-container {
+      height: 300px;
+      margin-top: 20px;
+
+      .chart {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+  .right-column {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    .unapproved-list {
+      background: white;
+      border-radius: 8px;
+      padding: 20px;
+      margin-top: 20px;
+      // box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+      .list-container {
+        margin-top: 20px;
+        height: 152px;
+        overflow-y: auto;
+
+        .list-item {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 12px 0;
+          border-bottom: 1px solid #f0f0f0;
+          cursor: pointer;
+
+          &:last-child {
+            border-bottom: none;
+          }
+
+          .item-content {
+            display: flex;
+            flex-direction: column;
+            gap: 4px;
+
+            .item-text {
+              font-size: 14px;
+              // color: #303133;
+            }
+          }
+
+          .item-action {
+            .item-date {
+              font-size: 12px;
+              color: #909399;
+            }
+            .el-link {
+              font-size: 12px;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .section-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+
+    .section-bar {
+      width: 4px;
+      height: 20px;
+      background: #409eff;
+      border-radius: 2px;
+    }
+
+    .section-title {
+      margin: 0;
+      font-size: 16px;
+      font-weight: 600;
+      color: #303133;
+    }
+  }
+
+  // 响应式设计
+  @media (max-width: 1200px) {
+    .stats-cards {
+      grid-template-columns: repeat(3, 1fr);
+    }
+
+    .main-content {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  @media (max-width: 768px) {
+    .stats-cards {
+      grid-template-columns: repeat(2, 1fr);
+      gap: 12px;
+    }
+
+    .summary-grid {
+      grid-template-columns: 1fr !important;
+    }
+  }
+
+  @media (max-width: 480px) {
+    .stats-cards {
+      grid-template-columns: 1fr;
+    }
+  }
+</style>
+  
\ No newline at end of file
diff --git a/src/views/dashboard/console/finance.vue b/src/views/dashboard/console/finance.vue
new file mode 100644
index 0000000..e915bc7
--- /dev/null
+++ b/src/views/dashboard/console/finance.vue
@@ -0,0 +1,758 @@
+<template>
+  <div class="office-administrator">
+    <!-- 主要内容区域 -->
+    <div class="main-content">
+      <div class="top">
+        <el-row :gutter="15">
+          <el-col :xs="24" :sm="24" :md="16">
+            <div class="list-sectiont">
+              <div class="section-header">
+                <div class="section-bar"></div>
+                <h3 class="section-title">今日入账金额</h3>
+              </div>
+              <div class="stats-cards">
+                <el-row :gutter="15">
+                  <el-col :span="19">
+                    <div class="card-l">
+                      <el-row :gutter="15" justify="space-between">
+                        <el-col :sm="8" :md="3">
+                          <img src="@/assets/img/admin/total.png" alt="" />
+                        </el-col>
+                        <el-col
+                          :sm="8"
+                          :md="2"
+                          v-for="(item, key) in statisticscard.received_amount"
+                          :key="key"
+                        >
+                          <div class="card-number">{{ item.amount }}</div>
+                          <div class="card-label">{{ item.currency_code }}</div>
+                        </el-col>
+                      </el-row>
+                    </div>
+                  </el-col>
+                  <el-col :span="5">
+                    <div class="card-r">
+                      <div class="card-number">{{ statisticscard.received_amount_sum }}</div>
+                      <div class="card-label">总入账金额(CNY)</div>
+                      <div class="card-icon">
+                        <img src="@/assets/img/admin/financeall.png" alt="" />
+                      </div>
+                    </div>
+                  </el-col>
+                </el-row>
+              </div>
+            </div>
+          </el-col>
+          <el-col :xs="24" :sm="24" :md="8">
+            <div class="data-summary">
+              <div class="section-header">
+                <div class="section-bar"></div>
+                <h3 class="section-title">数据汇总</h3>
+              </div>
+              <div class="summary-grid">
+                <div class="summary-item claimed">
+                  <div class="summary-label">已认领总数</div>
+                  <div class="summary-number blue">{{ statisticscard.claimed_num }}</div>
+                  <div class="summary-tag blue">实时</div>
+                </div>
+                <div class="summary-item unclaimed">
+                  <div class="summary-label">未认领总数</div>
+                  <div class="summary-number purple">{{ statisticscard.unclaimed_num }}</div>
+                  <div class="summary-tag purple">实时</div>
+                </div>
+                <div class="summary-item overdue">
+                  <div class="summary-label">已超时总数</div>
+                  <div class="summary-number green">{{ statisticscard.timeout }}</div>
+                  <div class="summary-tag green">实时</div>
+                </div>
+                <div class="summary-item not-accounted">
+                  <div class="summary-label">未入账总数</div>
+                  <div class="summary-number red">{{ statisticscard.unreceived_num }}</div>
+                  <div class="summary-tag red">实时</div>
+                </div>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <div>
+        <el-row :gutter="15">
+          <el-col :xs="24" :sm="24" :md="16">
+            <div class="list-sectiont">
+              <div class="section-header">
+                <div class="section-bar"></div>
+                <h3 class="section-title">在途金额</h3>
+              </div>
+              <div class="ontheway">
+                <el-row :gutter="15" justify="space-between">
+                  <el-col
+                    :sm="8"
+                    :md="2"
+                    v-for="(item, key) in statisticscard.intransit_amount_amount"
+                    :key="key"
+                  >
+                    <div class="card-number">{{ item.amount }}</div>
+                    <div class="card-label">{{ item.currency_code }}</div>
+                  </el-col>
+                </el-row>
+              </div>
+            </div>
+          </el-col>
+          <el-col :xs="24" :sm="24" :md="8">
+            <el-row :gutter="15">
+              <el-col :xs="24" :sm="24" :md="14">
+                <div class="list-sectiont">
+                  <div class="section-header">
+                    <div class="section-bar"></div>
+                    <h3 class="section-title">在途总金额（CNY）</h3>
+                  </div>
+                  <div class="ontheway-cny"> {{ statisticscard.intransit_amount_sum }} </div>
+                </div>
+              </el-col>
+              <el-col :xs="24" :sm="24" :md="10">
+                <div class="list-sectiont">
+                  <div class="section-header">
+                    <div class="section-bar"></div>
+                    <h3 class="section-title">在途总数量</h3>
+                  </div>
+                  <div class="ontheway-num"> {{ statisticscard.intransit_count }} </div>
+                </div>
+              </el-col>
+            </el-row>
+          </el-col>
+        </el-row>
+      </div>
+      <!-- 金额 -->
+      <div class="list-amount">
+        <el-row :gutter="15">
+          <el-col :xs="24" :sm="24" :md="8">
+            <div class="amount">
+              <div class="title">已认领金额</div>
+              <div class="amount-grid">
+                <el-row :gutter="15" justify="space-between">
+                  <el-col
+                    :xs="24"
+                    :sm="24"
+                    :md="2"
+                    v-for="(item, key) in statisticscard.claimed_amount"
+                    :key="key"
+                  >
+                    <div class="card-number">{{ item.amount }}</div>
+                    <div class="card-label">{{ item.currency_code }}</div>
+                  </el-col>
+                </el-row>
+              </div>
+            </div>
+          </el-col>
+          <el-col :xs="24" :sm="24" :md="8">
+            <div class="amount not-amount1">
+              <div class="title">未认领金额</div>
+              <div class="amount-grid not-accounted">
+                <el-row :gutter="15" justify="space-between">
+                  <el-col
+                    :xs="24"
+                    :sm="24"
+                    :md="2"
+                    v-for="(item, key) in statisticscard.unclaimed_amount"
+                    :key="key"
+                  >
+                    <div class="card-number">{{ item.amount }}</div>
+                    <div class="card-label">{{ item.currency_code }}</div>
+                  </el-col>
+                </el-row>
+              </div>
+            </div>
+          </el-col>
+          <el-col :xs="24" :sm="24" :md="8">
+            <div class="amount not-amount2">
+              <div class="title">未入账金额</div>
+              <div class="amount-grid not-account">
+                <el-row :gutter="15" justify="space-between">
+                  <el-col
+                    :xs="24"
+                    :sm="24"
+                    :md="2"
+                    v-for="(item, key) in statisticscard.unreceived_amount"
+                    :key="key"
+                  >
+                    <div class="card-number">{{ item.amount }}</div>
+                    <div class="card-label">{{ item.currency_code }}</div>
+                  </el-col>
+                </el-row>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+
+      <div class="list-section">
+        <div class="section-header">
+          <div class="section-bar"></div>
+          <h3 class="section-title">未入账</h3>
+        </div>
+        <div class="table">
+          <ArtTable
+            ref="tableRef"
+            row-key="id"
+            :loading="loadingwrz"
+            :data="tableDatawrz"
+            :currentPage="paginationwrz.currentPage"
+            :pageSize="paginationwrz.pageSize"
+            :total="paginationwrz.total"
+            @size-change="handleSizeChangewrz"
+            @current-change="handleCurrentChangewrz"
+            lass="customer-table"
+          >
+            <template #default>
+              <el-table-column prop="id" label="备货单号" min-width="140">
+                <template #default="scope">
+                  <p class="colors" v-for="(item, index) in scope.row.stock_order_no" :key="index">
+                    {{ item }}</p
+                  >
+                </template>
+              </el-table-column>
+              <ElTableColumn label="创建日期" prop="created_at" min-width="160" />
+              <ElTableColumn label="内勤" prop="doc_user_name" min-width="120" />
+              <ElTableColumn label="汇款人" prop="remitter" min-width="120" />
+              <ElTableColumn label="账户" prop="account_name" min-width="120" />
+              <ElTableColumn label="账币" prop="currency_name" min-width="120" />
+              <ElTableColumn label="金额" prop="amount" min-width="120" />
+            </template>
+          </ArtTable>
+        </div>
+      </div>
+      <div>
+        <el-row :gutter="15">
+          <el-col :span="12">
+            <div class="list-sectiont">
+              <div class="section-header">
+                <div class="section-bar"></div>
+                <h3 class="section-title">超时未上传</h3>
+              </div>
+              <div class="table">
+                <ArtTable
+                  ref="tableRef"
+                  row-key="id"
+                  :loading="loadingouttime"
+                  :data="tableDataouttime"
+                  :currentPage="paginationouttime.currentPage"
+                  :pageSize="paginationouttime.pageSize"
+                  :total="paginationouttime.total"
+                  @size-change="handleSizeChangeouttime"
+                  @current-change="handleCurrentChangeouttime"
+                  lass="customer-table"
+                >
+                  <template #default>
+                    <el-table-column prop="id" label="备货单号" min-width="140">
+                      <template #default="scope">
+                        <p class="colors" v-for="(item, index) in scope.row.stock_order_no" :key="index">
+                          {{ item }}</p
+                        >
+                      </template>
+                    </el-table-column>
+                    <ElTableColumn label="创建日期" prop="created_at" min-width="160" />
+                    <ElTableColumn label="内勤" prop="doc_user_name" min-width="120" />
+                    <ElTableColumn label="汇款人" prop="remitter" min-width="120" />
+                    <ElTableColumn label="账户" prop="account_name" min-width="120" />
+                    <ElTableColumn label="账币" prop="currency_name" min-width="120" />
+                    <ElTableColumn label="金额" prop="amount" min-width="120" />
+                  </template>
+                </ArtTable>
+              </div>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="list-sectiont">
+              <div class="section-header">
+                <div class="section-bar"></div>
+                <h3 class="section-title">已到账未认领</h3>
+              </div>
+              <div class="table">
+                <ArtTable
+                  ref="tableRef"
+                  row-key="id"
+                  :loading="loading"
+                  :data="tableData"
+                  :currentPage="pagination.currentPage"
+                  :pageSize="pagination.pageSize"
+                  :total="pagination.total"
+                  @size-change="handleSizeChange"
+                  @current-change="handleCurrentChange"
+                  lass="customer-table"
+                >
+                  <template #default>
+                    <ElTableColumn label="创建日期" prop="created_at" min-width="160" />
+                    <!-- <ElTableColumn label="付款来源" prop="country_name" min-width="120" /> -->
+                    <ElTableColumn label="汇款人" prop="remitter" min-width="120" />
+                    <ElTableColumn label="账户" prop="account_name" min-width="120" />
+                    <ElTableColumn label="账币" prop="currency_name" min-width="120" />
+                    <ElTableColumn label="金额" prop="amount" min-width="120" />
+                  </template>
+                </ArtTable>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref, onMounted } from 'vue'
+  import { dashboardService } from '@/api/admin/dashboard'
+  import { financeService } from '@/api/admin/finance'
+  const loading = ref(false)
+  const loadingouttime = ref(false)
+  const loadingwrz = ref(false)
+  const pagination = reactive({
+    currentPage: 1,
+    pageSize: 10,
+    total: 0
+  })
+  const paginationouttime = reactive({
+    currentPage: 1,
+    pageSize: 10,
+    total: 0
+  })
+  const paginationwrz = reactive({
+    currentPage: 1,
+    pageSize: 10,
+    total: 0
+  })
+  const tableData = ref(<any>[])
+  const tableDataouttime = ref(<any>[])
+  const tableDatawrz = ref(<any>[])
+  // 处理表格分页变化
+  const handleSizeChange = (newPageSize: number) => {
+    pagination.pageSize = newPageSize
+    // getWorkList()
+  }
+
+  const handleCurrentChange = (newCurrentPage: number) => {
+    pagination.currentPage = newCurrentPage
+    // getWorkList()
+  }
+  const handleSizeChangeouttime = (newPageSize: number) => {
+    paginationouttime.pageSize = newPageSize
+    // getWorkList()
+  }
+
+  const handleCurrentChangeouttime = (newCurrentPage: number) => {
+    paginationouttime.currentPage = newCurrentPage
+    // getWorkList()
+  }
+  const handleSizeChangewrz = (newPageSize: number) => {
+    paginationwrz.pageSize = newPageSize
+    // getWorkList()
+  }
+
+  const handleCurrentChangewrz = (newCurrentPage: number) => {
+    paginationwrz.currentPage = newCurrentPage
+    // getWorkList()
+  }
+
+  //获取卡片数据
+  const statisticscard = ref(<any>{})
+  const officeclerkcharts = async () => {
+    const response = await dashboardService.officeclerkchart()
+    statisticscard.value = response
+  }
+  //未认领列表
+  const getOfficeclerkunclaimed = async () => {
+    loading.value = true
+    try {
+      const { currentPage, pageSize } = pagination
+      const params = {
+        current: currentPage,
+        size: pageSize,
+        payment_apply: 'not'
+      }
+
+      const { records, current, size, total } = await financeService.getReceiptList(params)
+      tableData.value = records || []
+      Object.assign(pagination, { currentPage: current, pageSize: size, total })
+    } catch (error) {
+      console.error('获取列表失败:', error)
+    } finally {
+      loading.value = false
+    }
+  }
+  //未提交资料
+  const getOfficepayment = async () => {
+    loading.value = true
+    try {
+      const { currentPage, pageSize } = paginationouttime
+      const params = {
+        current: currentPage,
+        size: pageSize,
+        scene: 'file_timeout'
+      }
+
+      const { records, current, size, total } = await financeService.getPaymentList(params)
+      tableDataouttime.value = records || []
+      Object.assign(paginationouttime, { currentPage: current, pageSize: size, total })
+    } catch (error) {
+      console.error('获取列表失败:', error)
+    } finally {
+      loading.value = false
+    }
+  }
+  //未入账列表
+  const getOfficeclerkpending = async () => {
+    loadingouttime.value = true
+    try {
+      const { currentPage, pageSize } = paginationwrz
+      const params = {
+        current: currentPage,
+        size: pageSize,
+        scene: 'pending'
+      }
+
+      const { records, current, size, total } = await financeService.getPaymentList(params)
+      tableDatawrz.value = records || []
+      Object.assign(paginationwrz, { currentPage: current, pageSize: size, total })
+    } catch (error) {
+      console.error('获取列表失败:', error)
+    } finally {
+      loadingouttime.value = false
+    }
+  }
+  onMounted(() => {
+    officeclerkcharts()
+    getOfficepayment()
+    getOfficeclerkunclaimed()
+    getOfficeclerkpending()
+  })
+</script>
+
+<style scoped lang="scss">
+  .mt-20 {
+    margin-top: 20px;
+  }
+  .office-administrator {
+    padding: 20px;
+    background-color: #f5f7fa;
+    min-height: 100vh;
+  }
+
+  .page-header {
+    background: white;
+    padding: 20px;
+    border-radius: 8px;
+    margin-bottom: 20px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+    .header-content {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+
+      .header-icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 40px;
+        height: 40px;
+        background: #f0f9ff;
+        border-radius: 8px;
+      }
+
+      .page-title {
+        margin: 0;
+        font-size: 20px;
+        font-weight: 600;
+        color: #303133;
+      }
+    }
+  }
+
+  .stats-cards {
+    margin: 20px 0px 0px;
+    background: #fff;
+    // padding: 20px;
+    border-radius: 8px;
+    // height: 230px;
+    .card-l {
+      border: 1px solid #f0f0f0;
+      padding: 45px 16px;
+      border-radius: 8px;
+      text-align: center;
+      img {
+        width: 73px;
+      }
+      .card-number {
+        font-size: 18px;
+        font-weight: bold;
+        margin-bottom: 7px;
+        color: #009c54;
+        margin-top: 10px;
+      }
+      .card-label {
+        font-size: 14px;
+        color: #666666;
+        margin-bottom: 8px;
+      }
+    }
+    .card-r {
+      border: 1px solid #f0f0f0;
+      padding: 22px 10px;
+      border-radius: 8px;
+      text-align: left;
+      .card-number {
+        font-size: 24px;
+        font-weight: bold;
+        margin-bottom: 4px;
+        color: #009c54;
+      }
+      .card-label {
+        font-size: 10px;
+        color: #666666;
+        margin-bottom: 2px;
+      }
+      img {
+        width: 62px;
+      }
+      .card-icon {
+        text-align: right;
+      }
+    }
+  }
+  .list-sectiont {
+    // margin: 20px 0 0;
+    background: white;
+    border-radius: 8px;
+    padding: 15px 20px;
+  }
+  .ontheway-cny {
+    font-size: 30px;
+    font-weight: bold;
+    color: #3471ff;
+    text-align: center;
+    margin: 23px 0px 15px;
+  }
+  .ontheway-num {
+    font-size: 30px;
+    font-weight: bold;
+    color: #333333;
+    text-align: center;
+    margin: 23px 0px 15px;
+  }
+  .main-content {
+    margin: -20px;
+  }
+  .ontheway {
+    background: white;
+    padding: 5px 20px;
+    text-align: center;
+    .card-number {
+      font-size: 18px;
+      font-weight: bold;
+      margin-bottom: 7px;
+      color: #3471ff;
+      margin-top: 10px;
+    }
+    .card-label {
+      font-size: 14px;
+      color: #666666;
+      margin-bottom: 8px;
+    }
+  }
+  .list-section {
+    margin: 20px 0;
+    background: white;
+    border-radius: 8px;
+    padding: 20px;
+  }
+  .data-summary {
+    background: white;
+    border-radius: 8px;
+    padding: 15px 20px;
+    min-height: 208px;
+    margin-bottom: 20px;
+    // box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    // height: 230px;
+
+    .summary-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+      margin-top: 20px;
+
+      .summary-item {
+        text-align: left;
+        padding: 12px 15px;
+        // background: #f8f9fa;
+        border-radius: 6px;
+        position: relative;
+        &.claimed {
+          background: #f3fcff;
+        }
+        &.unclaimed {
+          background: #fcfaff;
+        }
+        &.overdue {
+          background: #f1fcf6;
+        }
+        &.not-accounted {
+          background: #fff9f6;
+        }
+        .summary-label {
+          font-size: 12px;
+          color: #909399;
+          margin-bottom: 8px;
+        }
+
+        .summary-number {
+          font-size: 24px;
+          font-weight: bold;
+
+          &.blue {
+            color: #409eff;
+          }
+
+          &.purple {
+            color: #9c27b0;
+          }
+
+          &.green {
+            color: #67c23a;
+          }
+
+          &.red {
+            color: #f56c6c;
+          }
+        }
+
+        .summary-tag {
+          font-size: 10px;
+          padding: 2px 6px;
+          border-radius: 4px;
+          display: inline-block;
+          position: absolute;
+          right: 10px;
+          top: 12px;
+          &.blue {
+            color: #409eff;
+          }
+
+          &.purple {
+            color: #9c27b0;
+          }
+
+          &.green {
+            color: #67c23a;
+          }
+
+          &.red {
+            color: #f56c6c;
+          }
+        }
+      }
+    }
+  }
+  .list-amount {
+    margin-top: 20px;
+    border-radius: 8px;
+    padding: 14px;
+    background: white;
+    .amount {
+      padding: 20px;
+      border-radius: 8px;
+      background: linear-gradient(102.34deg, #d7ffcd 1.87%, #f1ffee 53.37%, #daf6d3 101.98%);
+      &.not-amount1 {
+        background: linear-gradient(102.34deg, #fffad3 1.87%, #fffadb 53.37%, #fdf5c1 101.98%);
+      }
+      &.not-amount2 {
+        background: linear-gradient(102.34deg, #ffd6d6 1.87%, #fff0f0 53.37%, #fdc5c5 101.98%);
+      }
+      .amount-grid {
+        margin-top: 11px;
+        text-align: center;
+        .card-number {
+          color: #25ba00;
+          font-size: 20px;
+          font-weight: bold;
+        }
+        &.not-accounted .card-number {
+          color: #ff8800;
+        }
+        &.not-account .card-number {
+          color: #ff0000;
+        }
+        .card-label {
+          font-size: 14px;
+          color: #666666;
+          margin: 5px 0px 10px;
+        }
+      }
+    }
+  }
+  .unapproved-list {
+    background: white;
+    border-radius: 8px;
+    padding: 20px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+    .list-container {
+      margin-top: 20px;
+      max-height: 300px;
+      overflow-y: auto;
+
+      .list-item {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 12px 0;
+        border-bottom: 1px solid #f0f0f0;
+
+        &:last-child {
+          border-bottom: none;
+        }
+
+        .item-content {
+          display: flex;
+          flex-direction: column;
+          gap: 4px;
+
+          .item-text {
+            font-size: 14px;
+            color: #303133;
+          }
+
+          .item-date {
+            font-size: 12px;
+            color: #909399;
+          }
+        }
+
+        .item-action {
+          .el-link {
+            font-size: 12px;
+          }
+        }
+      }
+    }
+  }
+
+  .section-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+
+    .section-bar {
+      width: 4px;
+      height: 20px;
+      background: #409eff;
+      border-radius: 2px;
+    }
+
+    .section-title {
+      margin: 0;
+      font-size: 16px;
+      font-weight: 600;
+      color: #303133;
+    }
+  }
+</style>
+  
\ No newline at end of file