feat: 新增银行管理功能，包括银行账户的列表展示、编辑和删除操作

2026-01-07 16:22:35 +07:00
parent 0e20480565
commit 597ca7992d
7 changed files with 75 additions and 91 deletions
--- a/src/views/bank/index.vue
+++ b/src/views/bank/index.vue
@@ -0,0 +1,110 @@
+<script lang="ts" setup>
+import { useTemplateRef } from 'vue';
+import { useDateFormat } from '@vueuse/core';
+import { useDialog, useMessage } from 'naive-ui';
+import { client, safeClient } from '@/service/api';
+import type { TableBaseColumns, TableFetchData, TableFilterColumns, TableInst } from '@/components/table';
+
+const dialog = useDialog();
+const message = useMessage();
+const tableInst = useTemplateRef<TableInst>('tableInst');
+
+const fetchData: TableFetchData = ({ pagination, filter }) => {
+  return safeClient(() =>
+    client.api.admin.bank_account.banks.get({
+      query: {
+        ...pagination,
+        ...filter
+      }
+    })
+  );
+};
+
+const columns: TableBaseColumns = [
+  {
+    title: '银行名称',
+    key: 'nameCn'
+  },
+  {
+    title: '银行编号',
+    key: 'bankCode'
+  },
+  {
+    title: '是否启用',
+    key: 'isActive',
+    render(row: any) {
+      return row.isActive ? '是' : '否';
+    }
+  },
+  {
+    title: '创建时间',
+    key: 'createdAt',
+    render(row: any) {
+      return useDateFormat(row.createdAt, 'YYYY-MM-DD HH:mm:ss').value;
+    }
+  },
+  {
+    title: '操作',
+    fixed: 'right',
+    key: 'operation',
+    width: 160,
+    operations: (row: any) => [
+      {
+        contentText: '编辑',
+        type: 'primary',
+        size: 'small',
+        onClick: () => {
+          tableInst.value?.reload();
+        }
+      },
+      {
+        contentText: '删除',
+        type: 'error',
+        ghost: true,
+        size: 'small',
+        onClick: async () => {
+          dialog.create({
+            title: '提示',
+            positiveText: '是',
+            negativeText: '否',
+            content: '确认删除该银行信息？',
+            onPositiveClick: async () => {
+              safeClient(() =>
+                client.api.admin.deposit.reject({ orderId: row.id as string }).post({
+                  reviewNote: '管理员拒绝充值'
+                })
+              );
+              // tableInst.value?.reload();
+              message.success('删除成功');
+            }
+          });
+        }
+      }
+    ]
+  }
+];
+
+const filterColumns: TableFilterColumns = [
+  {
+    title: '银行名称',
+    key: 'nameCn'
+  },
+  {
+    title: '银行编号',
+    key: 'bankCode'
+  }
+];
+</script>
+
+<template>
+  <TableBase
+    ref="tableInst"
+    show-header-operation
+    :columns="columns"
+    :filter-columns="filterColumns"
+    :fetch-data="fetchData"
+    :scroll-x="800"
+  />
+</template>
+
+<style lang="css" scoped></style>