From dcb4fbbb57a6660054d4b89764368a572fadade1 Mon Sep 17 00:00:00 2001
From: DaxPay <xxm1995@outlook.com>
Date: Mon, 5 Aug 2024 20:15:56 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E5=95=86=E6=88=B7=E9=80=9A=E7=9F=A5?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../daxpay/admin/constant/api/ApiConst.api.ts | 10 --
 .../constant/channel/ChannelConst.api.ts      |  9 --
 .../admin/constant/method/MethodConst.api.ts  |  9 --
 .../admin/constant/notify/NotifyConst.api.ts  | 24 +++++
 .../admin/constant/notify/NotifyConstList.vue | 96 +++++++++++++++++++
 5 files changed, 120 insertions(+), 28 deletions(-)
 create mode 100644 src/views/daxpay/admin/constant/notify/NotifyConst.api.ts
 create mode 100644 src/views/daxpay/admin/constant/notify/NotifyConstList.vue

diff --git a/src/views/daxpay/admin/constant/api/ApiConst.api.ts b/src/views/daxpay/admin/constant/api/ApiConst.api.ts
index c067d1ce7..4d42f93e0 100644
--- a/src/views/daxpay/admin/constant/api/ApiConst.api.ts
+++ b/src/views/daxpay/admin/constant/api/ApiConst.api.ts
@@ -12,16 +12,6 @@ export const page = (params) => {
   })
 }
 
-/**
- * 详情
- */
-export const get = (id) => {
-  return defHttp.get<Result<ChannelConst>>({
-    url: '/const/api/findById',
-    params: { id },
-  })
-}
-
 export interface ChannelConst extends BaseEntity {
   /** 编码 */
   code?: string
diff --git a/src/views/daxpay/admin/constant/channel/ChannelConst.api.ts b/src/views/daxpay/admin/constant/channel/ChannelConst.api.ts
index 64357c116..5fa4e817e 100644
--- a/src/views/daxpay/admin/constant/channel/ChannelConst.api.ts
+++ b/src/views/daxpay/admin/constant/channel/ChannelConst.api.ts
@@ -11,15 +11,6 @@ export const page = (params) => {
     params,
   })
 }
-/**
- * 详情
- */
-export const get = (id) => {
-  return defHttp.get<Result<ChannelConst>>({
-    url: '/const/channel/findById',
-    params: { id },
-  })
-}
 
 export interface ChannelConst extends BaseEntity {
   /** 编码 */
diff --git a/src/views/daxpay/admin/constant/method/MethodConst.api.ts b/src/views/daxpay/admin/constant/method/MethodConst.api.ts
index 888d67693..4f3e5b4cd 100644
--- a/src/views/daxpay/admin/constant/method/MethodConst.api.ts
+++ b/src/views/daxpay/admin/constant/method/MethodConst.api.ts
@@ -11,15 +11,6 @@ export const page = (params) => {
     params,
   })
 }
-/**
- * 详情
- */
-export const get = (id) => {
-  return defHttp.get<Result<MethodConst>>({
-    url: '/const/method/findById',
-    params: { id },
-  })
-}
 
 export interface MethodConst extends BaseEntity {
   /** 编码 */
diff --git a/src/views/daxpay/admin/constant/notify/NotifyConst.api.ts b/src/views/daxpay/admin/constant/notify/NotifyConst.api.ts
new file mode 100644
index 000000000..13dfc5dba
--- /dev/null
+++ b/src/views/daxpay/admin/constant/notify/NotifyConst.api.ts
@@ -0,0 +1,24 @@
+import { defHttp } from '@/utils/http/axios'
+import { PageResult, Result } from '#/axios'
+import { BaseEntity } from '#/web'
+
+/**
+ * 分页
+ */
+export const page = (params) => {
+  return defHttp.get<Result<PageResult<NotifyConst>>>({
+    url: '/const/merchant/notify/page',
+    params,
+  })
+}
+
+export interface NotifyConst extends BaseEntity {
+  /** 编码 */
+  code?: string
+  /** 名称 */
+  name?: string
+  /** 是否启用 */
+  enable?: boolean
+  /** 描述 */
+  description?: string
+}
diff --git a/src/views/daxpay/admin/constant/notify/NotifyConstList.vue b/src/views/daxpay/admin/constant/notify/NotifyConstList.vue
new file mode 100644
index 000000000..eb1e76f11
--- /dev/null
+++ b/src/views/daxpay/admin/constant/notify/NotifyConstList.vue
@@ -0,0 +1,96 @@
+<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 }" />
+      <div class="h-65vh">
+        <vxe-table
+          height="auto"
+          row-id="id"
+          ref="xTable"
+          :data="pagination.records"
+          :loading="loading"
+        >
+          <vxe-column type="seq" width="60" />
+          <vxe-column field="code" title="编码" :min-width="80" />
+          <vxe-column field="name" title="名称" :min-width="120" />
+          <vxe-column field="remark" title="描述" />
+          <vxe-column field="enable" title="是否启用" :width="80">
+            <template #default="{ row }">
+              <a-tag v-if="row.enable" color="green">启用</a-tag>
+              <a-tag v-else color="red">停用</a-tag>
+            </template>
+          </vxe-column>
+        </vxe-table>
+      </div>
+      <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 { onMounted, ref } from 'vue'
+  import { page } from './NotifyConst.api'
+  import useTablePage from '@/hooks/bootx/useTablePage'
+  import { VxeTableInstance, VxeToolbarInstance } from 'vxe-table'
+  import BQuery from '/@/components/Bootx/Query/BQuery.vue'
+  import { QueryField } from '@/components/Bootx/Query/Query'
+
+  // 使用hooks
+  const {
+    handleTableChange,
+    pageQueryResHandel,
+    resetQueryParams,
+    pagination,
+    pages,
+    model,
+    loading,
+  } = useTablePage(queryPage)
+
+  // 查询条件
+  const fields = [
+    { field: 'code', type: 'string', name: '编码', placeholder: '请输入编码' },
+    { field: 'name', type: 'string', name: '名称', placeholder: '请输入名称' },
+  ] as QueryField[]
+
+  const xTable = ref<VxeTableInstance>()
+  const xToolbar = ref<VxeToolbarInstance>()
+
+  onMounted(() => {
+    vxeBind()
+    queryPage()
+  })
+  function vxeBind() {
+    xTable.value?.connect(xToolbar.value as VxeToolbarInstance)
+  }
+
+  /**
+   * 分页查询
+   */
+  function queryPage() {
+    loading.value = true
+    page({
+      ...model.queryParam,
+      ...pages,
+    }).then(({ data }) => {
+      pageQueryResHandel(data)
+    })
+    return Promise.resolve()
+  }
+</script>
+
+<style lang="less" scoped></style>