From e4d5dfc079255f027f89590840690391fd2d3ecc Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Wed, 24 Dec 2025 00:09:55 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E4=BA=A7=E5=93=81?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B=E7=9A=84=E6=96=B0=E5=A2=9E=E5=92=8C=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=8A=9F=E8=83=BD=EF=BC=9B=E6=9B=B4=E6=96=B0=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E7=BB=84=E4=BB=B6=E4=BB=A5=E6=94=AF=E6=8C=81=E5=AF=B9?=
 =?UTF-8?q?=E8=AF=9D=E6=A1=86=E6=93=8D=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/rwa/producttype/components/add.vue  | 68 +++++++++++++++++
 src/views/rwa/producttype/components/edit.vue | 73 +++++++++++++++++++
 src/views/rwa/producttype/index.vue           | 58 ++++++++++-----
 3 files changed, 181 insertions(+), 18 deletions(-)
 create mode 100644 src/views/rwa/producttype/components/add.vue
 create mode 100644 src/views/rwa/producttype/components/edit.vue
diff --git a/src/views/rwa/producttype/components/add.vue b/src/views/rwa/producttype/components/add.vue
new file mode 100644
index 0000000..3c1c9b6
--- /dev/null
+++ b/src/views/rwa/producttype/components/add.vue
@@ -0,0 +1,68 @@
+<script lang="ts" setup>
+import { ref, useTemplateRef } from 'vue';
+import type { FormInst, FormRules } from 'naive-ui';
+import { client, safeClient } from '@/service/api';
+
+type Body = CommonType.TreatyBody<typeof client.api.admin.rwa.category.categories.post>;
+
+const emit = defineEmits<{
+  (e: 'close'): void;
+}>();
+const formInst = useTemplateRef<FormInst>('formInst');
+const form = ref<Body>({
+  name: '',
+  code: '',
+  description: '',
+  displayOrder: 0
+});
+const rules: FormRules = {
+  name: [{ required: true, message: '请输入分类名称', trigger: ['blur', 'input'] }],
+  code: [{ required: true, message: '请输入分类编号', trigger: ['blur', 'input'] }]
+};
+
+function handleSubmit() {
+  formInst.value?.validate(async errors => {
+    if (!errors) {
+      await safeClient(() =>
+        client.api.admin.rwa.category.categories.post({
+          ...form.value
+        })
+      );
+      emit('close');
+    }
+  });
+}
+</script>
+
+<template>
+  <div class="my-10">
+    <NForm
+      ref="formInst"
+      :model="form"
+      label-width="auto"
+      label-placement="left"
+      :rules="rules"
+      require-mark-placement="left"
+    >
+      <NFormItem path="name" label="分类名称">
+        <NInput v-model:value="form.name" />
+      </NFormItem>
+      <NFormItem path="code" label="分类编号">
+        <NInput v-model:value="form.code" />
+      </NFormItem>
+      <NFormItem path="description" label="描述">
+        <NInput v-model:value="form.description" type="textarea" />
+      </NFormItem>
+      <NFormItem path="displayOrder" label="排序">
+        <NInputNumber v-model:value="form.displayOrder" />
+      </NFormItem>
+
+      <NSpace justify="end">
+        <NButton type="primary" ghost @click="$emit('close')">取 消</NButton>
+        <NButton type="primary" @click="handleSubmit">创 建</NButton>
+      </NSpace>
+    </NForm>
+  </div>
+</template>
+
+<style lang="css" scoped></style>
diff --git a/src/views/rwa/producttype/components/edit.vue b/src/views/rwa/producttype/components/edit.vue
new file mode 100644
index 0000000..19d79e9
--- /dev/null
+++ b/src/views/rwa/producttype/components/edit.vue
@@ -0,0 +1,73 @@
+<script lang="ts" setup>
+import { ref, useTemplateRef } from 'vue';
+import type { FormInst, FormRules } from 'naive-ui';
+import type { Treaty } from '@elysiajs/eden';
+import { client, safeClient } from '@/service/api';
+
+type Body = CommonType.TreatyBody<typeof client.api.admin.rwa.category.categories.post>;
+
+const props = defineProps<{
+  data: Treaty.Data<typeof client.api.admin.rwa.category.categories.post>;
+}>();
+const emit = defineEmits<{
+  (e: 'close'): void;
+}>();
+const formInst = useTemplateRef<FormInst>('formInst');
+const form = ref<Body>({
+  id: props.data.id,
+  name: props.data.name,
+  code: props.data.code,
+  description: props.data.description,
+  displayOrder: props.data.displayOrder
+});
+const rules: FormRules = {
+  name: [{ required: true, message: '请输入分类名称', trigger: ['blur', 'input'] }],
+  code: [{ required: true, message: '请输入分类编号', trigger: ['blur', 'input'] }]
+};
+
+function handleSubmit() {
+  formInst.value?.validate(async errors => {
+    if (!errors) {
+      await safeClient(() =>
+        client.api.admin.rwa.category.categories.put({
+          ...form.value
+        })
+      );
+      emit('close');
+    }
+  });
+}
+</script>
+
+<template>
+  <div class="my-10">
+    <NForm
+      ref="formInst"
+      :model="form"
+      label-width="auto"
+      label-placement="left"
+      :rules="rules"
+      require-mark-placement="left"
+    >
+      <NFormItem path="name" label="分类名称">
+        <NInput v-model:value="form.name" />
+      </NFormItem>
+      <NFormItem path="code" label="分类编号">
+        <NInput v-model:value="form.code" />
+      </NFormItem>
+      <NFormItem path="description" label="描述">
+        <NInput v-model:value="form.description" type="textarea" />
+      </NFormItem>
+      <NFormItem path="displayOrder" label="排序">
+        <NInputNumber v-model:value="form.displayOrder" />
+      </NFormItem>
+
+      <NSpace justify="end">
+        <NButton type="primary" ghost @click="$emit('close')">取 消</NButton>
+        <NButton type="primary" @click="handleSubmit">更 新</NButton>
+      </NSpace>
+    </NForm>
+  </div>
+</template>
+
+<style lang="css" scoped></style>
diff --git a/src/views/rwa/producttype/index.vue b/src/views/rwa/producttype/index.vue
index 27794be..1fb052a 100644
--- a/src/views/rwa/producttype/index.vue
+++ b/src/views/rwa/producttype/index.vue
@@ -1,9 +1,11 @@
 <script lang="ts" setup>
-import { useTemplateRef } from 'vue';
+import { h, 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';
+import Add from './components/add.vue';
+import Edit from './components/edit.vue';
 
 const dialog = useDialog();
 const message = useMessage();
@@ -54,28 +56,24 @@ const columns: TableBaseColumns = [
         contentText: '编辑',
         type: 'primary',
         ghost: true,
-        onClick: () => {
-          tableInst.value?.reload();
-        }
+        size: 'small',
+        onClick: () => handleEdit(row)
       },
       {
         contentText: '删除',
         type: 'error',
         ghost: true,
+        size: 'small',
         onClick: async () => {
           dialog.create({
             title: '提示',
             positiveText: '是',
             negativeText: '否',
-            content: '确认删除该银行信息？',
+            content: '确认删除该信息？',
             onPositiveClick: async () => {
-              safeClient(() =>
-                client.api.admin.deposit.reject({ orderId: row.id as string }).post({
-                  reviewNote: '管理员拒绝充值'
-                })
-              );
-              // tableInst.value?.reload();
+              await safeClient(() => client.api.admin.rwa.category.categories({ id: row.id as string }).delete());
               message.success('删除成功');
+              tableInst.value?.reload();
             }
           });
         }
@@ -84,16 +82,40 @@ const columns: TableBaseColumns = [
   }
 ];
 
-const filterColumns: TableFilterColumns = [
-  {
-    title: '名称',
-    key: 'name'
-  }
-];
+function handleAdd() {
+  const dialogInstance = dialog.create({
+    title: '添加产品类型',
+    content: () =>
+      h(Add, {
+        onClose: () => {
+          dialogInstance?.destroy();
+          tableInst.value?.reload();
+        }
+      }),
+    style: { width: '600px' },
+    closable: true
+  });
+}
+
+function handleEdit(data: any) {
+  const dialogInstance = dialog.create({
+    title: '编辑产品类型',
+    content: () =>
+      h(Edit, {
+        data,
+        onClose: () => {
+          dialogInstance?.destroy();
+          tableInst.value?.reload();
+        }
+      }),
+    style: { width: '600px' },
+    closable: true
+  });
+}
 </script>
 
 <template>
-  <TableBase ref="tableInst" :columns="columns" :fetch-data="fetchData" :filter-columns="filterColumns" />
+  <TableBase ref="tableInst" :columns="columns" :fetch-data="fetchData" @add="handleAdd" />
 </template>
 
 <style lang="css" scoped></style>
