From cb959867decd12cda2f1a2612ca339f269fe5ad7 Mon Sep 17 00:00:00 2001
From: bootx <xxm1995@outlook.com>
Date: Sun, 18 Feb 2024 23:36:50 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E7=8E=B0=E9=87=91=E6=B5=81=E6=B0=B4?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../channel/cash/record/CashRecord.api.ts     |  39 +++++++
 .../channel/cash/record/CashRecordList.vue    | 100 ++++++++++++++++++
 .../voucher/record/VoucherRecordList.vue      |   2 +
 .../wallet/record/WalletRecordList.vue        |   1 +
 4 files changed, 142 insertions(+)
 create mode 100644 src/views/payment/channel/cash/record/CashRecord.api.ts
 create mode 100644 src/views/payment/channel/cash/record/CashRecordList.vue

diff --git a/src/views/payment/channel/cash/record/CashRecord.api.ts b/src/views/payment/channel/cash/record/CashRecord.api.ts
new file mode 100644
index 000000000..55d874576
--- /dev/null
+++ b/src/views/payment/channel/cash/record/CashRecord.api.ts
@@ -0,0 +1,39 @@
+import { defHttp } from '/@/utils/http/axios'
+import { Result, PageResult } from '/#/axios'
+import { BaseEntity } from '/#/web'
+
+/**
+ * 分页
+ */
+export function page(params) {
+  return defHttp.get<Result<PageResult<CashRecord[]>>>({
+    url: '/cash/record/page',
+    params,
+  })
+}
+
+/**
+ * 详情
+ */
+export function get(id) {
+  return defHttp.get<Result<CashRecord>>({
+    url: '/cash/record/findById',
+    params: { id },
+  })
+}
+
+/**
+ * 现金记录
+ */
+export interface CashRecord extends BaseEntity {
+  // 类型
+  type: string
+  // 金额
+  amount: string
+  // 交易订单号
+  orderId: string
+  // 地址
+  ip: string
+  // 备注
+  remark: string
+}
diff --git a/src/views/payment/channel/cash/record/CashRecordList.vue b/src/views/payment/channel/cash/record/CashRecordList.vue
new file mode 100644
index 000000000..4e6e6c35d
--- /dev/null
+++ b/src/views/payment/channel/cash/record/CashRecordList.vue
@@ -0,0 +1,100 @@
+<template>
+  <div>
+    <div class="m-3 p-3 pt-5 bg-white">
+      <b-query :query-params="model.queryParam" :fields="fields" @query="queryPage" @reset="resetQueryParams" />
+    </div>
+    <div class="m-3 p-3 bg-white">
+      <vxe-toolbar ref="xToolbar" custom :refresh="{ queryMethod: queryPage }" />
+      <vxe-table
+        row-id="id"
+        ref="xTable"
+        :data="pagination.records"
+        :loading="loading"
+        :sort-config="{ remote: true, trigger: 'cell' }"
+        @sort-change="sortChange"
+      >
+        <vxe-column type="seq" title="序号" width="60" />
+        <vxe-column field="orderId" title="本地订单ID" width="170" />
+        <vxe-column field="amount" title="金额" width="170" />
+        <vxe-column field="type" title="回调类型">
+          <template #default="{ row }">
+            <a-tag>{{ dictConvert('CashRecordType', row.type) }}</a-tag>
+          </template>
+        </vxe-column>
+        <vxe-column field="remark" title="备注" />
+        <vxe-column field="createTime" title="创建时间" sortable />
+<!--        <vxe-column fixed="right" width="60" :showOverflow="false" title="操作">-->
+<!--          <template #default="{ row }">-->
+<!--            <span>-->
+<!--              <a-link @click="show(row)">查看</a-link>-->
+<!--            </span>-->
+<!--          </template>-->
+<!--        </vxe-column>-->
+      </vxe-table>
+      <vxe-pager
+        size="medium"
+        :loading="loading"
+        :current-page="pagination.current"
+        :page-size="pagination.size"
+        :total="pagination.total"
+        @page-change="handleTableChange"
+      />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { computed, onMounted } from 'vue'
+  import { $ref } from 'vue/macros'
+  import { page } from './CashRecord.api'
+  import useTablePage from '/@/hooks/bootx/useTablePage'
+  import { VxeTable, VxeTableInstance, VxeToolbarInstance } from 'vxe-table'
+  import BQuery from '/@/components/Bootx/Query/BQuery.vue'
+  import { useMessage } from '/@/hooks/web/useMessage'
+  import { QueryField, STRING } from '/@/components/Bootx/Query/Query'
+  import { useDict } from '/@/hooks/bootx/useDict'
+
+  // 使用hooks
+  const { handleTableChange, pageQueryResHandel, resetQueryParams, pagination, sortChange, sortParam, pages, model, loading } =
+    useTablePage(queryPage)
+  const { notification, createMessage, createConfirm } = useMessage()
+  const { dictConvert, dictDropDown } = useDict()
+
+  // 查询条件
+  const fields = computed(() => {
+    return [{ field: 'orderId', type: STRING, name: '本地订单ID', placeholder: '请输入完整本地订单ID' }] as QueryField[]
+  })
+
+  const xTable = $ref<VxeTableInstance>()
+  const xToolbar = $ref<VxeToolbarInstance>()
+
+  onMounted(() => {
+    vxeBind()
+    queryPage()
+  })
+  function vxeBind() {
+    xTable?.connect(xToolbar as VxeToolbarInstance)
+  }
+
+  /**
+   * 分页查询
+   */
+  function queryPage() {
+    loading.value = true
+    page({
+      ...model.queryParam,
+      ...pages,
+      ...sortParam,
+    }).then(({ data }) => {
+      pageQueryResHandel(data)
+    })
+    return Promise.resolve()
+  }
+  /**
+   * 查看
+   */
+  function show(record) {
+  }
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/payment/channel/voucher/record/VoucherRecordList.vue b/src/views/payment/channel/voucher/record/VoucherRecordList.vue
index d6548bda9..5c4c92772 100644
--- a/src/views/payment/channel/voucher/record/VoucherRecordList.vue
+++ b/src/views/payment/channel/voucher/record/VoucherRecordList.vue
@@ -19,6 +19,8 @@
       <vxe-column field="oldAmount" title="变动之前的金额" />
       <vxe-column field="newAmount" title="变动之后的金额" />
       <vxe-column field="createTime" title="记录时间" sortable />
+      <vxe-column field="remark" title="备注" />
+      <vxe-column field="createTime" title="创建时间" sortable />
     </vxe-table>
     <vxe-pager
       size="medium"
diff --git a/src/views/payment/channel/wallet/record/WalletRecordList.vue b/src/views/payment/channel/wallet/record/WalletRecordList.vue
index bad826f5b..350928e70 100644
--- a/src/views/payment/channel/wallet/record/WalletRecordList.vue
+++ b/src/views/payment/channel/wallet/record/WalletRecordList.vue
@@ -18,6 +18,7 @@
       <vxe-column field="amount" title="金额" />
       <vxe-column field="oldAmount" title="变动之前的金额" />
       <vxe-column field="newAmount" title="变动之后的金额" />
+      <vxe-column field="remark" title="备注" />
       <vxe-column field="createTime" title="记录时间" sortable />
     </vxe-table>
     <vxe-pager